/* Final game-feel layer. Loaded after the existing layout CSS. */
.game-topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:32px}.game-round{color:var(--pink);font:800 11px/1 var(--font);letter-spacing:.9px;text-transform:uppercase}.versus-banner{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font:700 10px/1 var(--font);letter-spacing:.65px;text-transform:uppercase}.versus-banner strong:first-child{color:#fff}.versus-banner strong:nth-of-type(2){color:var(--pink)}.versus-banner i{color:var(--faint);font-style:normal}.versus-banner span{margin-left:4px;padding-left:10px;border-left:1px solid var(--border);color:var(--faint)}.attempt-stack{display:flex;align-items:center;gap:9px}.attempt-stack .attempt-copy{white-space:nowrap}.attempt-pips{display:flex;gap:4px}.attempt-pips i{width:8px;height:8px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(255,255,255,.16);transition:transform .18s ease,background .18s ease,border-color .18s ease}.attempt-pips i.used{background:transparent;border-color:rgba(255,255,255,.15);transform:scale(.78)}.attempt-pips i.hit{background:var(--green);border-color:var(--green);transform:scale(1.15)}.bot-lock{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;padding:1px 0 12px;border-bottom:1px solid var(--border-soft)}.bot-lock>span{color:var(--pink);font:800 9px/1 var(--font);letter-spacing:1px;text-transform:uppercase}.bot-lock>strong{justify-self:end;color:#fff;font:800 12px/1 var(--font);font-variant-numeric:tabular-nums}.bot-lock>small{grid-column:1/-1;color:var(--faint);font-size:10px}.bot-lock.player-won>strong{color:var(--green)}.bot-lock.bot-won>strong{color:var(--red)}.known-range-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:1px 0 3px}.known-range-copy span{color:var(--muted);font:800 9px/1 var(--font);letter-spacing:.8px;text-transform:uppercase}.known-range-copy strong{color:#fff;font:800 11px/1 var(--font);font-variant-numeric:tabular-nums}.game-slider-shell{isolation:isolate}.rank-known-range,.rank-range-mask{position:absolute;top:50%;height:17px;transform:translateY(-50%);pointer-events:none}.rank-known-range{z-index:2;left:0;width:100%;border:1px solid rgba(255,102,171,.75);background:rgba(255,102,171,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:left .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}.rank-range-mask{z-index:1;background:rgba(0,0,0,.58);transition:width .28s cubic-bezier(.2,.8,.2,1)}.rank-range-mask-left{left:0}.rank-range-mask-right{right:0}.game-slider-shell .rank-slider-fill{z-index:3;opacity:.28}.game-slider-shell .rank-slider{position:relative;z-index:4}.slider-tick.outside-range{opacity:.25}.game-hint-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:0;color:var(--faint);font:700 9px/1.25 var(--font);letter-spacing:.3px}.range-callout{color:var(--muted)}.game-shell[data-heat="very_close"] .range-callout,.game-shell[data-heat="exact"] .range-callout{color:var(--green)}.game-shell[data-heat="close"] .range-callout{color:#ffd37a}.game-shell[data-heat="far"] .range-callout{color:var(--muted)}.game-shell .guess-list li em{font-weight:800}.game-shell .guess-list li.exact,.game-shell .guess-list li.hit{border-color:rgba(93,226,160,.55)!important}.game-shell .guess-list li.very_close{border-color:rgba(93,226,160,.28)!important}.game-shell .guess-list li.close{border-color:rgba(255,211,122,.28)!important}.game-shell .guess-submit{min-width:190px}.battle-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 8px;padding:8px 11px;border:1px solid var(--border);background:rgba(255,255,255,.025)}.battle-result>div{display:flex;align-items:baseline;gap:10px}.battle-result span{font:800 10px/1 var(--font);letter-spacing:.7px;text-transform:uppercase}.battle-result strong{font:800 18px/1 var(--font)}.battle-result p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap}.battle-result.player-won{border-color:rgba(93,226,160,.45)}.battle-result.player-won span,.battle-result.player-won strong{color:var(--green)}.battle-result.bot-won{border-color:rgba(255,102,102,.34)}.battle-result.bot-won span,.battle-result.bot-won strong{color:var(--red)}.reveal-panel:has(.battle-result){max-height:220px}.daily-battle-summary{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 14px;color:var(--muted);text-transform:uppercase}.daily-battle-summary span{font:800 10px/1 var(--font);letter-spacing:1px}.daily-battle-summary strong{color:var(--pink);font:800 32px/.9 var(--font);font-variant-numeric:tabular-nums}.daily-battle-summary em{color:#fff;font:800 11px/1 var(--font);font-style:normal}.game-shell .challenge-rule{color:var(--muted);font-weight:700;letter-spacing:.15px}
@media (max-width:720px){.game-topline{grid-template-columns:auto 1fr;gap:6px 10px}.versus-banner{justify-content:flex-end}.versus-banner span{display:none}.attempt-stack{grid-column:1/-1;justify-content:space-between}.attempt-stack .attempt-copy{font-size:8px}.bot-lock{display:none}.known-range-copy{margin-bottom:0}.known-range-copy strong{font-size:9px}.game-hint-line>span:last-child{display:none}.rank-known-range,.rank-range-mask{height:13px}.battle-result{align-items:flex-start;padding:7px 8px}.battle-result>div{display:grid;gap:3px}.battle-result strong{font-size:15px}.battle-result p{font-size:8px}.reveal-panel:has(.battle-result){max-height:175px}.daily-battle-summary{margin:4px auto 8px}.daily-battle-summary strong{font-size:25px}}