html:has(.player-surface[open]){scrollbar-gutter:auto}.player-surface{color:#eef0f5;background:#111c33;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.player-surface[open]{flex-direction:column;display:flex}.player-stage{background:#111c33;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.player-toast{bottom:calc(46px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:#263650;border:1px solid #516079;border-radius:10px;width:fit-content;max-width:min(520px,100% - 32px);margin-inline:auto;padding:12px 18px;font-size:13px;position:absolute;inset-inline:16px;box-shadow:0 6px 24px #070f203d}.player-surface::backdrop{background:#111c33}.player-surface:fullscreen{width:100%;height:100%}.player-toolbar{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:#121b2f;flex-shrink:0;align-items:center;gap:8px;min-height:60px;display:flex}.player-identity{gap:3px;min-inline-size:0;margin-inline-end:auto;padding-inline:6px;display:grid}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.player-device{color:#c4d6cc;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;line-height:1.3;display:flex}.player-device svg:not(:first-child){margin-inline-start:5px}.player-tools,.player-tool,.player-control-options button,.player-control-options p{align-items:center;display:flex}.player-tools{flex:none;gap:6px}.player-tool{color:#f4f6f1;min-height:44px;font:inherit;cursor:pointer;background:#1d2939;border:1px solid #536172;border-radius:9px;justify-content:center;gap:7px;padding:5px 10px;font-size:13px;font-weight:600;line-height:1.25}.player-tool:hover:not(:disabled){background:#314051}.player-tool:disabled{color:#bac3c8;cursor:default;background:#263344}.player-tool svg{flex:none}.player-tool.player-save{color:#1e3426;background:#e5f399;border-color:#deed97}.player-tool.player-save:hover:not(:disabled){background:#f0ffc0}.player-tool.player-save:disabled{color:#d1d9c3;background:#394739;border-color:#63715c}.player-save span{text-align:start;gap:1px;display:grid}.player-save small{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:10px;font-weight:500;overflow:hidden}.player-tool.player-language{text-align:start}.player-language>span{min-inline-size:0;display:grid}.player-language small{color:#c4ced5;font-size:10px}.player-tools .player-more{display:none}.player-control-options{gap:7px;display:grid}.player-control-options p{color:#4e5b51;gap:7px;font-size:14px}.player-control-options button,.game-language-options button{color:#274333;text-align:start;min-height:44px;font:inherit;cursor:pointer;background:#f6f7f1;border:1px solid #d3dbce;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.game-language-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.game-language-options button:first-child{grid-column:1/-1}.game-language-options button[aria-pressed=true]{background:#e8efdf;border-color:#709578}.game-language-options button>span{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.game-language-options small,.game-language-hint{color:#53614f;font-size:12px}.game-language-hint{margin:0 0 12px}.player-surface .player-action-dialog .button.secondary{color:#29412f;background:#f7f7ed;border-color:#bdc9b8}.player-exit-dialog .exit-message{margin:0 0 18px;line-height:1.6}.exit-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.exit-actions button{min-height:44px}.exit-without{font:inherit;color:#774f46;cursor:pointer;background:0 0;border:0;border-radius:8px;margin-inline-start:auto;padding:8px 11px;font-size:.9rem}.exit-without:hover{background:#f2e7df}.exit-actions button:focus-visible{outline-offset:2px;outline:2px solid #476b54}@media (max-width:480px){.exit-actions{grid-template-columns:1fr;display:grid}.exit-without{margin-inline:0}}.player-toolbar .icon-button{color:#e8ecf5;background:0 0;border:1px solid #38435b;border-radius:8px;width:40px;min-width:40px;height:40px;min-height:40px}.player-toolbar .icon-button:hover:not(:disabled){background:#29354d}.player-toolbar .icon-button:disabled{opacity:.35;cursor:default}.player-surface button:focus-visible{outline-offset:3px;outline:2px solid #f6ae7f}.player-surface .button.secondary,.player-surface .button.ghost{color:#eef0f5;background:#ffffff0b;border-color:#4a5670}.player-surface .button.secondary:hover,.player-surface .button.ghost:hover{background:#ffffff1c}.player-surface .player-identity-note{color:#cbd3e2;background:#1b2941;border-color:#35435b}.player-surface .conflict-note{color:#f3d9b8;background:#3e342b;border-color:#6f5843}.player-surface .player-identity-note{flex-shrink:0;max-height:30dvh;overflow-y:auto}.player-surface .player-status .status-dot{background:#9db5cf;border-radius:50%;flex:none;width:5px;height:5px}.player-toolbar .player-exit{border-color:#0000;flex:none;align-items:center;gap:7px;width:auto;padding-inline:8px 12px;font-size:12px;display:inline-flex}.frame-wrap{flex:1;width:100%;min-height:0;position:relative}.player-frame{background:#faf9f6;border:0;width:100%;height:100%;min-height:0;display:block}.round-final-beat{padding:12px 16px max(16px, env(safe-area-inset-bottom));text-align:center;place-items:end center;display:grid;position:absolute;inset:0}.round-final-beat strong{color:#ffdfba;overflow-wrap:anywhere;background:#202534;border-radius:24px;max-width:100%;padding:9px 19px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.3;box-shadow:0 3px 14px #13192838}@media (prefers-reduced-motion:no-preference){.round-final-beat strong,.round-screen[data-phase=result] .round-copy{animation:.18s ease-out both round-reveal}@keyframes round-reveal{0%{opacity:0}to{opacity:1}}}.launch-brand{color:#fcfaf5;letter-spacing:-.055em;align-items:center;gap:8px;width:fit-content;margin-block-end:clamp(20px,4vh,38px);font-size:25px;font-weight:800;display:flex}.launch-brand svg{color:#ff8268;width:44px;height:44px;overflow:visible}.launch-brand .brand-period{color:#ff8268}.round-screen:is([data-phase=loading],[data-phase=error]){background:radial-gradient(ellipse at 80% 20%, #393046, var(--round-night) 68%)}.round-screen:is([data-phase=loading],[data-phase=error]) .cover-fallback{visibility:hidden}.launch-progress{color:#fcfaf5;font-variant-numeric:tabular-nums;align-items:center;gap:12px;width:min(260px,100%);margin-block-start:14px;display:flex}.launch-progress-track{background:#ffffff38;border-radius:5px;flex:1;min-width:0;height:5px;overflow:hidden}.launch-progress-fill{border-radius:inherit;background:#ffae83;width:38%;height:100%;display:block}.launch-progress[data-determinate=false] .launch-progress-fill{animation:1.4s ease-in-out infinite launch-indeterminate}.launch-status{color:#e4e5ec;margin:14px 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}.round-screen[data-phase=loading] .round-content{justify-content:center;align-items:center;padding:clamp(24px,6vw,72px)}.round-screen[data-phase=loading] .round-copy{text-align:center;flex-direction:column;align-items:center;width:min(420px,100%);display:flex}.round-screen[data-phase=loading] .round-copy h1{display:none}.round-screen[data-phase=loading] .launch-brand{margin-block:0;font-size:clamp(26px,3vw,34px)}.round-screen[data-phase=loading] .launch-brand svg{width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px)}.round-screen[data-phase=loading] .launch-progress{width:min(340px,100%);margin-block-start:26px}.round-screen[data-phase=loading] .launch-status{color:#e6e8ee;margin-block-start:12px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:no-preference){@keyframes launch-indeterminate{0%,to{opacity:.75;transform:translate(-25%)}50%{opacity:1;transform:translate(170%)}}.round-screen[data-phase=loading] .brand-pixel{transform-box:fill-box;transform-origin:50%;animation:1.55s ease-in-out infinite launch-pixel}@keyframes launch-pixel{0%,18%,90%,to{transform:none}46%{transform:translate(4px,-9px)rotate(45deg)}73%{transform:translateY(1px)rotate(90deg)}}}.player-status{padding:7px max(18px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#a8b0c1;flex-shrink:0;align-items:center;gap:9px;min-height:32px;font-size:10px;display:flex}.player-status>span:last-child{text-align:end;margin-inline-start:auto}.player-status[aria-hidden=true]{visibility:hidden}.player-surface .conflict-note,.player-surface>.error-note{flex-shrink:0;max-height:35dvh;margin:0;overflow-y:auto}@media (max-width:600px){.player-toolbar{padding-inline:max(6px, env(safe-area-inset-left)) max(6px, env(safe-area-inset-right));gap:4px;min-height:56px}.player-toolbar strong{padding-inline:3px;font-size:12px}.player-exit span{display:none}.player-toolbar .player-exit{padding-inline:0}.player-toolbar .icon-button{width:44px;min-width:44px;height:44px}.player-status{padding-inline:12px;font-size:9px}}@media (max-width:1000px){.player-tools .player-extra{display:none}.player-tools .player-more{display:flex}.player-tools{gap:4px}.player-tool{padding-inline:8px}}@media (max-width:600px){.player-toolbar{flex-wrap:wrap;row-gap:4px}.player-toolbar .player-identity{flex:1;min-inline-size:5rem;padding-inline:0}.player-tools{flex:1 0 100%;min-inline-size:0}.player-tools :is(.player-language,.player-save){flex:1 1 0;min-inline-size:0}.player-language bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-save>span{overflow-wrap:anywhere;min-inline-size:0}.player-save small{max-inline-size:100%}.player-tool{min-height:44px;font-size:12px}.player-tools .player-more{width:40px;padding:0}.player-device,.player-status{font-size:11px}}@media (max-height:500px) and (orientation:landscape){.player-toolbar{min-height:44px;padding-block:3px}.player-toolbar .icon-button{height:36px;min-height:36px}.player-status{min-height:22px;padding-block:3px}}.round-screen{--round-night:#151b2b;isolation:isolate;overscroll-behavior:contain;background:var(--round-night);color:#fcfaf5;outline:none;position:absolute;inset:0;overflow-y:auto}.round-art{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.round-art img{object-fit:cover;object-position:72% center;width:100%;height:100%}.round-art:after{content:"";background:linear-gradient(90deg,#131928 2%,#131928f2 27%,#131928c7 53%,#13192818 92%);position:absolute;inset:0}[dir=rtl] .round-art:after{transform:scaleX(-1)}.round-content{align-items:center;min-height:100%;padding:clamp(24px,6vw,110px);display:flex}.round-copy{overflow-wrap:anywhere;width:min(540px,55%)}.round-game{color:#d6d8e0;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 12px;font-size:.92rem;display:flex}.round-report-label{color:#ffd4a9;align-items:center;gap:7px;font-weight:700;display:inline-flex}.round-copy h1{color:#fff;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(34px,5.2vw,78px);line-height:1.04}.round-description{color:#eeeef1;text-wrap:pretty;margin:16px 0 0;font-size:clamp(.98rem,1.5vw,1.15rem);line-height:1.6}.round-instructions{border-inline-start:2px solid #ffc394a8;margin-block:20px;padding-inline-start:14px}.round-instructions h2,.round-stats dt{color:#dbdbe5;margin:0;font-size:.83rem;font-weight:600}.round-instructions p{color:#f4f3f6;margin:5px 0 0;line-height:1.55}.round-screen[data-phase=result] h1{font-size:clamp(28px,4vw,53px)}.round-stats{font-variant-numeric:tabular-nums;background:linear-gradient(125deg,#363337f5,#1e2534e8 85%);border:1px solid #ffddb53b;border-radius:14px;flex-wrap:wrap;gap:14px;margin:20px 0 12px;padding:clamp(15px,2.1vw,26px);display:flex;box-shadow:0 8px 24px #0a112128}.round-stats:empty,.round-outcome:empty{display:none}.round-stats div{flex:6.3rem;min-width:0}.round-stats dd{margin:4px 0 0;font-size:clamp(20px,2.1vw,30px);font-weight:700;line-height:1.15}.round-stats .round-score{flex-basis:100%}.round-score:has(~div){border-bottom:1px solid #ffddb52a;padding-bottom:14px}.round-score dd{color:#ffd0a5;letter-spacing:-.035em;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:clamp(44px,6vw,76px);display:flex}.round-previous{color:#e0d7cd;letter-spacing:normal;font-size:.86rem;font-weight:550}.round-screen[data-phase=result] .round-description{margin-block:10px;font-size:1rem;line-height:1.5}@media (prefers-reduced-motion:no-preference){.round-score dd{animation:.36s ease-out both round-score-arrive}@keyframes round-score-arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}.round-outcome,.round-verification{color:#dadce4;margin-block:8px;font-size:.88rem}.round-outcome .round-score-status{color:#f7d6ad;font-size:inherit;align-items:center;gap:6px;display:inline-flex}.round-earned{color:#ffdf98;align-items:center;gap:8px;font-weight:650;display:flex}.round-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;display:flex}.round-actions :is(button,a){min-height:44px;font:inherit;cursor:pointer;text-wrap:balance;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 19px;font-weight:650;display:inline-flex}.round-primary{color:#35241c;background:#ffd1a8}.round-primary:hover{background:#ffe2c7}.round-actions .round-secondary{color:#fff;background:#273043;border-color:#697287}.round-actions a.round-secondary:hover{background:#35425a;text-decoration:none}.round-actions .round-leave{color:#e0e1e7;background:0 0;padding-inline:8px}.round-secondary:hover,.round-leave:hover{filter:brightness(1.2)}.round-actions button:disabled{opacity:.55;cursor:wait}@media (max-width:700px) and (orientation:portrait){.round-art{height:55%}.round-art img{object-position:center}.round-art:after,[dir=rtl] .round-art:after{background:linear-gradient(0deg, var(--round-night), #151b2b00 86%);transform:none}.round-content{padding:max(29dvh, 110px) 22px max(26px, env(safe-area-inset-bottom));align-items:end}.round-copy{width:100%}.round-copy h1{font-size:clamp(32px,9vw,55px)}.round-screen[data-phase=result] .round-content{padding-block-start:max(18dvh,50px)}.round-stats{gap:12px;margin-block:14px 10px}}@media (max-height:480px) and (orientation:landscape){.round-content{padding:16px 5vw}.round-copy{width:min(650px,75%)}.round-copy h1{font-size:32px}.round-description,.round-instructions,.round-stats,.round-actions{margin-block:9px}}
