/* ItemPrice price guess v262 */
.pg-page { min-height: 100vh; }
.pg-shell { width: min(1220px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 70px; }
.pg-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:26px 28px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:linear-gradient(135deg,rgba(29,36,49,.98),rgba(14,19,28,.96)); box-shadow:0 22px 55px rgba(0,0,0,.28); overflow:hidden; position:relative; }
.pg-hero::after { content:""; position:absolute; width:360px; height:360px; right:-110px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(216,255,0,.18),transparent 68%); pointer-events:none; }
.pg-kicker { display:inline-flex; color:#d8ff00; font-size:11px; letter-spacing:.16em; font-weight:900; margin-bottom:9px; }
.pg-hero h1 { font-size:34px; letter-spacing:-1.6px; color:#fff; }
.pg-hero p { max-width:690px; margin-top:10px; line-height:1.65; font-size:14px; }
.pg-hero p b:first-of-type { color:#76e8a6; } .pg-hero p b:last-of-type { color:#ff9b7b; }
.pg-hero-stats { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(100px,1fr)); gap:8px; min-width:360px; }
.pg-hero-stats div { padding:12px 13px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:rgba(255,255,255,.04); }
.pg-hero-stats span { display:block; color:#94a1b1; font-size:11px; font-weight:800; }
.pg-hero-stats b { display:block; margin-top:5px; color:#fff; font-size:17px; }
.pg-view { margin-top:18px; }
.pg-setup-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; align-items:start; }
.pg-config-card { padding:18px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:linear-gradient(180deg,rgba(27,34,47,.96),rgba(17,23,34,.98)); box-shadow:0 14px 34px rgba(0,0,0,.18); }
.pg-config-card-wide { grid-row:span 2; }
.pg-config-card > header { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.pg-config-card > header > span { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; color:#182000; background:#d8ff00; font-size:11px; font-weight:950; }
.pg-config-card h2 { font-size:16px; color:#fff; } .pg-config-card header p { font-size:11px; margin-top:3px; }
.pg-mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pg-mode-card, .pg-difficulty-list button, .pg-pool-grid button, .pg-segmented button { border:1px solid rgba(255,255,255,.09); background:#101722; color:#d9e1eb; cursor:pointer; }
.pg-mode-card { min-height:142px; padding:18px 14px; border-radius:15px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:7px; transition:border-color .16s,background .16s; }
.pg-mode-card:hover { border-color:rgba(216,255,0,.34); }
.pg-mode-card.active { border-color:rgba(216,255,0,.65); background:linear-gradient(180deg,rgba(216,255,0,.10),rgba(16,23,34,.98)); box-shadow:inset 0 0 0 1px rgba(216,255,0,.12); }
.pg-mode-symbol { font-size:25px; line-height:1; color:#d8ff00; }
.pg-mode-card b { font-size:15px; color:#fff; } .pg-mode-card em { font-style:normal; color:#93a0b0; font-size:11px; }
.pg-time-block { margin-top:13px; padding-top:13px; border-top:1px solid rgba(255,255,255,.07); }
.pg-time-block > span { display:block; color:#aeb9c7; font-size:12px; font-weight:900; margin-bottom:8px; }
.pg-segmented { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }
.pg-segmented button { min-height:36px; border-radius:9px; font-size:12px; font-weight:900; }
.pg-segmented button.active { color:#172000; background:#d8ff00; border-color:#d8ff00; }
.pg-difficulty-list { display:grid; gap:7px; }
.pg-difficulty-list button, .pg-pool-grid button { width:100%; padding:11px 12px; border-radius:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; }
.pg-difficulty-list button b, .pg-pool-grid button b { color:#fff; font-size:13px; flex:none; }
.pg-difficulty-list button span, .pg-pool-grid button span { color:#8f9cac; font-size:11px; line-height:1.35; text-align:right; }
.pg-difficulty-list button.active, .pg-pool-grid button.active { border-color:rgba(246,134,0,.72); background:rgba(246,134,0,.09); box-shadow:inset 3px 0 #f68600; }
.pg-pool-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pg-pool-grid button { min-height:72px; display:grid; justify-content:stretch; gap:5px; }
.pg-pool-grid button span { text-align:left; }
.pg-rule-note { margin-top:12px; display:flex; gap:9px; align-items:flex-start; padding:10px 11px; border-radius:11px; background:rgba(98,234,255,.045); border:1px solid rgba(98,234,255,.12); }
.pg-rule-note i { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; flex:none; background:#62eaff; color:#102029; font-style:normal; font-size:11px; font-weight:950; }
.pg-rule-note span { color:#9fabb9; font-size:11px; line-height:1.5; }
.pg-start-row { margin-top:14px; display:grid; grid-template-columns:1fr 300px; gap:12px; align-items:stretch; }
.pg-status { min-height:68px; padding:15px 17px; display:flex; align-items:center; border-radius:16px; border:1px solid rgba(255,255,255,.08); background:rgba(20,26,37,.88); color:#9eabb9; font-size:12px; }
.pg-status.error { color:#ffab97; border-color:rgba(255,99,71,.28); }
.pg-start-button { min-height:68px; border:0; border-radius:16px; cursor:pointer; color:#172000; background:linear-gradient(180deg,#d8ff00,#8cbd22); box-shadow:0 12px 30px rgba(156,207,29,.18); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; }
.pg-start-button:disabled { opacity:.45; cursor:not-allowed; }
.pg-start-button span { font-size:16px; font-weight:950; } .pg-start-button em { font-size:10px; font-style:normal; font-weight:800; opacity:.72; }
.pg-game-toolbar { display:grid; grid-template-columns:130px 1fr 220px auto; gap:9px; align-items:center; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(23,29,40,.92); }
.pg-live-stat, .pg-live-context, .pg-timer-box { min-height:58px; padding:9px 12px; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.055); }
.pg-live-stat span, .pg-timer-box span { display:block; color:#91a0b1; font-size:10px; font-weight:900; }
.pg-live-stat b { display:block; color:#d8ff00; font-size:25px; line-height:1; margin-top:6px; }
.pg-live-context { display:flex; flex-direction:column; justify-content:center; } .pg-live-context b { color:#fff; font-size:14px; } .pg-live-context span { color:#94a1b1; font-size:11px; margin-top:4px; }
.pg-timer-box { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 12px; }
.pg-timer-box b { color:#fff; font-size:18px; font-variant-numeric:tabular-nums; }
.pg-timer-box > div { grid-column:1/-1; height:4px; overflow:hidden; border-radius:9px; background:rgba(255,255,255,.09); }
.pg-timer-box i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#d8ff00,#f68600,#ff695e); transform-origin:left center; }
.pg-quit-button, .pg-secondary-button { min-height:44px; padding:0 15px; border:1px solid rgba(255,255,255,.10); border-radius:11px; background:#101722; color:#b9c3cf; cursor:pointer; font-weight:900; font-size:12px; }
.pg-question-card { position:relative; margin-top:12px; min-height:530px; border:1px solid rgba(255,255,255,.08); border-radius:22px; overflow:hidden; background:linear-gradient(160deg,rgba(31,38,52,.97),rgba(14,19,28,.99)); box-shadow:0 22px 55px rgba(0,0,0,.28); }
.pg-question-loading { min-height:530px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; color:#aab5c2; }
.pg-question-loading span { width:34px; height:34px; border:3px solid rgba(255,255,255,.12); border-top-color:#d8ff00; border-radius:50%; animation:pg-spin .75s linear infinite; }
@keyframes pg-spin { to { transform:rotate(360deg); } }
.pg-question-content { display:grid; grid-template-columns:1.08fr .92fr; min-height:530px; }
.pg-item-panel { padding:25px; display:grid; grid-template-columns:130px 1fr; gap:20px; align-content:start; border-right:1px solid rgba(255,255,255,.07); }
.pg-item-visual { width:130px; min-height:150px; display:flex; flex-direction:column; align-items:center; gap:9px; }
.pg-item-visual img { width:112px; height:112px; object-fit:contain; padding:13px; border-radius:16px; border:1px solid #d3d8de; background:linear-gradient(180deg,#fff,#dce2e7); image-rendering:auto; }
.pg-item-visual span { color:#8795a6; font-size:10px; }
.pg-item-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.pg-item-title-row h2 { color:#fff; font-size:23px; letter-spacing:-.8px; line-height:1.25; }
.pg-item-title-row span { flex:none; padding:5px 7px; border-radius:7px; color:#93a0b0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); font-size:10px; font-weight:900; }
.pg-item-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top:9px; }
.pg-item-meta span { color:#aab5c1; font-size:11px; }
.pg-item-meta span+span::before { content:"·"; margin-right:6px; color:#566172; }
.pg-badge-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.pg-badge { padding:5px 8px; border-radius:7px; border:1px solid rgba(255,255,255,.08); background:#111824; color:#c7d0dc; font-size:10px; font-weight:900; }
.pg-badge.star { color:#ffe26a; border-color:rgba(255,216,77,.22); } .pg-badge.enhance { color:#74e6ff; }
.pg-badge.g1 { color:var(--grade-rare); } .pg-badge.g2 { color:var(--grade-epic); } .pg-badge.g3 { color:var(--grade-unique); } .pg-badge.g4 { color:var(--grade-legendary); }
.pg-stat-rows { margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:6px 9px; }
.pg-stat-row { display:flex; align-items:center; justify-content:space-between; min-width:0; padding:8px 9px; border-radius:9px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.045); }
.pg-stat-row span { color:#96a3b3; font-size:10px; } .pg-stat-row b { color:#fff; font-size:12px; }
.pg-option-panel { padding:25px; display:grid; align-content:start; gap:12px; }
.pg-option-panel article { padding:14px; border-radius:13px; border:1px solid rgba(255,255,255,.07); background:rgba(10,15,23,.45); }
.pg-option-panel header { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px; }
.pg-option-panel header b { color:#fff; font-size:12px; } .pg-option-panel header span { color:#8f9dad; font-size:10px; font-weight:900; }
.pg-option-panel ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.pg-option-panel li { position:relative; padding-left:14px; color:#edf2f8; font-size:12px; line-height:1.45; }
.pg-option-panel li::before { content:""; position:absolute; left:0; top:.48em; width:7px; height:7px; border-radius:2px; background:#566375; }
.pg-option-panel .grade-rare::before { background:var(--grade-rare); } .pg-option-panel .grade-epic::before { background:var(--grade-epic); } .pg-option-panel .grade-unique::before { background:var(--grade-unique); } .pg-option-panel .grade-legendary::before { background:var(--grade-legendary); }
.pg-price-panel { grid-column:1/-1; margin:0 25px 25px; padding:20px; border-radius:17px; border:1px solid rgba(216,255,0,.18); background:linear-gradient(135deg,rgba(216,255,0,.075),rgba(255,255,255,.025)); text-align:center; }
.pg-price-panel > span { color:#95a2b1; font-size:11px; font-weight:900; } .pg-price-panel strong { display:block; color:#ffe58f; font-size:37px; letter-spacing:-1.6px; margin-top:4px; } .pg-price-panel p { font-size:12px; margin-top:7px; }
.pg-answer-grid { max-width:680px; margin:15px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pg-answer-grid button { min-height:76px; border-radius:14px; border:1px solid rgba(255,255,255,.09); cursor:pointer; display:flex; flex-direction:column; justify-content:center; gap:3px; }
.pg-answer-grid button b { font-size:21px; } .pg-answer-grid button span { font-size:10px; opacity:.72; }
.pg-answer-grid .cheap { color:#0c2418; background:linear-gradient(180deg,#78efae,#3bc57d); } .pg-answer-grid .expensive { color:#30100b; background:linear-gradient(180deg,#ffad8d,#ff715d); }
.pg-answer-grid button:disabled { opacity:.48; cursor:default; }
.pg-result-card { padding:30px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:linear-gradient(155deg,rgba(29,36,49,.98),rgba(14,19,28,.98)); box-shadow:0 22px 58px rgba(0,0,0,.3); text-align:center; }
.pg-result-badge { display:inline-flex; padding:6px 9px; border-radius:999px; color:#ff9b83; border:1px solid rgba(255,113,93,.28); background:rgba(255,113,93,.08); font-size:10px; font-weight:950; letter-spacing:.1em; }
.pg-result-card h2 { color:#fff; font-size:26px; margin-top:12px; } .pg-result-card > p { font-size:12px; }
.pg-result-main { margin:22px auto; display:flex; align-items:baseline; justify-content:center; gap:7px; }
.pg-result-main span { color:#96a4b4; font-size:13px; } .pg-result-main b { color:#d8ff00; font-size:58px; line-height:1; } .pg-result-main em { font-style:normal; color:#d8ff00; font-weight:900; }
.pg-result-rank-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; max-width:840px; margin:0 auto; }
.pg-result-rank-grid div { padding:15px; border-radius:13px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.065); }
.pg-result-rank-grid span, .pg-result-rank-grid small { display:block; color:#8f9cad; font-size:10px; } .pg-result-rank-grid b { display:block; color:#fff; font-size:18px; margin:6px 0; }
.pg-final-answer { max-width:840px; margin:14px auto 0; display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:8px; padding:10px; border-radius:14px; background:rgba(7,11,17,.38); border:1px solid rgba(255,255,255,.06); text-align:left; }
.pg-final-answer > div { min-height:62px; padding:8px 10px; display:flex; flex-direction:column; justify-content:center; }
.pg-final-answer > div:not(:first-child) { border-left:1px solid rgba(255,255,255,.07); }
.pg-final-answer span { color:#8997a8; font-size:10px; } .pg-final-answer b { color:#fff; font-size:14px; margin-top:4px; }
.pg-final-item { display:grid!important; grid-template-columns:48px 1fr; gap:10px; align-items:center; }
.pg-final-item img { width:48px; height:48px; object-fit:contain; padding:5px; border-radius:9px; background:#e6eaed; }
.pg-final-item span { display:block; } .pg-final-item em { display:block; color:#8e9bab; font-size:10px; font-style:normal; margin-top:3px; }
.pg-result-actions { max-width:620px; margin:18px auto 0; display:grid; grid-template-columns:1fr 160px; gap:9px; }
.pg-result-actions .pg-start-button { min-height:58px; }
.pg-guide-grid { margin-top:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.pg-guide-grid article { padding:14px; border-radius:14px; border:1px solid rgba(255,255,255,.07); background:rgba(18,24,35,.72); } .pg-guide-grid b { color:#fff; font-size:12px; } .pg-guide-grid p { font-size:10px; line-height:1.5; }
@media (max-width:900px) {
  .pg-shell { width:min(100% - 20px,760px); padding-top:18px; }
  .pg-hero { align-items:flex-start; flex-direction:column; padding:20px; } .pg-hero h1 { font-size:28px; } .pg-hero-stats { width:100%; min-width:0; }
  .pg-setup-grid { grid-template-columns:1fr; } .pg-config-card-wide { grid-row:auto; }
  .pg-game-toolbar { grid-template-columns:100px 1fr auto; } .pg-timer-box { grid-column:1/-1; }
  .pg-question-content { grid-template-columns:1fr; } .pg-item-panel { border-right:0; border-bottom:1px solid rgba(255,255,255,.07); } .pg-price-panel { grid-column:1; }
}
@media (max-width:620px) {
  .pg-shell { width:calc(100% - 14px); padding-bottom:40px; }
  .pg-hero { border-radius:17px; padding:17px; } .pg-hero h1 { font-size:24px; } .pg-hero p { font-size:12px; }
  .pg-hero-stats { grid-template-columns:1fr 1fr; } .pg-hero-stats div:last-child { grid-column:1/-1; }
  .pg-config-card { border-radius:15px; padding:14px; } .pg-mode-grid, .pg-pool-grid { grid-template-columns:1fr; } .pg-mode-card { min-height:98px; }
  .pg-segmented { grid-template-columns:repeat(3,1fr); }
  .pg-start-row { grid-template-columns:1fr; } .pg-start-button { min-height:60px; }
  .pg-game-toolbar { grid-template-columns:82px 1fr auto; padding:8px; } .pg-live-stat, .pg-live-context { min-height:52px; padding:8px; } .pg-live-stat b { font-size:21px; } .pg-quit-button { padding:0 9px; }
  .pg-question-card, .pg-question-loading { min-height:0; } .pg-item-panel { padding:17px; grid-template-columns:86px 1fr; gap:12px; } .pg-item-visual { width:86px; min-height:110px; } .pg-item-visual img { width:80px; height:80px; padding:8px; } .pg-item-title-row { display:block; } .pg-item-title-row h2 { font-size:18px; } .pg-item-title-row span { display:inline-flex; margin-top:7px; }
  .pg-stat-rows { grid-template-columns:1fr; } .pg-option-panel { padding:0 17px 17px; } .pg-price-panel { margin:0 17px 17px; padding:16px; } .pg-price-panel strong { font-size:29px; }
  .pg-answer-grid { grid-template-columns:1fr 1fr; gap:7px; } .pg-answer-grid button { min-height:66px; } .pg-answer-grid button b { font-size:18px; }
  .pg-result-card { padding:22px 14px; } .pg-result-main b { font-size:47px; } .pg-result-rank-grid { grid-template-columns:1fr; } .pg-final-answer { grid-template-columns:1fr; } .pg-final-answer > div:not(:first-child) { border-left:0; border-top:1px solid rgba(255,255,255,.07); } .pg-result-actions { grid-template-columns:1fr; }
  .pg-guide-grid { grid-template-columns:1fr; }
}


/* v276: style_v259 locks html/body scrolling by default.
   Price-guess questions can be taller than the viewport, so this page must own
   the document scroll instead of relying on the locked application shell. */
html.price-guess-document-v276,
html.price-guess-document-v276 body[data-page="price-guess"] {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-behavior: auto !important;
}
html.price-guess-document-v276 body[data-page="price-guess"] {
  min-height: 100vh !important;
}

/* ItemPrice price guess v263
   - full Maple item tooltip question card
   - anonymous-only server statistics
   - non-blocking answer feedback
*/
.pg-page [hidden] { display: none !important; }

.pg-question-card {
  min-height: 0;
  overflow: visible;
  padding: 0;
}
.pg-question-loading {
  min-height: 620px;
}
.pg-question-content {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 20px;
}
.pg-detail-stage {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.pg-item-detail {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pg-item-detail .maple-tooltip,
.pg-item-detail .pg-maple-tooltip {
  display: block !important;
  position: static !important;
  width: 360px;
  max-width: min(360px, calc(100vw - 52px));
  margin: 0 auto;
  box-sizing: border-box;
  pointer-events: auto;
  font-size: 13px;
}
.pg-item-detail .maple-tooltip .option-line {
  display: grid;
  grid-template-columns: 66px minmax(42px, auto) minmax(0, 1fr);
  gap: 2px 4px;
  align-items: baseline;
  white-space: normal;
}
.pg-item-detail .maple-tooltip .option-name {
  width: auto;
  min-width: 66px;
}
.pg-item-detail .maple-tooltip .parts {
  min-width: 0;
  overflow-wrap: anywhere;
}
.pg-question-source {
  width: min(360px, calc(100vw - 52px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #8f9dad;
  font-size: 10px;
  font-weight: 850;
}
.pg-question-source span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pg-question-source span:first-child {
  padding: 4px 7px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}

.pg-price-panel {
  position: relative;
  z-index: 3;
  width: min(760px, 100%);
  margin: 0;
  padding: 19px 20px 20px;
  box-sizing: border-box;
  border-radius: 17px;
  border: 1px solid rgba(216,255,0,.22);
  background:
    radial-gradient(circle at 50% 0, rgba(216,255,0,.08), transparent 52%),
    linear-gradient(135deg, rgba(216,255,0,.075), rgba(255,255,255,.025));
  text-align: center;
  box-shadow: 0 15px 34px rgba(0,0,0,.22);
}
.pg-price-panel > span {
  color: #a7b3c1;
  font-size: 12px;
}
.pg-price-panel strong {
  margin-top: 5px;
  color: #ffe58f;
  font-size: clamp(31px, 4vw, 42px);
}
.pg-price-panel p {
  margin-top: 8px;
  color: #c9d2dd;
  font-size: 12px;
}
.pg-answer-grid {
  max-width: 700px;
  margin-top: 14px;
}
.pg-answer-grid button {
  min-height: 78px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: filter .12s ease, transform .12s ease;
}
.pg-answer-grid button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.pg-answer-grid button:active {
  transform: translateY(0);
}
.pg-key-hint {
  display: block;
  margin-top: 9px;
  color: #8492a3;
  font-size: 10px;
}

/* v262 full-screen success overlay could remain visible over the controls.
   v263 keeps feedback inside the question card and never captures clicks. */
.pg-answer-flash {
  position: fixed;
  top: 92px;
  right: 18px;
  inset: auto;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid rgba(216,255,0,.28);
  background: rgba(18,27,31,.96);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  backdrop-filter: none;
  pointer-events: none;
}
.pg-answer-flash[hidden] {
  display: none !important;
}
.pg-answer-flash > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.pg-answer-flash b {
  display: inline;
  color: #d8ff00;
  font-size: 14px;
}
.pg-answer-flash span {
  display: inline;
  margin: 0;
  color: #c8d2dd;
  font-size: 11px;
}

.pg-result-rank-grid > div:last-child {
  border-color: rgba(216,255,0,.14);
  background: rgba(216,255,0,.035);
}

@media (max-width: 900px) {
  .pg-question-content {
    padding: 16px;
  }
  .pg-item-detail .maple-tooltip,
  .pg-item-detail .pg-maple-tooltip {
    width: 350px;
    max-width: min(350px, calc(100vw - 42px));
  }
  .pg-question-source {
    width: min(350px, calc(100vw - 42px));
  }
}

@media (max-width: 620px) {
  .pg-question-content {
    gap: 11px;
    padding: 12px 8px 14px;
  }
  .pg-question-loading {
    min-height: 500px;
  }
  .pg-item-detail .maple-tooltip,
  .pg-item-detail .pg-maple-tooltip {
    width: 324px;
    max-width: calc(100vw - 28px);
  }
  .pg-question-source {
    width: min(324px, calc(100vw - 28px));
  }
  .pg-price-panel {
    width: min(324px, calc(100vw - 28px));
    padding: 15px 12px 14px;
  }
  .pg-answer-grid {
    gap: 7px;
  }
  .pg-answer-grid button {
    min-height: 68px;
  }
  .pg-key-hint {
    display: none;
  }
  .pg-answer-flash {
    top: 70px;
    right: 8px;
    inset: auto;
    max-width: calc(100% - 16px);
  }
}

/* ItemPrice price guess v264
   - answer comparison reveal: presented item moves left, actual trade enters right
   - animated price movement and manual next/result button
   - compact in-game viewport without the landing hero or guide cards
*/
body[data-pg-view="game"] .pg-hero,
body[data-pg-view="game"] .pg-guide-grid,
body[data-pg-view="result"] .pg-hero,
body[data-pg-view="result"] .pg-guide-grid {
  display: none !important;
}
body[data-pg-view="game"] .pg-shell,
body[data-pg-view="result"] .pg-shell {
  width: min(1380px, calc(100% - 24px));
  padding-top: 10px;
  padding-bottom: 28px;
}
body[data-pg-view="game"] .pg-view,
body[data-pg-view="result"] .pg-view {
  margin-top: 0;
}
body[data-pg-view="game"] .pg-game-toolbar {
  position: sticky;
  top: 8px;
  z-index: 18;
  box-shadow: 0 12px 28px rgba(0,0,0,.24);
  backdrop-filter: blur(12px);
}

.pg-question-card {
  background:
    radial-gradient(circle at 50% -18%, rgba(216,255,0,.055), transparent 34%),
    linear-gradient(160deg,rgba(31,38,52,.97),rgba(14,19,28,.99));
}
.pg-question-content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px 18px;
  overflow: hidden;
}
.pg-presented-stage,
.pg-actual-stage {
  min-width: 0;
  box-sizing: border-box;
}
.pg-presented-stage {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  will-change: transform;
}
.pg-actual-stage {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  opacity: 0;
  transform: translateX(42px) scale(.97);
  will-change: transform, opacity;
}
.pg-stage-label {
  width: min(360px, 100%);
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d6dfe8;
  line-height: 1;
}
.pg-stage-label span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
}
.pg-stage-label b {
  font-size: 12px;
  color: #fff;
}
.pg-stage-label-presented {
  max-height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-5px);
  transition: max-height .28s ease, opacity .22s ease, transform .28s ease, margin .28s ease;
}
.pg-stage-label-presented span {
  color: #ffe58f;
  border: 1px solid rgba(255,213,90,.22);
  background: rgba(255,213,90,.075);
}
.pg-stage-label-actual span {
  color: #d8ff00;
  border: 1px solid rgba(216,255,0,.25);
  background: rgba(216,255,0,.075);
}

.pg-question-content.is-revealed {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  justify-items: stretch;
  gap: 18px;
  max-width: 1080px;
  margin: 0 auto;
  padding-top: 18px;
}
.pg-question-content.is-revealed .pg-presented-stage,
.pg-question-content.is-revealed .pg-actual-stage {
  width: 100%;
  padding: 13px 10px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(8,13,21,.28);
}
.pg-question-content.is-revealed .pg-presented-stage {
  border-color: rgba(255,213,90,.18);
  background: linear-gradient(180deg,rgba(255,213,90,.035),rgba(8,13,21,.31));
}
.pg-question-content.is-revealed .pg-actual-stage {
  opacity: 1;
  transform: translateX(0) scale(1);
  border-color: rgba(216,255,0,.22);
  background: linear-gradient(180deg,rgba(216,255,0,.04),rgba(8,13,21,.31));
}
.pg-question-content.is-revealed .pg-stage-label-presented {
  max-height: 26px;
  margin-bottom: 1px;
  opacity: 1;
  transform: translateY(0);
}
.pg-question-content.is-revealed .pg-detail-stage {
  gap: 7px;
}
.pg-question-content.is-revealed .pg-item-detail .maple-tooltip,
.pg-question-content.is-revealed .pg-item-detail .pg-maple-tooltip,
.pg-question-content.is-revealed .pg-question-source,
.pg-actual-stage .pg-item-detail .maple-tooltip,
.pg-actual-stage .pg-item-detail .pg-maple-tooltip,
.pg-actual-stage .pg-question-source {
  width: 360px;
  max-width: 100%;
}

.pg-question-content.is-revealed .pg-price-panel {
  width: min(360px, 100%);
  padding: 13px 14px 14px;
  border-color: rgba(255,213,90,.20);
  background: linear-gradient(135deg,rgba(255,213,90,.075),rgba(255,255,255,.02));
  box-shadow: none;
  transition: width .4s cubic-bezier(.2,.8,.2,1), padding .3s ease;
}
.pg-question-content.is-revealed .pg-price-panel > span {
  color: #b7a66f;
  font-size: 10px;
  font-weight: 900;
}
.pg-question-content.is-revealed .pg-price-panel strong {
  margin-top: 4px;
  font-size: clamp(24px, 2.5vw, 31px);
}
.pg-question-content.is-revealed .pg-price-panel p,
.pg-question-content.is-revealed .pg-answer-grid,
.pg-question-content.is-revealed .pg-key-hint {
  display: none !important;
}

.pg-actual-price-panel {
  width: min(360px, 100%);
  min-height: 96px;
  padding: 13px 14px 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid rgba(216,255,0,.24);
  background:
    radial-gradient(circle at 50% 0, rgba(216,255,0,.10), transparent 58%),
    linear-gradient(135deg,rgba(216,255,0,.08),rgba(255,255,255,.025));
  box-shadow: 0 12px 26px rgba(0,0,0,.20);
  text-align: center;
  overflow: hidden;
  position: relative;
}
.pg-actual-price-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(105deg,transparent 28%,rgba(255,255,255,.13) 48%,transparent 68%);
  transform: translateX(-100%);
}
.pg-actual-price-panel.is-counting::after {
  opacity: 1;
  animation: pg-price-shine .7s ease-in-out infinite;
}
@keyframes pg-price-shine {
  to { transform: translateX(100%); }
}
.pg-actual-price-panel > span {
  color: #aab8c7;
  font-size: 10px;
  font-weight: 900;
}
.pg-actual-price-panel strong {
  margin-top: 5px;
  color: #d8ff00;
  font-size: clamp(25px, 2.7vw, 33px);
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}
.pg-actual-price-panel p {
  margin-top: 7px;
  font-size: 10px;
  font-weight: 900;
}
.pg-actual-price-panel.price-up p { color: #72e7a3; }
.pg-actual-price-panel.price-down p { color: #ff9a83; }
.pg-actual-price-panel.price-same p { color: #c8d2dd; }

.pg-answer-grid button.selected {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px rgba(255,255,255,.16), 0 14px 30px rgba(0,0,0,.24);
}
.pg-answer-grid button.correct-answer {
  border-color: rgba(114,231,163,.75) !important;
  background: rgba(44,154,99,.18) !important;
}
.pg-answer-grid button.wrong-answer {
  border-color: rgba(255,111,89,.72) !important;
  background: rgba(189,65,51,.18) !important;
}

.pg-reveal-footer {
  width: min(1080px, calc(100% - 36px));
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 210px;
  gap: 10px;
  align-items: stretch;
}
.pg-reveal-verdict {
  min-height: 62px;
  padding: 11px 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(14,20,30,.84);
}
.pg-reveal-verdict b {
  flex: none;
  min-width: 58px;
  padding: 7px 9px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.pg-reveal-verdict span {
  color: #aeb9c7;
  font-size: 11px;
  line-height: 1.45;
}
.pg-reveal-verdict.correct { border-color: rgba(114,231,163,.25); }
.pg-reveal-verdict.correct b { color: #102118; background: #72e7a3; }
.pg-reveal-verdict.wrong { border-color: rgba(255,111,89,.27); }
.pg-reveal-verdict.wrong b { background: #ff6f59; }
.pg-reveal-verdict.timeout { border-color: rgba(246,134,0,.30); }
.pg-reveal-verdict.timeout b { color: #211607; background: #f6a000; }
.pg-next-button {
  min-height: 62px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #172000;
  background: linear-gradient(180deg,#d8ff00,#94c529);
  box-shadow: 0 12px 26px rgba(156,207,29,.18);
  cursor: pointer;
  font-family: inherit;
  font-weight: 950;
}
.pg-next-button span { font-size: 14px; }
.pg-next-button em {
  padding: 3px 6px;
  border-radius: 5px;
  color: rgba(23,32,0,.68);
  background: rgba(23,32,0,.10);
  font-size: 9px;
  font-style: normal;
}
.pg-next-button:disabled {
  opacity: .48;
  cursor: wait;
}
.pg-next-button:not(:disabled):hover { filter: brightness(1.04); }
.pg-next-button:not(:disabled):active { transform: translateY(1px); }

.pg-question-card.is-revealed {
  overflow: visible;
}
.pg-question-card.is-revealed .pg-question-loading {
  display: none !important;
}

@media (max-width: 980px) {
  body[data-pg-view="game"] .pg-shell,
  body[data-pg-view="result"] .pg-shell {
    width: min(100% - 16px, 760px);
  }
  .pg-question-content.is-revealed {
    grid-template-columns: 1fr;
    max-width: 600px;
  }
  .pg-question-content.is-revealed .pg-presented-stage,
  .pg-question-content.is-revealed .pg-actual-stage {
    padding: 12px 8px 13px;
  }
  .pg-reveal-footer {
    width: min(600px, calc(100% - 24px));
  }
}

@media (max-width: 620px) {
  body[data-pg-view="game"] .pg-shell,
  body[data-pg-view="result"] .pg-shell {
    width: calc(100% - 10px);
    padding-top: 5px;
  }
  body[data-pg-view="game"] .pg-game-toolbar {
    top: 4px;
  }
  .pg-question-content {
    padding: 10px 5px 12px;
  }
  .pg-question-content.is-revealed {
    gap: 11px;
    padding: 10px 5px 12px;
  }
  .pg-stage-label,
  .pg-question-content.is-revealed .pg-price-panel,
  .pg-actual-price-panel {
    width: min(324px, calc(100vw - 26px));
  }
  .pg-question-content.is-revealed .pg-item-detail .maple-tooltip,
  .pg-question-content.is-revealed .pg-item-detail .pg-maple-tooltip,
  .pg-question-content.is-revealed .pg-question-source,
  .pg-actual-stage .pg-item-detail .maple-tooltip,
  .pg-actual-stage .pg-item-detail .pg-maple-tooltip,
  .pg-actual-stage .pg-question-source {
    width: min(324px, calc(100vw - 26px));
  }
  .pg-reveal-footer {
    width: min(324px, calc(100vw - 26px));
    grid-template-columns: 1fr;
    margin-bottom: 12px;
  }
  .pg-reveal-verdict {
    align-items: flex-start;
  }
  .pg-next-button {
    min-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pg-stage-label-presented,
  .pg-price-panel,
  .pg-next-button,
  .pg-answer-grid button {
    transition: none !important;
    animation: none !important;
  }
  .pg-actual-price-panel.is-counting::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* v264 desktop question: keep the detailed item and answer controls in one viewport. */
@media (min-width: 981px) {
  .pg-presented-stage {
    width: min(1020px, 100%);
    display: grid;
    grid-template-columns: minmax(360px, .86fr) minmax(390px, 1.14fr);
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
  .pg-presented-stage > .pg-stage-label {
    grid-column: 1 / -1;
  }
  .pg-presented-stage > .pg-detail-stage {
    grid-column: 1;
  }
  .pg-presented-stage > .pg-price-panel {
    grid-column: 2;
    width: 100%;
    max-width: 540px;
  }
  .pg-question-content.is-revealed .pg-presented-stage {
    display: flex;
    width: 100%;
    max-width: none;
    gap: 10px;
  }
  .pg-question-content.is-revealed .pg-presented-stage > .pg-price-panel {
    width: min(360px, 100%);
    max-width: 360px;
  }
}

/* Keep the revealed prices and the manual advance control immediately reachable. */
.pg-question-content.is-revealed .pg-stage-label {
  order: 0;
}
.pg-question-content.is-revealed .pg-price-panel,
.pg-question-content.is-revealed .pg-actual-price-panel {
  order: 1;
}
.pg-question-content.is-revealed .pg-detail-stage {
  order: 2;
}
.pg-reveal-footer {
  position: fixed;
  left: 50%;
  bottom: 14px;
  z-index: 40;
  transform: translateX(-50%);
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 17px;
  background: rgba(11,17,26,.94);
  box-shadow: 0 18px 48px rgba(0,0,0,.42);
  backdrop-filter: blur(12px);
}
.pg-question-card.is-revealed {
  padding-bottom: 92px;
}
@media (max-width: 620px) {
  .pg-reveal-footer {
    bottom: 7px;
    padding: 6px;
  }
  .pg-question-card.is-revealed {
    padding-bottom: 132px;
  }
}

/* v264 usability refinements: keep price controls visible without scrolling. */
body[data-pg-view="game"] .pg-game-toolbar {
  top: 80px;
}
.pg-presented-stage .pg-stage-label,
.pg-actual-stage .pg-stage-label {
  order: 0;
}
.pg-presented-stage .pg-price-panel,
.pg-actual-stage .pg-actual-price-panel {
  order: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.pg-presented-stage .pg-detail-stage,
.pg-actual-stage .pg-detail-stage {
  order: 2;
}
.pg-question-content:not(.is-revealed) .pg-price-panel {
  margin-bottom: 2px;
}
body[data-pg-view="game"] .pg-question-content.is-revealed {
  padding-bottom: 96px;
}
body[data-pg-view="game"] .pg-reveal-footer:not([hidden]) {
  position: fixed;
  left: 50%;
  bottom: 14px;
  z-index: 86;
  margin: 0;
  transform: translateX(-50%);
  border-radius: 16px;
  background: rgba(9,15,23,.96);
  box-shadow: 0 18px 46px rgba(0,0,0,.44);
  backdrop-filter: blur(14px);
}
@media (max-width: 980px) {
  body[data-pg-view="game"] .pg-game-toolbar {
    position: static;
  }
}
@media (max-width: 620px) {
  body[data-pg-view="game"] .pg-question-content.is-revealed {
    padding-bottom: 136px;
  }
  body[data-pg-view="game"] .pg-reveal-footer:not([hidden]) {
    bottom: 7px;
  }
}
@media (min-width: 981px) {
  .pg-presented-stage > .pg-detail-stage,
  .pg-presented-stage > .pg-price-panel {
    grid-row: 2;
  }
}

/* Defensive hidden-state guard for answer comparison elements. */
.pg-actual-stage[hidden],
.pg-reveal-footer[hidden] {
  display: none !important;
}