@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#19191d;--panel:#19191d;--line:#29292f;--ink:#dedbd4;--muted:#a5a5b2;--blue:#ffca62;--up:#2dd4bf;--down:#fb7185;--gold:#ffca62}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #dedbd4;outline-offset:4px}button{border:0;color:inherit}h1,h2,h3,p{margin:0}h1,h2,strong,.brand{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(32px,3.7vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:600}h2{font-size:26px;letter-spacing:-.8px}h3{font-size:16px}a{color:inherit;text-decoration:none}.top{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;font-size:23px;font-weight:700;letter-spacing:-1px}.brand>span:last-child{color:#ffca62}.logo{display:inline-flex;align-items:center;justify-content:center;margin-right:11px;width:33px;height:36px;background:var(--blue);border-radius:8px;color:white;font-size:28px}.headnote{font-size:12px;letter-spacing:1.8px;color:var(--muted)}.preview,.tag{border:1px solid #414149;border-radius:5px;font-size:11px;padding:6px 9px;letter-spacing:.8px;white-space:nowrap;color:#dedbd4}.preview{color:#dedbd4;background:#ffca6212}.shell{max-width:1260px;margin:auto;padding:45px 32px 20px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted);margin-bottom:13px}.blue{color:var(--blue)}.subtitle{margin-top:15px;color:var(--muted);line-height:1.5}.market-tabs{display:flex;padding:5px;gap:5px;background:#19191d;border:1px solid var(--line);border-radius:10px}.market-tabs button{padding:12px 27px;background:transparent;border-radius:7px;color:var(--muted);font-weight:600}.market-tabs button.active{background:var(--blue);color:white;box-shadow:0 5px 20px #ffca6228}.workspace{display:grid;grid-template-columns:320px 1fr;gap:26px}.mission{background:linear-gradient(150deg,#29292f,#19191d 60%);border:1px solid #414149;border-radius:14px;padding:24px}.mission-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mission-top .eyebrow{margin:0;color:#dedbd4;font-size:10px;letter-spacing:1.5px}.mission h2{font-size:25px}.mission>p{font-size:14px;color:#dedbd4;margin-top:8px}.mini-chart{margin:20px 0 8px}.mission-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 0 22px;font-size:14px;color:var(--muted)}.mission-meta strong{font-size:25px;color:white}.mission-meta small{font-size:11px;color:var(--muted)}.primary{background:var(--blue);border:1px solid #dedbd450;border-radius:8px;padding:15px 20px;font-weight:700;transition:background .15s,transform .15s}.primary:hover{background:#dedbd4;transform:translateY(-1px)}.mission .primary{width:100%}.small-note{font-size:11px!important;line-height:1.5;color:var(--muted);text-align:center;margin-top:13px!important}.format{padding:25px 7px 18px}.format-row{display:flex;justify-content:space-between;padding:8px 0;color:#dedbd4;font-size:14px}.format-row span:last-child{color:#a5a5b2}.how{border-top:1px solid var(--line);display:flex;gap:14px;padding:21px 6px}.step{border:1px solid #414149;border-radius:50%;width:26px;height:26px;flex-shrink:0;text-align:center;color:#dedbd4}.how p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:7px}.board{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:start}.board-title{padding:28px 28px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.board-title .eyebrow{margin-bottom:9px}.board-title h2{font-size:27px}.muted{font-size:10px;color:#a5a5b2}.board-sub{display:flex;justify-content:space-between;padding:0 28px 22px;color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:1.4px;font-weight:500;color:#a5a5b2;background:#19191d;padding:13px 20px}th:first-child,td:first-child{padding-left:28px}th:last-child,td:last-child{text-align:right;padding-right:28px}td{padding:16px 20px;border-bottom:1px solid #29292f8a;font-size:14px}td:first-child{width:65px;font-family:'Space Grotesk';color:#a5a5b2}tr:first-child td:first-child{color:var(--gold)}td:last-child{font-family:'Space Grotesk';font-weight:600;font-size:18px}.player{display:flex;align-items:center;gap:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#414149;color:#dedbd4;width:32px;height:32px;border-radius:8px;font-size:12px;font-weight:700}.player small{display:block;color:#a5a5b2;font-size:11px;margin-top:3px}.tf-small{font-size:12px;border:1px solid #414149;padding:5px 8px;border-radius:4px;color:#dedbd4}.your-row{display:flex;gap:12px;align-items:center;padding:24px 28px;background:#ffca620a}.your-row strong{font-size:14px}.your-row p{color:#a5a5b2;font-size:12px;margin-top:5px}.you{background:#ffca6220;color:#dedbd4}.text-button{background:none;color:#dedbd4;font-size:14px;font-weight:600;padding:10px}.your-row .text-button{margin-left:auto;white-space:nowrap}.board-foot{text-align:center;font-size:11px;color:#a5a5b2;padding:15px}footer{display:flex;justify-content:space-between;color:#a5a5b2;font-size:12px;padding:32px 0 0}dialog{padding:0;width:min(1020px,calc(100vw - 48px));max-height:94dvh;border:1px solid #414149;border-radius:17px;background:#19191d;color:var(--ink);box-shadow:0 30px 140px #0009}dialog::backdrop{background:#19191dbd;backdrop-filter:blur(7px)}.game-inner{padding:22px 30px 16px}.game-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.game-brand{font-family:'Space Grotesk';font-size:18px;font-weight:700}.game-brand span{font-family:'DM Sans';font-size:10px;color:#dedbd4;border-left:1px solid #414149;padding-left:12px;margin-left:12px;letter-spacing:1.6px}.icon-button{background:#ffffff06;border:1px solid #414149;border-radius:7px;font-size:25px;width:33px;height:33px;line-height:1}.round-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 0 20px}.round-heading .eyebrow{margin-bottom:7px;font-size:10px}.round-heading h2{font-size:29px}.round-badges{display:flex;gap:12px;align-items:center}.timeframe{font-size:12px;color:#dedbd4;background:#ffca6220;border:1px solid #ffca6240;border-radius:5px;padding:8px 12px;font-weight:700}.score-badge{font-size:11px;color:#a5a5b2}.score-badge b{font-size:23px;color:white;margin-right:3px}.progress{display:flex;gap:5px}.progress i{height:3px;flex:1;background:#29292f;border-radius:2px}.progress i.done{background:var(--up)}.progress i.current{background:#ffca62}.chart-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:18px 0 5px}.chart-wrap{background:#19191d;border:1px solid #29292f;border-radius:8px;overflow:hidden;margin:8px 0 19px}#chart{width:100%;height:clamp(200px,32vh,310px);display:block}.answer-area{padding:0 0 5px}.prediction-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.prediction-head label{font-size:15px;font-weight:600}.prediction-head label span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.number-wrap{display:flex;align-items:center;border:1px solid #414149;background:#19191d;border-radius:8px;padding:8px 12px;font-family:'Space Grotesk';font-size:22px}.number-wrap input{width:85px;text-align:right;background:none;border:none;color:white;outline:none;font-family:inherit;font-size:22px;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.number-wrap span{margin-left:4px;color:#a5a5b2}input[type=range]{width:100%;accent-color:#ffca62;height:22px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#a5a5b2;font-size:11px;margin:2px 0 19px}.range-labels span:first-child{color:var(--down)}.range-labels span:last-child{color:var(--up)}#submitGuess{width:100%;padding:13px}.game-footer{display:flex;justify-content:space-between;color:#a5a5b2;font-size:10px;margin-top:14px}.reveal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:6px 0 22px;gap:15px}.reveal-grid>div+div{border-left:1px solid var(--line);padding-left:30px}.reveal-grid span{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:9px}.reveal-grid strong{font-size:30px}.points strong{color:var(--gold)}.reveal-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:10px}.reveal-bottom>div>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.reveal-bottom .primary{min-width:170px}.reveal-candle{animation:reveal .6s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#resultView{text-align:center;padding:30px 0 5px}#resultView h2{font-size:32px}.result-total{margin-top:20px;font-family:'Space Grotesk'}.result-total b{font-size:70px;color:#ffca62}.result-total>span{color:#a5a5b2;font-size:22px;margin-left:9px}#breakdown{margin:23px auto;max-width:500px;text-align:left}.breakdown-row{display:flex;align-items:center;gap:15px;font-size:14px;padding:10px 0}.breakdown-row>span{width:75px;color:#dedbd4}.breakdown-row i{height:6px;background:#29292f;flex:1;border-radius:5px;overflow:hidden}.breakdown-row i b{height:100%;background:#ffca62;display:block}.breakdown-row strong{width:92px;text-align:right;font-size:14px}#resultView>.primary{width:100%;max-width:500px}#backBoard{display:block;margin:5px auto}[hidden]{display:none!important}@media(max-width:900px){.headnote{display:none}.shell{padding:30px 22px}.workspace{grid-template-columns:275px 1fr;gap:18px}.board-title{padding:22px 20px}.board-title h2{font-size:23px}.board-title .tag{display:none}th,td{padding:15px 12px}.hide-mobile{display:none}.intro{gap:20px}.market-tabs button{padding:12px 18px}}@media(max-width:620px){.top{height:66px;padding:0 20px}.brand{font-size:20px}.preview{font-size:9px}.shell{padding:26px 18px 15px}.intro{display:block;margin-bottom:24px}h1{font-size:35px}.intro h1 br{display:none}.intro .subtitle{font-size:14px;margin-top:10px}.market-tabs{margin-top:22px}.market-tabs button{flex:1}.workspace{display:flex;flex-direction:column}.mission{padding:21px}.mission-top{margin-bottom:17px}.mini-chart{display:none}.mission-meta{padding:12px 0}.mission h2{font-size:23px}.format,.how{display:none}.board{width:100%}.board-sub{padding:0 20px 18px}.board-title h2{font-size:25px}.your-row{padding:20px;gap:10px}.your-row strong{font-size:12px}.your-row p{font-size:11px}.your-row .text-button{font-size:12px;padding:3px}th:first-child,td:first-child{padding-left:20px}th:last-child,td:last-child{padding-right:20px}footer{font-size:10px;gap:15px}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}.game-inner{padding:16px 18px max(14px,env(safe-area-inset-bottom));height:100%;display:flex;flex-direction:column}.game-top{padding-bottom:12px}.game-brand{font-size:17px}.game-brand span{font-size:9px}#roundView{display:flex;flex:1;flex-direction:column;min-height:0}.round-heading{padding:18px 0 15px;gap:10px}.round-heading h2{font-size:24px}.round-badges{gap:9px}.timeframe{font-size:10px;padding:7px}.score-badge b{font-size:19px}.score-badge{font-size:9px}.chart-head{font-size:9px;padding:15px 0 4px}.chart-wrap{flex:1;min-height:130px;margin:8px 0 18px}#chart{height:100%;min-height:130px}.answer-area{flex-shrink:0}.prediction-head label{font-size:14px}.prediction-head label span{font-size:10px}.game-footer{font-size:9px;margin-top:10px}.reveal-grid{padding:6px 0 18px}.reveal-grid>div+div{padding-left:14px}.reveal-grid strong{font-size:24px}.reveal-grid span{font-size:8px}.reveal-bottom .primary{min-width:130px;padding:13px}.reveal-bottom strong{font-size:14px}.reveal-bottom>div>span{font-size:10px}#resultView{overflow-y:auto;flex:1}#resultView h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.header-actions{display:flex;align-items:center;gap:16px}.language-toggle{font-size:12px;background:none;padding:9px 0;color:#dedbd4;font-weight:700;white-space:nowrap}.language-toggle span{color:#a5a5b2}html[lang=ko] h1{letter-spacing:-1.5px;font-size:clamp(30px,3.4vw,44px)}html[lang=ko] .headnote{letter-spacing:1px}html[lang=ko] .eyebrow{letter-spacing:1px}html[lang=ko] .round-heading h2{font-size:26px}@media(max-width:620px){.header-actions{gap:9px}.header-actions .preview{display:none}html[lang=ko] .round-heading h2{font-size:23px}html[lang=ko] h1{font-size:33px}}
.top{padding:0;height:92px}.top-inner{max-width:1260px;padding:0 32px;width:100%;margin:0 auto;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:28px}.spotlight{min-width:0;height:55px;display:flex;align-items:center;gap:17px;padding:9px 14px;border:1px solid #6a5432;border-radius:8px;background:radial-gradient(#ffca6210 1px,transparent 1px) 0 0/4px 4px,#19191d;text-align:left;overflow:hidden}.spotlight:hover{border-color:#ffca62a0;background-color:#19191d}.spotlight-label{flex-shrink:0;color:var(--gold);font:700 10px 'DM Sans',sans-serif;letter-spacing:1.1px;line-height:1.7}.spotlight-label small{display:block;font-size:9px;letter-spacing:0;color:#af9675}.spotlight-message{font-family:monospace;font-size:14px;letter-spacing:1px;color:#f3c56a;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spotlight-cta{font-size:11px;flex-shrink:0;color:#dbc9a5;border-left:1px solid #72573170;padding-left:14px}.points small{display:block;font-size:11px;font-weight:400;color:#dedbd4;margin-top:7px}.reveal-grid strong{white-space:nowrap}#spotlightDialog{width:min(530px,calc(100vw - 32px));padding:27px;height:auto;max-height:92dvh;overflow-y:auto}.booking-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.booking-top h2{font-size:27px}.booking-top .eyebrow{color:var(--gold);margin-bottom:8px}.booking-copy{font-size:14px;color:var(--muted);line-height:1.7;margin-top:17px}.booking-preview{padding:18px;margin:22px 0;border:1px solid #645334;border-radius:8px;background:radial-gradient(#ffca6210 1px,transparent 1px) 0 0/4px 4px,#19191d;overflow:hidden}.booking-preview .eyebrow{font-size:9px;letter-spacing:1.4px;color:#a58b58;margin-bottom:12px}#messagePreview{font:18px monospace;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#spotlightForm label{display:block;font-size:13px;margin:16px 0 8px;color:#dedbd4}#spotlightForm textarea,#spotlightForm select{width:100%;background:#19191d;border:1px solid #414149;color:#dedbd4;border-radius:7px;padding:11px;font-size:14px}#spotlightForm textarea{resize:vertical;min-height:80px}.booking-counter{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px;margin-top:7px}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-pass{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:19px 0;margin-top:22px}.booking-pass strong{font-size:15px}.booking-pass p{font-size:12px;color:var(--muted);margin-top:4px}.booking-pass>span{font-size:24px;color:var(--gold);font-family:'Space Grotesk'}#spotlightForm>.primary{width:100%}#bookingStatus{margin-top:15px;font-size:13px;color:var(--up);line-height:1.6}.scroll-message{animation:spotlight-slide 9s linear infinite}@keyframes spotlight-slide{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(-25%)}}th:first-child{white-space:nowrap}@media(max-width:1050px){.top-inner{gap:18px;padding:0 22px}.spotlight-label{display:none}.header-actions .preview{display:none}}@media(max-width:620px){.top{height:auto}.top-inner{padding:15px 18px;grid-template-columns:1fr auto;gap:13px}.spotlight{grid-row:2;grid-column:1/-1;width:100%;height:45px;gap:12px}.header-actions{grid-column:2;grid-row:1}.spotlight-label{display:block;font-size:9px}.spotlight-label small{font-size:8px}.spotlight-message{font-size:12px}.spotlight-cta{font-size:11px;padding-left:10px}#spotlightDialog{width:calc(100vw - 28px);height:auto;max-height:94dvh;margin:auto;border:1px solid #414149;border-radius:14px;padding:22px}.points small{font-size:9px}.reveal-grid strong{font-size:22px}}
/* Spotlight shares the main navy / blue palette. */
.spotlight{border-color:#414149;background:#19191d;box-shadow:inset 3px 0 #ffca62}.spotlight:hover{border-color:#dedbd4;background:#29292f}.spotlight-label{color:#dedbd4}.spotlight-label small{color:#a5a5b2}.spotlight-message{color:#ffca62;font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:0}.spotlight-cta{color:#dedbd4;border-color:#414149}.booking-top .eyebrow{color:#dedbd4}.booking-preview{background:#19191d;border-color:#414149;box-shadow:inset 3px 0 #ffca62}.booking-preview .eyebrow{color:#a5a5b2}#messagePreview{font-family:'DM Sans',sans-serif;color:#ffca62}.booking-pass>span{color:#dedbd4}.color-picker{height:44px;display:flex;align-items:center;gap:12px;border:1px solid #414149;background:#19191d;border-radius:7px;padding:6px 10px}.color-picker input[type=color]{padding:0;width:28px;height:28px;cursor:pointer;border:0;background:none}.color-picker input::-webkit-color-swatch-wrapper{padding:0}.color-picker input::-webkit-color-swatch{border:0;border-radius:5px}#colorValue{font-size:13px;color:#dedbd4;font-family:monospace}.color-swatches{display:flex;gap:10px;margin-top:10px}.color-swatches button{width:25px;height:25px;padding:0;border-radius:50%;background:var(--swatch);border:3px solid #19191d;outline:1px solid #414149}.color-swatches button[aria-pressed=true]{outline:2px solid #dedbd4;outline-offset:2px}.schedule-heading{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.schedule-heading .tag{font-size:10px}.booking-time-grid{display:grid;grid-template-columns:minmax(0,1fr) 68px 8px 68px;align-items:center;gap:8px}#spotlightDate{color-scheme:dark;min-width:0;width:100%;height:44px;background:#19191d;border:1px solid #414149;border-radius:7px;padding:8px 10px;color:#dedbd4;font:14px 'DM Sans',sans-serif}.time-colon{text-align:center;color:#a5a5b2}.timezone-note{font-size:11px;color:#a5a5b2;margin-top:9px}.schedule-summary{background:#ffca620c;border:1px solid #414149;border-radius:7px;padding:12px;margin-top:14px;display:flex;flex-direction:column;gap:7px}.schedule-summary>span{font-size:11px;color:#dedbd4}.schedule-summary strong{font-size:15px;color:#dedbd4}.schedule-summary strong.slot-unavailable{color:#fb7185}.primary:disabled{background:#29292f;color:#a5a5b2;cursor:not-allowed;transform:none;border-color:#414149}.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:400px){.booking-time-grid{grid-template-columns:minmax(0,1fr) 58px 5px 58px;gap:5px}#spotlightDate{font-size:12px;padding:7px 4px}#spotlightForm select{padding:10px 6px}}
.country-flag{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;margin-top:6px;box-shadow:0 0 0 1px #ffffff18}.spotlight-message,#messagePreview{position:relative;overflow:hidden;min-height:25px;line-height:25px;text-overflow:clip}.spotlight-text{display:inline-block;white-space:pre;vertical-align:top}.effect-character{display:inline-block;white-space:pre}#messagePreview{padding:6px 0;min-height:38px;line-height:26px}.spotlight-message{height:29px;line-height:29px}
.pass-testing{font-size:11px;color:#a5a5b2;margin:-4px 0 17px;line-height:1.6}.my-reservations{border-top:1px solid #414149;margin-top:24px;padding-top:18px}.my-reservations h3{margin-bottom:12px}.reservation-entry{padding:12px;background:#19191d;border:1px solid #414149;border-radius:7px;margin-top:9px}.reservation-entry strong{font-size:13px;color:#dedbd4}.reservation-entry p{font-size:14px;overflow-wrap:anywhere;margin:7px 0}.reservation-entry small{color:#2dd4bf;font-size:11px}#reservationList>p{font-size:13px;color:#a5a5b2}

/* Match the game surface to the index content width on desktop. */
@media(min-width:621px){#game{width:min(1196px,calc(100vw - 44px));max-width:none}#game #chart{height:clamp(240px,40dvh,420px)}}
@media(min-width:1051px){#game{width:min(1196px,calc(100vw - 64px))}}

/* Graphite, violet actions, and amber rewards. */
:root{--bg:#19191d;--panel:#29292f;--line:#414149;--ink:#f2eee5;--muted:#a5a5b2;--blue:#ffca62}
.top{background:#1e1e23}.mission{background:linear-gradient(145deg,#303038,#29292f 65%);border-color:#45454f}
.primary,.market-tabs button.active,.logo{color:#2b2112}.primary:hover{background:#ffdc93}.primary:disabled{background:#383840;color:#a5a5b2}
.spotlight,.booking-preview{background:#232329;border-color:#45454f;box-shadow:inset 3px 0 #ffca62}.spotlight:hover{background:#303038;border-color:#ffca62}
.spotlight-label,.booking-top .eyebrow,.mission-top .eyebrow{color:#ffca62}.spotlight-message{color:#ffca62}
.chart-wrap{background:#17171c;border-color:#414149}dialog{background:#29292f}.number-wrap{background:#202026}.timeframe{color:#f2d9a6;border-color:#766343;background:#ffca6214}
.result-total b{color:var(--gold)}.primary:focus-visible,button:focus-visible,input:focus-visible{outline-color:#ffca62}

/* Amber is reserved for scores, ranks, and reservation passes. */
:root{--gold:#ffca62}.mission{background:#29292f;border-color:#45454f}.mission-meta strong,.score-badge b,.booking-pass>span,.result-total b{color:var(--gold)}
.progress i.done{background:var(--gold)}.progress i.current{background:var(--blue)}
.spotlight-label{color:var(--gold)}.spotlight-label small{color:var(--muted)}.spotlight-cta{color:#f2d9a6}

/* Raised game surfaces with a shared upper-left light source. */
body{background:radial-gradient(ellipse at 15% 0%,#ffca620c,transparent 48%),#19191d}
.top{background:linear-gradient(180deg,#2a2a31,#1e1e23);border-bottom-color:#45454f;box-shadow:0 6px 20px #0004,inset 0 1px #ffffff0c}
.mission,.board{border:1px solid #494952;border-top-color:#656570;border-bottom-color:#16161b;box-shadow:0 7px 0 #111115,0 8px 0 #42424b,0 22px 38px #0006,inset 0 1px 0 #ffffff12}
.mission{background:linear-gradient(145deg,#393740 0%,#29292f 48%,#222227 100%)}
.board{background:linear-gradient(125deg,#303037,#25252b 65%)}
.board-title{background:linear-gradient(180deg,#ffffff05,transparent)}
.market-tabs{background:#17171c;border-color:#393940;box-shadow:inset 0 3px 7px #0008,0 1px #ffffff0b}
.primary,.market-tabs button.active{background:linear-gradient(180deg,#ffdc93,#ffca62 65%,#e9ad40);border:1px solid #ffe5ac;border-bottom-color:#c38a2d;box-shadow:0 5px 0 #80591f,0 9px 16px #0005,inset 0 1px #ffffff80;color:#2b2112;transition:transform .15s,box-shadow .15s,filter .15s}
.primary:hover,.market-tabs button.active:hover{background:linear-gradient(180deg,#ffe4ac,#ffd47e);transform:translateY(-2px);box-shadow:0 7px 0 #80591f,0 13px 22px #0006,inset 0 1px #ffffff80}
.primary:active,.market-tabs button.active:active{transform:translateY(4px);box-shadow:0 1px 0 #80591f,0 3px 6px #0005,inset 0 1px #ffffff50}
.primary:disabled{background:#383840;border-color:#45454f;box-shadow:none;transform:none;color:#a5a5b2}
.mini-chart{padding:12px 10px;border-radius:10px;background:linear-gradient(160deg,#17171d,#23232b);border:1px solid #151519;box-shadow:inset 0 3px 9px #0008,0 1px #ffffff14}
.mini-chart svg{display:block;filter:drop-shadow(0 4px 3px #ffca6235)}
.spotlight,.booking-preview{background:linear-gradient(160deg,#141418,#25252c);border:1px solid #51515d;border-top-color:#33333c;box-shadow:inset 0 3px 9px #0009,0 1px 0 #ffffff1a,inset 3px 0 #ffca62}
.logo{background:linear-gradient(145deg,#ffdc93,#dfa13b);border-top:1px solid #ffedc7;box-shadow:0 4px 0 #80591f,0 7px 13px #0005}
.avatar{border-top:1px solid #ffffff25;border-bottom:2px solid #0005;box-shadow:0 3px 6px #0004}
.timeframe,.tf-small,.tag{box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0003}
dialog{background:linear-gradient(130deg,#33333b,#27272e 45%,#222228);border:1px solid #565662;border-top-color:#777783;box-shadow:0 9px 0 #111115,0 10px 0 #41414b,0 35px 100px #000b,inset 0 1px #ffffff12}
.chart-wrap{background:#17171c;border:1px solid #101014;border-bottom-color:#50505c;border-right-color:#404049;box-shadow:inset 0 4px 12px #0009,0 1px #ffffff08;padding:7px}
.number-wrap,.color-picker,#spotlightForm textarea,#spotlightForm select,#spotlightDate{background:#1c1c22;box-shadow:inset 0 2px 5px #0007,0 1px #ffffff0b;border-color:#45454f}
.answer-area{background:linear-gradient(145deg,#35353e,#2a2a32);border:1px solid #464650;border-top-color:#595964;box-shadow:0 4px 10px #0003,inset 0 1px #ffffff08;border-radius:12px;padding:19px 20px 21px;margin-bottom:5px}
.progress{padding:4px;border-radius:6px;background:#18181e;box-shadow:inset 0 2px 4px #0007}
.progress i{height:5px}.progress i.current{box-shadow:0 0 8px #ffca6260}
.result-total b,.points strong{text-shadow:0 3px 0 #775125,0 6px 16px #0005}
@media(max-width:620px){.chart-wrap{padding:3px}.answer-area{padding:14px 12px 17px}.mission,.board{box-shadow:0 4px 0 #111115,0 13px 22px #0005}dialog{border:0;box-shadow:none}.game-inner{overflow-y:auto}.primary:hover{transform:none}.primary:active{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.primary,.primary:hover,.primary:active,.market-tabs button.active{transform:none;transition:none}}

/* Desktop arena fits the viewport; compact copy leaves room for play. */
@media(min-width:901px) and (min-height:620px){
.top{height:72px}.spotlight{height:46px}.shell{height:calc(100dvh - 72px);padding:20px 32px 12px;display:flex;flex-direction:column;gap:16px}
.intro{margin:0;align-items:center;flex-shrink:0}.intro h1,html[lang=ko] .intro h1{font-size:30px;letter-spacing:-1px}.intro h1 br{display:none}.intro .eyebrow{margin-bottom:5px;font-size:10px}.intro .subtitle{margin-top:6px;font-size:14px}.market-tabs button{padding:10px 23px}
.workspace{flex:1;min-height:0;grid-template-columns:300px minmax(0,1fr);gap:22px}.workspace>aside{display:flex;flex-direction:column;min-height:0;gap:12px}.mission{padding:18px;flex:1;min-height:0;display:flex;flex-direction:column}.mission-top{margin-bottom:12px}.mission h2{font-size:23px}.mission>p{margin-top:6px}.mini-chart{flex:1;min-height:32px;max-height:140px;margin:12px 0 4px;padding:6px}.mini-chart svg{height:100%;width:100%}.mission-meta{padding:10px 0 14px}.mission .primary{padding:12px}.mission .small-note{font-size:10px!important;margin-top:10px!important}.format{padding:8px 0 0}.format>.eyebrow{margin-bottom:5px}#formatList{display:flex;flex-wrap:wrap;gap:5px}.format-row{font-size:11px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;gap:8px}.how{display:none}
.board{height:100%;display:flex;flex-direction:column;min-height:0}.board-title{padding:15px 20px 10px}.board-title .eyebrow{margin-bottom:4px}.board-title h2{font-size:23px}.board-sub{padding:0 20px 12px;font-size:12px}.table-wrap{flex:1;min-height:0;overflow:visible}table{height:100%}th{padding:8px 12px;font-size:10px}td{padding:4px 12px;font-size:13px}td:last-child{font-size:17px}.avatar{width:28px;height:28px}.player{gap:10px}.player>span:last-child{display:flex;align-items:center;gap:9px}.country-flag{margin-top:0;width:20px;height:14px}.tf-small{font-size:11px;padding:4px 6px}.your-row{padding:12px 20px}.your-row p{margin-top:3px}.board-foot{padding:7px;font-size:10px}footer{padding:0;font-size:11px;flex-shrink:0}
#game{height:calc(100dvh - 40px);max-height:820px;overflow:visible}.game-inner{height:100%;padding:18px 22px;display:flex;flex-direction:column}.game-top{padding-bottom:12px;flex-shrink:0}#roundView{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto auto minmax(0,1fr);column-gap:20px}.round-heading{grid-column:1/-1;padding:16px 0 12px}.progress{grid-column:1/-1}.chart-head{grid-column:1;padding:14px 0 4px}.chart-wrap{grid-column:1;grid-row:4;margin:6px 0 0;min-height:0}#game #chart{height:100%;min-height:0}.answer-area{grid-column:2;grid-row:3/5;align-self:stretch;margin:16px 0 0;padding:20px 16px;display:flex;align-items:center;min-width:0}#guessControls,#revealControls{width:100%}.prediction-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px}.number-wrap{width:100%;padding:16px 12px}.number-wrap input{width:100%;font-size:34px}.number-wrap span{font-size:28px}.range-labels{font-size:10px;margin-bottom:26px}.reveal-grid{grid-template-columns:1fr;gap:16px;padding:0 0 18px}.reveal-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.reveal-grid strong{font-size:28px}.reveal-grid span{margin-bottom:6px}.reveal-bottom{display:flex;flex-direction:column;align-items:stretch;gap:18px}.reveal-bottom .primary{width:100%;min-width:0}.game-footer{flex-shrink:0;margin-top:14px}#resultView{flex:1;min-height:0;padding-top:18px}.result-total{margin-top:10px}.result-total b{font-size:56px}#breakdown{margin:12px auto}.breakdown-row{padding:7px 0}
}
@media(min-width:901px) and (min-height:620px) and (max-height:720px){.shell{padding-top:12px;gap:12px}.intro h1,html[lang=ko] .intro h1{font-size:26px}.intro .eyebrow{display:none}.mission>p{font-size:12px}.board-title{padding-top:12px}.your-row{padding:8px 20px}.board-foot{padding:5px}.format{padding-top:0}.game-inner{padding:12px 18px}.round-heading{padding:10px 0}.round-heading h2,html[lang=ko] .round-heading h2{font-size:24px}.reveal-grid{gap:10px}.reveal-grid strong{font-size:24px}}
#chartSource{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#202026;line-height:1.5}#chartSource strong{display:block;font-size:17px}#chartSource span{font-size:14px;color:#c7c5c0}#chartSource a{font-size:14px;color:var(--gold);margin-left:14px;text-decoration:underline}.chart-head,.prediction-head label span,.reveal-grid span,.points small,.reveal-bottom>div>span,.game-footer{font-size:13px;color:#bab9c2}.prediction-head label{font-size:17px}.reveal-bottom strong{font-size:18px}.range-labels{font-size:12px}
@media(min-width:901px) and (min-height:620px){#roundView{grid-template-rows:auto auto auto minmax(0,1fr) auto}#chartSource{grid-column:1;grid-row:5;margin-top:9px}.answer-area{grid-row:3/6}.reveal-grid span,.points small,.reveal-bottom>div>span{font-size:14px}.chart-head{font-size:13px}.reveal-grid{gap:10px}.reveal-grid>div+div{padding-top:10px}.reveal-bottom{gap:12px}}
@media(max-width:900px){#chartSource{margin:6px 0 12px}#chartSource a{display:block;margin-left:0}}
/* First visit begins with a playable chart, with rankings alongside. */
.workspace{grid-template-columns:minmax(0,1fr) 340px}.workspace>aside[hidden]{display:none!important}.first-call{min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#33333b,#24242b);border:1px solid #565662;border-top-color:#777783;border-radius:15px;padding:22px;box-shadow:0 6px 0 #111115,0 20px 35px #0005}.hook-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.hook-heading .eyebrow{color:var(--gold);margin-bottom:7px;font-size:12px}.hook-heading h2{font-size:29px}.hook-instruction{color:#c2c0c9;font-size:15px;margin-top:8px}.hook-chart{flex:1;min-height:150px;background:#17171c;border-radius:10px;margin:17px 0;border:1px solid #111;box-shadow:inset 0 4px 10px #0008;display:flex;align-items:center}.hook-chart svg{width:100%;height:100%;max-height:420px;display:block}.hook-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:5px}.hook-actions button{font-size:21px;font-weight:700;border-radius:9px;padding:14px;border-top:1px solid #ffffff60;transition:transform .15s}#hookUp{color:#082d26;background:linear-gradient(#69e9cf,#2dd4bf);box-shadow:0 5px 0 #147e6d}#hookDown{color:#421421;background:linear-gradient(#ffa6b4,#fb7185);box-shadow:0 5px 0 #a03950}.hook-actions button:hover{transform:translateY(-2px)}.hook-actions button:active{transform:translateY(3px)}.hook-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:12px;color:var(--muted)}.hook-bottom .text-button{font-size:13px}#hookOutcome{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#hookOutcome>div{flex:1}#hookVerdict{display:block;font-size:19px}#hookMove{font:700 30px 'Space Grotesk';margin-top:3px;display:block}#hookIdentity{font-size:12px;color:var(--muted);margin-top:4px}#hookOutcome .primary{font-size:14px}.hook-reveal{animation:reveal .5s ease-out}.hook-question{animation:hook-pulse 2s ease-in-out infinite}@keyframes hook-pulse{50%{opacity:.45}}.workspace .board .hide-mobile{display:none}.workspace .board-title{padding:16px}.workspace .board-title h2{font-size:20px}.workspace .board-title .tag{display:none}.workspace .board-sub{padding:0 16px 12px;font-size:12px}.workspace .board th:first-child,.workspace .board td:first-child{padding-left:14px;width:40px}.workspace .board th:last-child,.workspace .board td:last-child{padding-right:14px}.workspace .board .avatar{display:none}.workspace .board .player strong{font-size:13px}.workspace .board .player>span:last-child{flex-wrap:wrap;gap:5px}.workspace .board .your-row{display:none}
@media(min-width:901px) and (min-height:620px){.shell{gap:12px}.intro .eyebrow,.intro .subtitle{display:none}.intro h1,html[lang=ko] .intro h1{font-size:24px}.workspace{grid-template-columns:minmax(0,1fr) 330px}.first-call{padding:18px}.hook-heading h2{font-size:26px}.hook-chart{margin:12px 0}.hook-bottom{margin-top:9px}.board-foot{line-height:1.5}.hook-actions button{padding:12px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.first-call{padding:16px}.hook-heading h2{font-size:23px}.hook-bottom{flex-wrap:wrap}.hook-chart{min-height:230px}}
@media(max-width:620px){.workspace{display:flex}.first-call{width:100%}.hook-chart{min-height:190px}.hook-heading h2{font-size:22px}.hook-bottom{justify-content:center}.hook-actions button{font-size:19px}.workspace .board{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hook-question,.hook-reveal{animation:none}.hook-actions button{transition:none;transform:none!important}}
.market-boards{display:flex;flex-direction:column;gap:14px;min-height:0}.market-board{flex:1;min-height:0;border:1px solid #50505b;border-radius:12px;background:linear-gradient(135deg,#303037,#24242a);box-shadow:0 4px 0 #111115;display:flex;flex-direction:column;overflow:hidden}.market-board-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 5px;gap:8px}.market-board-head h2{font-size:21px}.market-board-head>span{font-size:11px;color:var(--muted)}.rank-label{font-size:10px;color:var(--muted);padding:0 14px 8px}.market-board table{flex:1;height:auto}.market-board th{font-size:10px;padding:7px 10px}.market-board td{padding:8px 10px;font-size:12px}.market-board td:first-child,.market-board th:first-child{padding-left:12px;width:35px}.market-board td:last-child,.market-board th:last-child{padding-right:12px}.market-board td:last-child{font-size:16px}.market-board td:nth-child(2){white-space:nowrap}.market-board .country-flag{display:inline-block;width:18px;height:12px;margin:0 7px 0 0;vertical-align:middle}.market-board>.text-button{padding:10px}.split-note{font-size:11px;line-height:1.4;color:var(--muted);text-align:center}.daily-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1 1 100%;padding-bottom:5px}.daily-choice>strong{grid-column:1/-1;font-size:15px}#hookOutcome>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#hookVerdict{font-size:18px}#hookIdentity{flex-basis:100%;margin:0}.daily-choice .primary{padding:12px 10px}.workspace>.board[hidden]{display:none!important}@media(max-width:620px){.market-boards{width:100%}.daily-choice{gap:10px}.daily-choice .primary{font-size:13px}}
#openMissions{text-align:right;white-space:nowrap;font-size:14px}#equippedTitle{display:block;font-size:11px;color:var(--ink);margin-top:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis}#missionsDialog{width:min(1050px,calc(100vw - 32px));height:auto;max-height:90dvh;padding:24px;overflow-y:auto}#missionRules{font-size:14px;line-height:1.6;color:var(--muted);margin:18px 0 12px}#missionCount{font-size:18px;color:var(--gold)}#missionStatus{font-size:14px;margin:10px 0}.mission-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}#missionFilters{display:flex;gap:6px;flex:1}#missionFilters button{padding:9px 12px;background:#383840;border-radius:6px;font-size:14px}#missionFilters .active{background:var(--gold);color:#241a0e}#missionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mission-tile{background:#202026;border:1px solid #414149;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.mission-tile.earned{border-color:#b7893e}.mission-tile h3{font-size:16px}.mission-tile p{font-size:14px;line-height:1.5;color:var(--muted)}.mission-tile small{font-size:13px}.mission-tile progress{width:100%;height:8px;accent-color:var(--gold)}.mission-tile .text-button{margin-top:auto;padding:6px;text-align:left}#missionSaveStatus{font-size:13px;margin:10px auto;max-width:500px;line-height:1.4;color:var(--gold)}@media(max-width:700px){#missionGrid{grid-template-columns:1fr 1fr}#missionsDialog{padding:16px;margin:auto;border-radius:12px}#equippedTitle{max-width:130px;font-size:10px}#openMissions{font-size:12px}}@media(max-width:430px){#missionGrid{grid-template-columns:1fr}#missionFilters{flex-wrap:wrap}}
/* Full-height chart and complete, readable ranking messages. */
.hook-chart{overflow:hidden;min-height:200px}.hook-chart svg{max-height:none;height:100%;flex:1}.market-boards{overflow:auto;padding:0 5px 5px 0}#boards{display:flex;flex-direction:column;gap:14px}.market-board{flex:none;overflow:visible}.rank-list{margin:0;padding:0;list-style:none}.rank-entry{display:grid;grid-template-columns:24px minmax(0,1fr) 40px;gap:8px;align-items:start;padding:10px 12px;border-top:1px solid #ffffff0d}.rank-number{font-size:15px;color:var(--muted)}.rank-entry:nth-child(-n+3) .rank-number{color:var(--gold)}.rank-person{min-width:0;font-size:14px}.rank-person strong{overflow-wrap:anywhere}.rank-person small,.rank-title{font-size:12px;color:var(--gold)}.rank-title{display:block;margin-top:3px}.rank-remark{font-size:14px;line-height:1.45;color:#bbb9c4;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.rank-score{font-size:17px;text-align:right}.rank-empty{display:flex;gap:10px;justify-content:space-between;padding:10px 12px;color:var(--muted);font-size:13px;border-top:1px solid #ffffff09}.is-me{background:#ffca620b}.market-board summary{padding:12px;font-size:14px;cursor:pointer;border-top:1px solid #ffffff15}.market-board summary span{float:right;color:var(--gold)}.entry-dialog{width:min(600px,calc(100vw - 32px));height:auto;max-height:90dvh;margin:auto;padding:26px;overflow:auto}.entry-dialog>p{color:var(--muted);line-height:1.6;margin:16px 0}.entry-dialog .daily-choice{margin-top:24px}.tutorial-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.tutorial-step>b{color:var(--gold);font-size:24px}.tutorial-step h3{font-size:18px;margin-bottom:7px}.tutorial-step p,.tutorial-note{font-size:16px;line-height:1.6;color:#c2c0ca}.tutorial-note{margin:16px 0;font-size:14px}.entry-dialog>.primary{width:100%}#rankProfileForm{display:grid;gap:10px;margin-top:22px}#rankProfileForm input,#rankProfileForm textarea{font:inherit;background:#19191d;border:1px solid #555560;border-radius:7px;padding:12px;color:var(--ink);width:100%}#rankProfileNote,#rankProfileStatus{font-size:14px;color:var(--muted);line-height:1.5}#boardStatus{cursor:pointer}@media(min-width:901px){.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:620px){.market-boards{overflow:visible}.hook-chart{height:270px;flex:none}.entry-dialog{padding:20px}.header-actions{gap:2px}#openTutorial{font-size:12px;padding:5px}.daily-choice{grid-template-columns:1fr}}
.chart-navigation{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;grid-column:1}.chart-navigation span{flex:1;color:var(--muted)}.chart-navigation button{background:#303038;border:1px solid #55555d;border-radius:5px;padding:5px 10px;font-size:14px}#chart{cursor:grab}#chart:active{cursor:grabbing}#chartPosition{grid-column:1;width:100%;height:18px;margin:0 0 4px;accent-color:var(--gold)}
@media(min-width:901px) and (min-height:620px){#roundView{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto}.chart-navigation{grid-row:4}.chart-wrap{grid-row:5}#chartPosition{grid-row:6}#chartSource{grid-row:7}.answer-area{grid-row:3/8}}
@media(max-width:900px){.chart-navigation{flex-shrink:0;flex-wrap:wrap}.chart-navigation span{font-size:12px}.chart-navigation button{padding:5px 8px}#chartPosition{flex-shrink:0}.chart-wrap{min-height:170px}}
/* Keep candle geometry proportional instead of stretching it to dialog height. */
#game .chart-wrap{aspect-ratio:2/1;width:100%;height:auto;max-height:100%;align-self:center;flex:none;min-height:0;padding:6px}#game #chart{display:block;width:100%;height:100%;aspect-ratio:2/1;min-height:0}
@media(max-width:900px){#game .chart-wrap{margin:8px 0;max-height:none;min-height:0}#game .game-inner{overflow-y:auto}}
/* Homepage uses the daily renderer and the same undistorted 2:1 viewport. */
.first-call .hook-chart{flex:none;aspect-ratio:2/1;height:auto;min-height:0;width:100%;padding:6px;margin:auto 0}.first-call #hookChart{width:100%;height:100%;aspect-ratio:2/1;max-height:none}.first-call .hook-actions{margin-top:14px}.first-call .hook-instruction{margin-bottom:14px}
@media(max-width:900px){.first-call .hook-chart{margin:14px 0}}
.rank-metrics{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:7px;border-top:1px solid #ffffff0c}.rank-metrics>div{display:flex;flex-direction:column;gap:3px}.rank-metrics span{font-size:12px;color:var(--muted)}.rank-metrics strong{font-size:16px;color:var(--ink)}.rank-metrics small{font-size:12px;font-weight:400;color:var(--muted)}
/* Side-by-side market competition; separate market tabs on compact screens. */
.leaderboard-tabs{display:none}.market-boards{min-width:0}.market-board{min-width:0}.market-board-head>span{font-size:12px}.rank-metrics span{font-size:14px}
@media(min-width:1100px){.shell,.top-inner{max-width:1480px}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px}.market-boards{overflow:hidden;padding:0 0 5px;gap:8px}#boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;flex:1;min-height:0;overflow:hidden}#boards .market-board{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin}.market-board-head{padding:16px 12px 8px}.market-board-head h2{font-size:22px}.rank-entry{padding:12px 10px;grid-template-columns:22px minmax(0,1fr) 42px;gap:7px}.rank-empty{min-height:51px;align-items:center}.first-call{padding:18px}.hook-heading h2{font-size:24px}.hook-instruction{font-size:14px}.hook-bottom{flex-wrap:wrap}.market-boards>#editRankProfile{align-self:center;padding:5px 10px}.market-boards>.split-note{font-size:12px;line-height:1.5}}
@media(max-width:1099px){.workspace{display:flex;flex-direction:column}.first-call{width:100%}.market-boards{width:100%;overflow:visible}.leaderboard-tabs{display:flex;background:#202026;border:1px solid #45454e;border-radius:8px;padding:4px;gap:5px}.leaderboard-tabs button{flex:1;padding:11px;background:transparent;border-radius:5px;font-size:16px}.leaderboard-tabs button[aria-pressed=true]{background:var(--gold);color:#282014;font-weight:700}#boards{display:block}#boards[data-active-market=stocks] [data-board=crypto],#boards[data-active-market=crypto] [data-board=stocks]{display:none}.shell{height:auto!important;overflow:visible}.first-call .hook-chart{margin:16px 0}.market-board{max-height:none}.rank-empty{min-height:48px}}
@media(max-width:1099px){body{overflow:auto;height:auto}.shell{min-height:0}}
/* Chart-led desktop split: 60 / 20 / 20. */
@media(min-width:1100px){.workspace{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.first-call .hook-chart{flex:1;aspect-ratio:auto;min-height:200px;height:auto;margin:12px 0 0;position:relative}.first-call #hookChart{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);aspect-ratio:auto}.first-call .hook-actions{margin-top:16px}.market-board-head{flex-wrap:wrap;gap:4px}.market-board-head h2{font-size:20px}.rank-entry{grid-template-columns:18px minmax(0,1fr) 35px;gap:5px;padding:10px 8px}.rank-person{font-size:14px}.rank-score{font-size:16px}.rank-metrics{gap:5px}.rank-metrics span{font-size:12px}.rank-metrics strong{font-size:15px}.rank-empty{padding:10px 8px;font-size:12px}.market-board summary{padding:10px 8px;font-size:13px}}

/* A quiet activity strip beneath the spotlight header. */
.score-feed{display:flex;align-items:center;gap:14px;flex:none;min-width:0;height:38px;border-bottom:1px solid #ffffff14;color:#dddbe2;font-size:14px;margin-bottom:10px}
.feed-label{flex:none;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold)}.feed-label:before{content:'';display:inline-block;width:6px;height:6px;background:#69e9cf;border-radius:50%;margin-right:8px}
.feed-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.feed-window:focus-visible{outline:1px solid var(--gold)}
.feed-track{display:flex;width:max-content;min-width:100%;white-space:nowrap;align-items:center}.feed-group{display:flex;align-items:center;flex-shrink:0;min-width:100%;justify-content:space-around}.feed-item{display:inline-flex;align-items:center;gap:9px;padding:0 24px;border-right:1px solid #ffffff18;height:30px}.feed-item b{font-weight:500}.feed-market{font-size:12px;color:var(--muted)}.feed-item strong{color:var(--gold);font-variant-numeric:tabular-nums}.feed-pause{flex:none;background:transparent;color:var(--muted);font-size:13px;padding:6px 8px}.feed-track.is-moving{animation:score-flow var(--feed-duration,40s) linear infinite}.score-feed:hover .feed-track,.score-feed:focus-within .feed-track,.score-feed.is-paused .feed-track{animation-play-state:paused}.feed-new{animation:score-arrival 3s ease-out}
@keyframes score-flow{to{transform:translateX(-50%)}}@keyframes score-arrival{from{background:#ffca6235}to{background:transparent}}
@media(min-width:1100px) and (min-height:620px){.score-feed{margin-bottom:0;height:32px}.shell{padding-top:8px}}
@media(max-width:620px){.score-feed{gap:6px;font-size:13px}.feed-label{font-size:10px}.feed-item{padding:0 15px;gap:7px}.feed-market{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feed-track.is-moving,.feed-new{animation:none}.feed-window{overflow-x:auto}.feed-group[aria-hidden=true]{display:none}}

@media(max-width:620px){.feed-track.is-moving{animation-duration:calc(var(--feed-duration,25s) * .8)}}
@media(hover:hover){.score-feed:hover .feed-track{animation-play-state:paused}}
@media(hover:none){.score-feed:hover .feed-track{animation-play-state:running}.score-feed.is-paused .feed-track{animation-play-state:paused}}

.rank-score small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.round-save{font-size:12px;color:var(--gold);min-height:18px;display:flex;align-items:center;gap:8px}.round-save button{font-size:12px;background:#35353c;padding:3px 7px;border-radius:4px}.feed-item small{font-size:11px;color:var(--muted)}
@media(min-width:901px) and (min-height:620px){.round-save{grid-column:2;grid-row:2;align-self:center}.progress{grid-column:1}}
/* Four daily arenas share the chart-led shell. */
.arena-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px;flex-shrink:0}.arena-tabs button{padding:10px 5px;border:1px solid #555560;background:linear-gradient(#393941,#292930);border-radius:8px;text-align:center;box-shadow:0 3px 0 #131316}.arena-tabs button.active{border-color:var(--gold);background:#55452d}.arena-tabs b{font-size:13px;display:block}.arena-tabs small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.rank-filters{display:flex;gap:4px;flex-shrink:0}.rank-filters button{flex:1;white-space:nowrap;background:#292930;padding:9px 4px;border:1px solid #4a4a54;border-radius:5px;font-size:12px}.rank-filters button.active{background:var(--gold);color:#282014;font-weight:700}.mode-filters{flex-wrap:wrap}.mode-filters button{font-size:11px}.feed-mode{font-size:11px;color:var(--muted);font-weight:400;margin-right:8px}
#arenaGame{width:min(1400px,calc(100vw - 40px));height:calc(100dvh - 40px);max-height:880px;margin:auto;overflow:auto;background:#24242b;border:1px solid #666673;border-radius:16px}#arenaGame .game-inner{height:100%;padding:18px 22px;display:flex;flex-direction:column}.arena-round{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto minmax(0,1fr);gap:12px 20px;flex:1;min-height:0}.arena-round .round-heading{grid-column:1/-1}.arena-round .progress{grid-column:1;margin:0}.arena-save{grid-column:2;font-size:12px;color:var(--gold);align-self:center}.arena-chart-column{grid-column:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.arena-chart-column .chart-wrap{padding:6px;margin:8px 0;background:#17171c;border-radius:10px}.arena-chart-column svg{display:block;width:100%;height:auto}.arena-answer{grid-column:2;grid-row:3;margin:0;display:flex;align-items:center;padding:18px;overflow:auto}.arena-answer>div{width:100%}.arena-answer p{font-size:16px;line-height:1.6;color:#d0ced6;margin-bottom:18px}.arena-answer .primary{width:100%;margin:8px 0}.arena-answer small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:12px}.lower-choice{background:linear-gradient(#ffa6b4,#fb7185)!important;box-shadow:0 4px 0 #963a4c!important}.sell-button{background:linear-gradient(#69e9cf,#2dd4bf)!important}.arena-source{padding:10px 13px;background:#202026;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.5}.arena-source>div+div{border-top:1px solid var(--line);margin-top:7px;padding-top:7px}.arena-source strong,.arena-source span{display:block}.arena-source a{color:var(--gold);text-decoration:underline}.arena-points{display:block;font-size:34px;color:var(--gold);margin:14px 0}.future-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.future-options button{background:#17171c;border:1px solid #62616c;border-radius:7px;overflow:hidden}.future-options b{display:block;padding:5px;color:var(--gold)}.future-options svg{width:100%;display:block}.battle-charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arena-result-list{max-width:480px;margin:16px auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.arena-result-list>div{display:flex;justify-content:space-between;gap:18px;padding:8px;background:#303037}.arena-result-list b{color:var(--gold)}#arenaResults{text-align:center;padding:25px 0}#arenaResults>.primary{max-width:380px;width:100%}
@media(max-width:1099px){#arenaGame{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.arena-round{display:flex;flex-direction:column;min-height:auto}.arena-chart-column{overflow:visible}.arena-answer{overflow:visible;display:block}.arena-tabs{margin-bottom:16px}.arena-save{min-height:18px}.future-options{grid-template-columns:repeat(4,1fr)}.arena-round .round-heading{padding:12px 0}.arena-answer .primary{padding:12px}.battle-charts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.arena-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-tabs b{font-size:14px}.rank-filters button{font-size:12px}.mode-filters button{flex:1 1 28%}#arenaGame .game-inner{padding:12px}.arena-answer{padding:14px}.future-options{grid-template-columns:1fr 1fr}.battle-charts{grid-template-columns:1fr}.arena-source{font-size:12px}.arena-result-list{font-size:12px}}

/* Future matching needs four readable landscape choices, not a narrow answer rail. */
.future-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.future-options button{min-width:0;padding:0;display:flex;flex-direction:column;height:auto}.future-options svg{width:100%;height:auto;aspect-ratio:12/7;flex:none}.future-options b{font-size:18px;padding:7px 0}.future-options button:hover{border-color:var(--gold);background:#29241c}.future-options button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#arenaGame[data-layout=future] .arena-answer{min-width:0;align-items:center}#arenaGame[data-layout=future] .arena-chart-column{min-width:0}
@media(min-width:1100px){#arenaGame[data-layout=future] .arena-round{grid-template-columns:minmax(0,11fr) minmax(0,9fr);column-gap:18px}#arenaGame[data-layout=future] .arena-answer{padding:16px}#arenaGame[data-layout=future] .arena-answer p{font-size:15px;margin-bottom:12px}#arenaGame[data-layout=future] .future-options{gap:10px}#arenaGame[data-layout=future] .arena-answer small{margin-top:10px}}
@media(max-width:1099px){#arenaGame[data-layout=future] .arena-answer{width:100%;flex-shrink:0}.future-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Future matching: full-width history above four compact continuations. */
#arenaGame[data-layout=future] .arena-round{display:flex;flex-direction:column;gap:8px;min-height:0}#arenaGame[data-layout=future] .round-heading{padding:10px 0 6px}#arenaGame[data-layout=future] .arena-save{align-self:flex-start;min-height:16px;margin:0}#arenaGame[data-layout=future] .arena-chart-column{flex:none;overflow:visible;justify-content:flex-start}#arenaGame[data-layout=future] .chart-head{padding:2px 0 5px}#arenaGame[data-layout=future] .chart-wrap{margin:4px 0;padding:6px}#arenaGame[data-layout=future] .arena-answer{display:block;flex:none;overflow:visible;width:100%;padding:10px 12px;margin:0}#arenaGame[data-layout=future] .future-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#arenaGame[data-layout=future] .future-options svg{height:auto;aspect-ratio:auto}#arenaGame[data-layout=future] .future-options b{font-size:16px;padding:4px}#arenaGame[data-layout=future] .arena-answer p{font-size:14px;margin:0 0 6px}#arenaGame[data-layout=future] .arena-answer small{margin-top:5px}#arenaGame[data-layout=future] #arenaFeedback{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px}#arenaGame[data-layout=future] #arenaFeedback[hidden]{display:none}#arenaGame[data-layout=future] .arena-points{font-size:24px;margin:0}#arenaGame[data-layout=future] #arenaNext{width:auto;margin-left:auto;padding:10px 22px}.future-options button.choice-correct{border:2px solid var(--up)}.future-options button.choice-selected{box-shadow:inset 0 0 0 2px var(--gold)}.future-options button:disabled{opacity:1;cursor:default}
@media(max-width:620px){#arenaGame[data-layout=future] .future-options{grid-template-columns:repeat(2,minmax(0,1fr))}#arenaGame[data-layout=future] .arena-round{min-height:auto}#arenaGame[data-layout=future] .arena-answer{padding:8px}#arenaGame[data-layout=future] .chart-head{font-size:11px;gap:8px}}

/* Reserve the reveal information before a guess so answering never pushes Next away. */
@media(min-width:621px){#arenaGame[data-layout=future] .arena-source{height:62px;min-height:62px;box-sizing:border-box;padding:6px 10px;font-size:12px;line-height:1.35;overflow:auto}#arenaGame[data-layout=future] .arena-source[hidden]{display:block;visibility:hidden}#arenaGame[data-layout=future] #arenaFeedback{height:56px;min-height:56px;box-sizing:border-box;padding-top:6px;flex-wrap:nowrap;gap:10px}#arenaGame[data-layout=future] #arenaFeedback[hidden]{display:flex;visibility:hidden}#arenaGame[data-layout=future] #arenaFeedback p{margin:0;font-size:13px}#arenaGame[data-layout=future] #arenaFeedback>span{font-size:12px}#arenaGame[data-layout=future] .arena-points{font-size:21px;white-space:nowrap}#arenaGame[data-layout=future] #arenaNext{flex-shrink:0;margin-top:0;margin-bottom:0;padding:9px 16px}}
@media(max-width:620px){#arenaGame[data-layout=future] #arenaFeedback:not([hidden]){position:sticky;bottom:0;background:#292930;padding:10px;border-top:1px solid var(--gold);z-index:3}}

/* Chart battle uses the full width; controls sit below the comparison. */
#arenaGame[data-layout=battle] .arena-round{display:flex;flex-direction:column;gap:8px;min-height:0}#arenaGame[data-layout=battle] .round-heading{padding:10px 0 6px}#arenaGame[data-layout=battle] .arena-save{align-self:flex-start;min-height:16px;margin:0}#arenaGame[data-layout=battle] .arena-chart-column{flex:none;overflow:visible;justify-content:flex-start}#arenaGame[data-layout=battle] .chart-head{padding:3px 0}#arenaGame[data-layout=battle] .arena-answer{display:block;flex:none;width:100%;padding:10px 14px;margin:0;overflow:visible}#arenaGame[data-layout=battle] #arenaControls{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}#arenaGame[data-layout=battle] #arenaControls p,#arenaGame[data-layout=battle] #arenaControls small{grid-column:1/-1;margin:0;font-size:13px}#arenaGame[data-layout=battle] #arenaControls .primary{margin:4px 0;padding:10px}#arenaGame[data-layout=battle] #arenaFeedback:not([hidden]){display:flex;align-items:center;gap:14px;flex-wrap:wrap}#arenaGame[data-layout=battle] .arena-points{font-size:25px;margin:0}#arenaGame[data-layout=battle] #arenaNext{width:auto;margin-left:auto;padding:10px 20px}#arenaGame[data-layout=battle] .arena-source{font-size:12px;padding:7px 10px}#arenaGame[data-layout=battle] .arena-source:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:12px}#arenaGame[data-layout=battle] .arena-source>div+div{border:0;margin:0;padding:0}
@media(max-width:620px){#arenaGame[data-layout=battle] .arena-round{min-height:auto}#arenaGame[data-layout=battle] .arena-source:not([hidden]){grid-template-columns:1fr}}
#arenaGame[data-layout=battle] #arenaControls[hidden]{display:none}@media(min-width:621px){#arenaGame[data-layout=battle] .arena-source{height:80px;min-height:80px;box-sizing:border-box}#arenaGame[data-layout=battle] .arena-source[hidden]{display:block;visibility:hidden}}
/* Synchronized battle panels remain inside their allocated chart area. */
#arenaGame[data-layout=battle] .battle-charts{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%;overflow:hidden}
#arenaGame[data-layout=battle] .battle-charts>svg{display:block;width:100%;max-width:100%;height:auto;min-width:0;overflow:hidden}
#arenaGame[data-layout=battle] .chart-wrap{min-width:0;max-width:100%;overflow:hidden}
#arenaGame[data-layout=battle] .arena-source{overflow:auto;overflow-wrap:anywhere}
#arenaGame[data-layout=battle] .arena-source>div{min-width:0}
@media(max-width:620px){#arenaGame[data-layout=battle] .battle-charts{grid-template-columns:minmax(0,1fr)}}
/* Account and ranking controls share the graphite/gold shell. */
.rank-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.rank-tools label{display:flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:12px;color:var(--muted)}.rank-tools select,#rankCountry{background:#19191f;color:var(--ink);border:1px solid #555560;border-radius:7px;padding:9px;font:inherit;min-width:0;max-width:100%}.rank-tools select{width:100%;max-width:180px;font-size:12px}.rank-tools button{font-size:12px;padding:7px 4px}#rankCountdown{flex:1 1 100%;font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.my-rank{display:flex;justify-content:space-between;gap:6px;margin:4px 10px 10px;padding:9px 0;border-block:1px solid #ffca6220;font-size:12px;color:var(--muted)}.my-rank strong{color:var(--gold)}.near-label{padding:8px 10px;color:var(--gold);font-size:12px}.rank-welcome{padding:24px 12px;text-align:center;list-style:none;line-height:1.65}.rank-welcome strong{font-size:16px;color:var(--ink)}.rank-welcome p{font-size:13px;color:var(--muted);margin:12px 0}.rank-score{min-width:0;overflow-wrap:anywhere}.rank-remark{overflow-wrap:anywhere}.rank-metrics small{font-size:10px;color:var(--muted);font-weight:400}.rank-metrics>div{min-width:0}
dialog#rankProfileDialog{width:min(440px,calc(100vw - 24px));height:auto;min-height:0;max-height:calc(100dvh - 24px);padding:24px;border:1px solid #555560;border-radius:16px;background:#24242b}#rankProfileForm textarea{resize:vertical;min-height:65px;max-height:130px}#rankProfileForm select{width:100%}.account-dialog{width:min(680px,calc(100vw - 24px));height:auto!important;min-height:0;max-height:calc(100dvh - 24px);padding:24px;background:#24242b;border:1px solid #555560;border-radius:16px}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 24px}.account-stats article{display:flex;flex-direction:column;gap:10px;background:#19191f;border:1px solid #44444d;border-radius:10px;padding:14px}.account-stats b{color:var(--gold);font-size:22px}.account-stats small,.account-note{color:var(--muted);font-size:12px;line-height:1.6}.account-history{margin-top:12px}.account-history>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff10;padding:12px 0;font-size:14px}.account-history small{display:block;color:var(--muted);margin-top:5px}.account-history strong{color:var(--gold);white-space:nowrap}.tutorial-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tutorial-nav button{flex:1;padding:9px 7px;border:1px solid #555560;border-radius:6px;background:#19191f;font-size:12px}.tutorial-nav button.active{border-color:var(--gold);color:var(--gold)}
@media(max-width:620px){.rank-tools select{max-width:none}.account-dialog{padding:18px}.account-stats article{padding:10px;font-size:13px}.account-stats b{font-size:19px}.rank-metrics span{font-size:13px}.rank-tools label{flex-basis:55%}}

.player-flag{display:inline-block;width:22px;height:16px;object-fit:cover;vertical-align:middle;border-radius:2px;box-shadow:0 0 0 1px #ffffff22;flex-shrink:0}
.nickname-picker{display:flex;align-items:center;gap:8px;min-width:0}.nickname-picker input{min-width:0;flex:1}#nicknameTag{color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap}#randomNickname{white-space:nowrap;padding:10px 5px;font-size:12px}#nicknameNote{font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:430px){.nickname-picker{flex-wrap:wrap}.nickname-picker input{flex-basis:65%}#randomNickname{margin-left:auto}}

/* Compact, centered profile card, independent of full-screen game dialogs. */
dialog#rankProfileDialog{position:fixed;inset:0;margin:auto;width:min(380px,calc(100vw - 24px));height:fit-content;max-height:calc(100dvh - 24px);padding:20px;overflow:auto;font-size:14px}
#rankProfileDialog .booking-top{margin:0;padding:0;gap:12px}#rankProfileDialog h2{font-size:21px;letter-spacing:-.4px}#rankProfileDialog .icon-button{width:30px;height:30px;font-size:20px;padding:0}
#rankProfileForm{margin-top:16px;gap:8px}#rankProfileForm label{font-size:13px;margin-top:3px}#rankProfileForm input,#rankProfileForm select{padding:9px 10px;font-size:14px;height:40px}#rankProfileForm textarea{font-size:14px;padding:9px 10px;height:54px;min-height:54px;max-height:90px;resize:none}#rankProfileForm .nickname-picker{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}#rankProfileForm #randomNickname{font-size:12px;padding:6px 0;white-space:nowrap}#nicknameNote{font-size:11px;line-height:1.4;color:var(--muted)}#rankProfileNote{display:none}#rankProfileStatus:empty{display:none}#rankProfileForm .primary{margin-top:6px;padding:10px;font-size:14px;min-height:40px}#rankProfileStatus{font-size:12px}

/* Market picker: a compact card, with distinct market identities. */
dialog#dailyDialog{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 24px));height:fit-content;min-height:0;max-height:calc(100dvh - 24px);padding:20px;overflow:auto;border:1px solid #555560;border-radius:16px;background:#24242b}
#dailyDialog .booking-top{padding:0;margin:0;gap:12px}#dailyDialog h2{font-size:20px;letter-spacing:-.5px}#dailyDialog .icon-button{width:30px;height:30px;padding:0;font-size:20px;flex-shrink:0}#dailyDialog>p{font-size:12px;line-height:1.5;margin:10px 0 16px;color:var(--muted)}
#dailyDialog .daily-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#dailyDialog .market-choice-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;padding:16px 12px 0;background:#19191f;border:1px solid #45454e;border-radius:12px;transition:border-color .15s,background .15s}
#dailyDialog .market-choice-card:hover{background:#2c2c33;border-color:var(--gold)}#dailyDialog .market-choice-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.market-choice-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:12px}.market-choice-icon img{width:40px;height:30px;object-fit:cover;border-radius:4px}.crypto-choice-icon{width:40px;height:40px;background:#f7931a;color:#fff;border-radius:50%;font-size:29px;font-weight:700;font-family:Arial,sans-serif}
#dailyDialog .market-choice-card>strong{font-size:19px;margin-bottom:6px}.market-choice-example{font-size:11px;color:#ccc9c2;line-height:1.5}.market-choice-card>small{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 14px}.market-choice-start{display:flex;width:100%;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid #ffffff12;margin-top:auto;padding:11px 0;color:var(--gold);font-size:13px;font-weight:700}#dailyHelp{display:block;margin:12px auto 0;padding:5px 10px;font-size:12px;color:var(--muted)}
@media(max-width:360px){dialog#dailyDialog{padding:16px}#dailyDialog h2{font-size:18px}#dailyDialog .market-choice-card{padding:12px 9px 0}.market-choice-example{font-size:10px}}

#sellNow{touch-action:manipulation;min-height:52px;min-width:140px}#sellNow:hover{transform:none}
/* Keep tutorial inside the mobile viewport, including its navigation and close control. */
dialog#tutorialDialog{position:fixed;inset:0;margin:auto;transform:none;width:min(520px,calc(100dvw - 24px));min-width:0;max-width:calc(100dvw - 24px);height:fit-content;min-height:0;max-height:calc(100dvh - 24px);padding:20px;overflow:auto;overscroll-behavior:contain;border-radius:16px}
#tutorialDialog .booking-top{gap:12px;margin:0;padding:0}#tutorialDialog h2{min-width:0;font-size:22px;overflow-wrap:anywhere}#tutorialDialog .icon-button{flex:0 0 32px;width:32px;height:32px;padding:0}#tutorialDialog .tutorial-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#tutorialDialog .tutorial-nav button{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:9px 5px}#tutorialDialog .tutorial-step{min-width:0;gap:12px;padding:14px 0}#tutorialDialog .tutorial-step>div,#tutorialDialog .tutorial-step>p{min-width:0}#tutorialDialog .tutorial-step p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}#tutorialDialog .tutorial-note{font-size:12px;line-height:1.55;margin:14px 0}#tutorialDialog #tutorialStart{font-size:14px;padding:12px}
@media(max-width:420px){dialog#tutorialDialog{padding:16px}#tutorialDialog .tutorial-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#tutorialDialog h2{font-size:20px}#tutorialDialog .tutorial-step>b{font-size:21px}}
/* Shared modal geometry: use the visible viewport, not an overflowing page width. */
dialog:not(#game):not(#arenaGame){position:fixed!important;inset:auto!important;left:var(--popup-x,50vw)!important;top:var(--popup-y,50dvh)!important;transform:translate(-50%,-50%)!important;margin:0!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;height:fit-content!important;max-width:calc(var(--popup-vw,100vw) - 24px)!important;max-height:calc(var(--popup-vh,100dvh) - 24px)!important;overflow:auto!important;overscroll-behavior:contain;border-radius:16px}
dialog .booking-top{min-width:0;align-items:center}dialog .booking-top>div,dialog .booking-top h2{min-width:0;overflow-wrap:anywhere}dialog .booking-top .icon-button{flex-shrink:0}dialog input,dialog select,dialog textarea{max-width:100%;box-sizing:border-box}
@media(max-width:700px){
 dialog:not(#game):not(#arenaGame){width:calc(var(--popup-vw,100vw) - 24px)!important;padding:16px!important;border:1px solid #555560!important}
 dialog#rankProfileDialog,dialog.gmc-auth{width:min(380px,calc(var(--popup-vw,100vw) - 24px))!important}
 dialog#dailyDialog{width:min(460px,calc(var(--popup-vw,100vw) - 24px))!important}
 dialog#tutorialDialog,dialog#accountDialog{width:min(520px,calc(var(--popup-vw,100vw) - 24px))!important}
 dialog .booking-top h2{font-size:20px!important;line-height:1.3}dialog .booking-top .icon-button{width:36px;height:36px;min-width:36px;padding:0}
 dialog input:not([type=color]):not([type=range]),dialog select,dialog textarea{font-size:16px!important}
 #tutorialDialog .tutorial-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 #spotlightDialog .booking-grid{grid-template-columns:minmax(0,1fr);gap:12px}#spotlightDialog .booking-copy{font-size:13px;line-height:1.5}#spotlightDialog .booking-preview{min-width:0;overflow:hidden}#messagePreview{overflow-wrap:anywhere}
 #missionsDialog .mission-grid{grid-template-columns:minmax(0,1fr)}#missionsDialog button{white-space:normal}#accountDialog .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#accountDialog .account-history>div{flex-wrap:wrap}#accountDialog .account-actions{gap:8px}
 dialog#game,dialog#arenaGame{position:fixed!important;inset:auto!important;left:var(--popup-x,50vw)!important;top:var(--popup-y,50dvh)!important;transform:translate(-50%,-50%)!important;margin:0!important;width:var(--popup-vw,100vw)!important;max-width:var(--popup-vw,100vw)!important;height:var(--popup-vh,100dvh)!important;max-height:var(--popup-vh,100dvh)!important;border-radius:0;overflow:hidden}
 #game .game-inner,#arenaGame .game-inner{width:100%;min-width:0;padding:12px 12px max(16px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto}#arenaGame .arena-round{min-width:0}#game .answer-area,#arenaGame .arena-answer{max-width:100%;min-width:0;flex-shrink:0}dialog .primary{touch-action:manipulation;min-height:44px}
}
#plusDialog{width:440px;padding:24px}.plus-trigger{border:1px solid #a88849;background:#ffca6214;color:var(--gold);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800}.plus-gold{color:var(--gold)}.plus-price{font-size:38px!important;font-weight:800;color:var(--gold)!important}.plus-price small{font-size:14px;color:var(--muted)}.plus-benefits{list-style:none;padding:0;margin:20px 0}.plus-benefits li{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.plus-benefits span,.plus-note{font-size:12px;line-height:1.6;color:var(--muted)}#plusSubscribe{width:100%}.plus-pass-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.plus-pass-row p{font-size:12px;margin-top:6px}#plusDialog hr{border:0;border-top:1px solid var(--line);margin:20px 0}#plusDialog button:disabled{opacity:.65;cursor:default}.quick-slots{margin:16px 0}.quick-slots h3{font-size:14px;margin-bottom:10px}.slot-hour{margin:10px 0}.slot-hour>strong{font-size:12px;color:var(--muted)}.slot-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:6px}.slot-buttons button{border:1px solid #555560;background:#19191f;border-radius:6px;font-size:10px;padding:10px 2px;line-height:1.6;touch-action:manipulation}.slot-buttons button.selected{border-color:var(--gold);background:#ffca6220;color:var(--gold)}.slot-buttons button:disabled{opacity:.32;cursor:not-allowed}.booking-later{margin:14px 0}.booking-later summary{cursor:pointer;font-size:13px;padding:8px 0}.buy-pass{width:100%;margin:12px 0;border:1px solid #8d7750;border-radius:8px;color:var(--gold)}@media(max-width:400px){.slot-buttons{gap:3px}.slot-buttons button{font-size:9px}}
/* Mobile home layout: bounded columns, horizontal labels, chart before rankings. */
@media(max-width:1099px){
 html,body{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:clip}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .top{height:auto!important;width:100%;padding:0;display:block}.top-inner{width:100%;max-width:100%;min-width:0;padding:10px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:36px 32px 38px;gap:7px 6px}
 .top-inner>.brand{grid-column:1/4;grid-row:1;min-width:0;white-space:nowrap;font-size:21px;letter-spacing:-.7px}.top-inner .logo{width:25px;height:28px;margin-right:7px;font-size:20px;flex-shrink:0}
 .top-inner>.header-actions{display:contents}.header-actions>button{min-width:0;width:100%;height:32px;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:5px 3px!important;margin:0;font-size:11px;border-radius:6px}
 .header-actions>.gmc-auth-trigger{grid-column:4;grid-row:1;height:32px;font-size:0!important}.gmc-auth-trigger::after{content:attr(data-mobile-label);font-size:12px}
 .header-actions>.plus-trigger{grid-column:1;grid-row:2;font-size:11px}.header-actions>#openTutorial{grid-column:2;grid-row:2;font-size:11px}.header-actions>#languageToggle{grid-column:3;grid-row:2;font-size:12px}.header-actions>#openMissions{grid-column:4;grid-row:2;font-size:0!important}#openMissions #missionsLabel{font-size:0!important}#openMissions #equippedTitle{display:none}#openMissions::after{content:'Titles';font-size:12px}html[lang=ko] #openMissions::after{content:'미션 · 칭호'}
 .top-inner>.spotlight{grid-column:1/-1;grid-row:3;width:100%;min-width:0;height:38px;padding:6px 9px;gap:8px;border-radius:7px}.spotlight-label{flex:0 0 auto;font-size:9px;letter-spacing:0}.spotlight-label small{display:none}.spotlight-message{flex:1;min-width:0;font-size:12px;overflow:hidden}.spotlight-cta{flex:0 0 auto;white-space:nowrap;font-size:10px;padding-left:8px}
 .shell{width:100%;max-width:100%;min-width:0;height:auto!important;padding:8px 12px 22px;display:block}.shell>*{min-width:0;max-width:100%}.score-feed{height:30px;min-height:30px;margin:0 0 10px;gap:8px}.feed-label{font-size:10px;flex-shrink:0}.feed-window{min-width:0;flex:1}.feed-item{font-size:11px}.feed-pause{flex-shrink:0}
 .intro{display:block;margin:0 0 10px}.intro>div{min-width:0}.intro .eyebrow{display:none}.intro h1{font-size:clamp(21px,6vw,27px);letter-spacing:-1px;line-height:1.2}.intro h1 br{display:none}.intro .subtitle{font-size:12px;margin-top:5px;line-height:1.4}.intro .market-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:10px;padding:3px;gap:4px;border-radius:8px}.intro .market-tabs button{min-width:0;font-size:13px;padding:8px 6px;white-space:nowrap}
 .workspace{display:flex;flex-direction:column;width:100%;min-width:0;gap:16px}.first-call{width:100%;min-width:0;padding:12px;border-radius:12px}.arena-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.arena-tabs button{min-width:0;padding:8px 4px}.arena-tabs b{font-size:12px;white-space:normal;line-height:1.25}.arena-tabs small{font-size:9px;margin-top:3px}
 .hook-heading{gap:8px;min-width:0}.hook-heading>div{min-width:0}.hook-heading .eyebrow{display:none}.hook-heading h2{font-size:18px;letter-spacing:-.5px;line-height:1.3}.hook-heading .timeframe{font-size:10px;padding:5px;flex-shrink:0}.hook-instruction{font-size:12px;margin-top:5px;line-height:1.4}.first-call .hook-chart{width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:2/1;flex:none;padding:3px;margin:10px 0 0;overflow:hidden}.first-call .hook-chart svg{display:block;width:100%;max-width:100%;height:100%;min-width:0}
 .first-call .hook-actions{gap:8px;margin-top:10px;padding-bottom:0}.hook-actions button{min-width:0;min-height:42px;padding:9px 4px;font-size:15px}.hook-bottom{flex-wrap:wrap;gap:4px;margin-top:8px;font-size:10px}.hook-bottom .text-button{font-size:11px;padding:5px 0}.market-boards,#boards,.market-board{width:100%;min-width:0;max-width:100%}.rank-tools{flex-wrap:wrap;min-width:0}.rank-tools select{max-width:140px}.rank-filters{min-width:0;flex-wrap:wrap}.rank-person{overflow-wrap:anywhere}footer{flex-wrap:wrap;gap:8px;font-size:10px}
}
/* Owner-only benefits management */
#adminDialog{width:620px;padding:20px;box-sizing:border-box}#adminDialog h3{font-size:18px;margin:16px 0 8px}#adminDialog p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}#adminSearch{display:flex;gap:8px}#adminSearch input{min-width:0;flex:1}#adminMembers{display:flex;gap:6px;flex-wrap:wrap;max-height:160px;overflow:auto}#adminMembers button{padding:8px 12px}#adminGrant{display:grid;gap:12px}#adminGrant label{display:grid;gap:6px;font-size:14px}#adminDialog input,#adminDialog select{box-sizing:border-box;width:100%;min-height:42px;background:#202127;color:#fff;border:1px solid #62636b;border-radius:8px;padding:8px;font-size:16px}#adminDialog button{min-height:40px}#adminReview:empty{display:none}#adminReview{border-top:1px solid #62636b;margin-top:16px;padding-top:8px}.admin-history article{border-top:1px solid #45464e;padding:10px 0;font-size:13px;overflow-wrap:anywhere}
/* v11: result evidence lives in the answer card; no shrinking into the footer. */
#revealControls{width:100%;min-width:0}#revealControls .reveal-bottom>div{display:none}#revealControls #chartSource{margin:0 0 14px;grid-area:auto;overflow-wrap:anywhere}#chartSource .source-answer-time{display:block}#chartSource details{margin-top:7px}#chartSource summary{font-size:12px;color:var(--muted);cursor:pointer}#chartSource details small{display:block;font-size:11px;line-height:1.5;margin-top:5px}#chartSource strong{font-size:15px}#chartSource span,#chartSource a{font-size:12px}#chartSource a{display:block;margin:6px 0 0}.prediction-range-help{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 12px}#revealControls .reveal-bottom{padding-top:12px}#revealControls .reveal-bottom .primary{width:100%}
@media(min-width:901px) and (min-height:620px){#game .answer-area{overflow-y:auto;align-items:flex-start}#revealControls .reveal-grid{gap:8px}#revealControls .reveal-grid strong{font-size:25px}}
@media(max-width:900px),(max-height:619px){
 #game .game-inner{display:block;height:100%;overflow-y:auto;overflow-x:hidden}
 #game #roundView:not([hidden]){display:flex;flex-direction:column;flex:none;min-height:auto;height:auto}
 #game #roundView>*{flex-shrink:0;min-width:0}
 #game .answer-area{display:block;width:100%;margin:12px 0 0;padding:14px 12px;align-self:auto}
 #game .game-footer{position:static;display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:16px;padding-bottom:8px;line-height:1.5;font-size:11px}
 #game .reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 16px}
 #game .reveal-grid>div+div{border-top:0;border-left:1px solid var(--line);padding:0 0 0 8px}
 #game .reveal-grid strong{font-size:clamp(18px,5.2vw,26px);letter-spacing:-.6px}
 #game .reveal-grid span{font-size:11px;letter-spacing:0;margin-bottom:6px}
 #game .points small{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
 #game .reveal-bottom{display:block}#game #nextRound{min-width:0;width:100%;min-height:48px}
}
.dashboard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 12px}.dashboard-tabs button,.dashboard-pagination button{background:#303038;border:1px solid #555560;border-radius:8px;min-height:42px;padding:8px}.dashboard-tabs button[aria-pressed=true]{color:#201b12;background:var(--gold);font-weight:700}.dashboard-period{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.dashboard-period select{background:#26262e;color:var(--ink);padding:8px;border:1px solid #555560;border-radius:6px;font-size:16px;max-width:100%}.dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.dashboard-pagination button:disabled{opacity:.4}.dashboard-totals b{font-size:20px!important}.dashboard-totals article{min-width:0;overflow-wrap:anywhere}#accountContent .account-note{line-height:1.7;margin:12px 0}