:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,sans-serif;background:#050a14;color:#f6fbff;--panel:#0b1726;--line:#284361;--muted:#aabbd0;--cyan:#50e5db;--blue:#62a7ff;--violet:#a98aff}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#050a14;color:#f6fbff}body{min-height:100svh;display:grid;place-items:center;padding:max(.7rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% -10%,#173858 0,#081423 45%,#050a14 78%)}
.game-shell{position:relative;width:min(100%,64rem);min-height:min(46rem,calc(100svh - 1.4rem));padding:clamp(.8rem,2vw,1.25rem);border:1px solid #2b486b;border-radius:1.25rem;background:linear-gradient(150deg,rgba(14,28,47,.98),rgba(5,12,22,.99));box-shadow:0 1.4rem 4rem rgba(0,0,0,.4);overflow:hidden}.shell-header,.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.shell-header h1{margin:.08rem 0 0;font-size:clamp(1.9rem,4.5vw,3rem);letter-spacing:-.045em}.eyebrow{margin:0;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.14em;color:#80ebff}.shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.round-chip,.score-chip,.profile-chip{display:inline-flex;align-items:center;min-height:40px;padding:.42rem .72rem;border:1px solid #365577;border-radius:999px;background:#0a2135;color:#def3ff;font-size:.82rem;font-weight:800}.profile-chip{border-color:#49669a;color:#d8d5ff;background:#171d3d}
button,select,input{font:inherit}button,select{min-height:48px;border:1px solid #486a91;border-radius:.78rem;padding:.62rem .86rem;background:#102740;color:#f6fbff}button{cursor:pointer;font-weight:780}button:hover{background:#173a5c}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8ee7ff;outline-offset:3px}.primary-action{border-color:#398ca9;background:linear-gradient(135deg,#167a91,#514eba);font-weight:880}.primary-action:hover{background:linear-gradient(135deg,#1b92ab,#655ed2)}
.intro-card{display:grid;grid-template-columns:minmax(14rem,23rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:center;margin-top:.8rem;padding:clamp(.9rem,2.7vw,1.8rem);border:1px solid var(--line);border-radius:1rem;background:rgba(6,17,31,.85)}.intro-card h2{margin:.25rem 0 .7rem;font-size:clamp(1.45rem,3.5vw,2.45rem);line-height:1.08}.intro-card ol{margin:.45rem 0;padding-left:1.2rem;color:#d7e2ef;line-height:1.52}.comfort-note{color:var(--muted);line-height:1.45}.guide-demo{position:relative;display:flex;align-items:center;justify-content:center;gap:4rem;height:11rem;border-radius:1rem;background:linear-gradient(#eef3f8 0 27%,#11233b 27% 100%);border:1px solid #3a536e}.guide-demo span{position:relative;margin-top:-5.2rem;width:.9rem;height:.9rem;border-radius:50%;background:#101010;box-shadow:0 0 0 2px #fff}.guide-demo i{position:absolute;bottom:1.2rem;font-style:normal;color:#9edff0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.play-panel{margin-top:.55rem}.stage-head{align-items:center}.stage-head h2{margin:.18rem 0 0;font-size:clamp(1.1rem,2.5vw,1.55rem)}.stereogram-frame{margin:.55rem auto 0;width:min(100%,45rem,calc((100svh - 20rem)*12/7));border:1px solid #36516d;border-radius:.9rem;background:#edf2f7;overflow:hidden;box-shadow:0 .8rem 2.2rem rgba(0,0,0,.28)}.stereogram-frame picture,.stereogram-frame img{display:block;width:100%}.stereogram-frame img{height:auto;aspect-ratio:12/7;object-fit:contain}.stereogram-frame figcaption{padding:.48rem .7rem;background:#0b1928;color:#b8cadb;text-align:center;font-size:.78rem;line-height:1.38}.round-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.5rem;width:min(100%,45rem);margin:.55rem auto 0}.result-panel{position:fixed;inset:0;width:min(calc(100% - 2rem),46rem);max-height:min(78svh,36rem);margin:auto;padding:0;border:1px solid #4f76a4;border-radius:1.15rem;background:linear-gradient(145deg,#0d2135,#10142b);color:#f6fbff;box-shadow:0 1.4rem 5rem rgba(0,0,0,.62),0 0 0 1px rgba(128,235,255,.08);overflow:hidden}.result-panel::backdrop{background:rgba(2,8,16,.42);backdrop-filter:blur(2px)}.result-body{display:grid;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);gap:.9rem;align-items:center;padding:.9rem;overflow:auto}.result-copy h3{margin:.22rem 0 .3rem;font-size:clamp(1.25rem,3vw,1.7rem)}.result-copy p:not(.eyebrow){margin:.3rem 0 0;color:#d1deeb;line-height:1.45}.result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.55rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid rgba(92,132,175,.55);background:linear-gradient(180deg,rgba(8,23,39,.86),rgba(5,16,29,.98));box-shadow:0 -.5rem 1.4rem rgba(0,0,0,.16)}.result-actions button{min-width:0;min-height:54px}.result-actions .primary-action{font-size:1rem}.reveal-frame{margin:0;border:1px solid #3d536d;border-radius:.8rem;overflow:hidden;background:#101820}.reveal-frame picture,.reveal-frame img{display:block;width:100%}.reveal-frame img{height:auto;aspect-ratio:12/7;object-fit:contain}.reveal-frame figcaption{padding:.4rem .55rem;color:#aebfd1;font-size:.7rem;line-height:1.35}
.settings-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,15rem);gap:.7rem;align-items:center;margin-top:.7rem;padding:.75rem;border:1px solid #315075;border-radius:.9rem;background:rgba(5,15,28,.94)}.toggle-row{display:contents}.toggle-row input{justify-self:end;width:1.3rem;height:1.3rem}.game-footer{display:flex;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin-top:.55rem;color:#8498ae;font-size:.72rem}.game-tip{position:absolute;left:50%;bottom:.8rem;z-index:5;display:flex;align-items:center;gap:.5rem;width:min(calc(100% - 1.6rem),34rem);padding:.7rem .85rem;border:1px solid #68d9ff;border-radius:999px;background:#08283a;color:#e8fbff;box-shadow:0 .8rem 2rem rgba(0,0,0,.35);opacity:0;transform:translate(-50%,.7rem);transition:opacity .2s ease,transform .2s ease;cursor:pointer}.game-tip.is-visible{opacity:1;transform:translate(-50%,0)}.game-tip.is-fading{opacity:0;transform:translate(-50%,.3rem)}
html[data-playing="true"] .game-footer{display:none}html[data-motion-profile="instant"] *,html[data-motion-profile="instant"] *::before,html[data-motion-profile="instant"] *::after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}
@media(max-width:46rem){body{place-items:start center}.game-shell{min-height:calc(100svh - 1.4rem)}.intro-card{grid-template-columns:1fr}.guide-demo{height:6.5rem}.intro-card h2{font-size:1.45rem}.result-panel{inset:auto .5rem max(.5rem,env(safe-area-inset-bottom)) .5rem;width:calc(100% - 1rem);max-height:min(58svh,28rem);margin:0 auto;border-radius:1.05rem}.result-panel::backdrop{background:rgba(2,8,16,.34);backdrop-filter:blur(1.5px)}.result-body{grid-template-columns:minmax(7.5rem,9rem) minmax(0,1fr);gap:.7rem;align-items:start;padding:.7rem}.result-copy h3{font-size:1.18rem;line-height:1.15}.result-copy p:not(.eyebrow){display:block;margin:.25rem 0 0;font-size:.86rem;line-height:1.35;overflow:visible}.reveal-frame{width:100%;justify-self:center}.reveal-frame figcaption{display:none}.result-actions{padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom))}.result-actions .primary-action{min-height:56px}.game-footer{display:none}.stereogram-frame{width:min(100%,28.75rem)}}
@media(max-width:25rem){.game-shell{padding:.65rem}.shell-header{align-items:center}.shell-header h1{font-size:1.62rem}.round-chip{display:none}.score-chip{min-height:36px}.stage-head{gap:.5rem}.profile-chip{font-size:.72rem}.round-actions{grid-template-columns:1.25fr 1fr 1fr}.round-actions .primary-action{grid-column:auto}.settings-panel{grid-template-columns:1fr}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row input{justify-self:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
html[data-presentation-surface="preview"],html[data-presentation-surface="preview"] body{height:100%;overflow:hidden}.utility-button{min-width:44px;white-space:nowrap}.help-button{padding-inline:.8rem}.tutorial-presentation-mount{min-width:0}.hidden-3d-presentation{width:100%;padding:.7rem;border:1px solid #315a76;border-radius:1rem;background:linear-gradient(155deg,#0b2537,#081526);box-shadow:0 .8rem 2rem rgba(0,0,0,.28);transition:transform .16s ease}.hidden-3d-presentation-header{display:flex;justify-content:space-between;gap:.6rem;align-items:end;margin-bottom:.5rem}.hidden-3d-presentation-header strong{font-size:.88rem;text-align:right}.hidden-3d-presentation-picture{position:relative;overflow:hidden;border:1px solid #345269;border-radius:.75rem;background:#eef3f8}.hidden-3d-presentation-image{display:block;width:100%;aspect-ratio:12/7;object-fit:contain;transition:filter .22s ease,transform .22s ease}.hidden-3d-presentation-badge{position:absolute;left:50%;bottom:.45rem;transform:translateX(-50%) scale(.96);padding:.28rem .5rem;border:1px solid rgba(80,229,219,.85);border-radius:999px;background:rgba(5,14,24,.9);color:#dcfffb;font-size:.66rem;font-weight:850;white-space:nowrap;transition:transform .2s ease}.hidden-3d-presentation.is-guides .hidden-3d-presentation-badge,.hidden-3d-presentation.is-depth .hidden-3d-presentation-badge{transform:translateX(-50%) scale(1.05)}.hidden-3d-presentation.is-depth .hidden-3d-presentation-image{filter:saturate(1.08) contrast(1.04);transform:scale(1.01)}.hidden-3d-presentation-answer{display:none;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.45rem;padding:.38rem .55rem;border:1px solid #3f735f;border-radius:.65rem;background:#0d2b25}.hidden-3d-presentation-answer strong{color:#c9ffe6}.hidden-3d-presentation.is-revealed .hidden-3d-presentation-answer{display:flex}.hidden-3d-presentation.is-revealed .hidden-3d-presentation-badge{display:none}.hidden-3d-presentation-caption{min-height:2.15em;margin:.5rem 0 0;color:#d8e6f0;font-size:.75rem;line-height:1.35;text-align:center}.hidden-3d-presentation[data-presentation-surface="preview"]{max-height:332px;padding:.5rem}.hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-header{margin-bottom:.3rem}.hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-picture{height:218px}.hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-image{height:100%;aspect-ratio:auto}.hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-caption{min-height:1.35em;margin-top:.3rem;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-answer{margin-top:.3rem;padding:.28rem .5rem}
html[data-webgames-display-mode="fullscreen"] body{place-items:stretch;padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}html[data-webgames-display-mode="fullscreen"] .game-shell{width:100%;max-width:none;min-height:calc(100svh - .7rem);border-radius:.9rem}
@media(max-width:46rem){.shell-header{display:grid;grid-template-columns:1fr;gap:.42rem}.shell-actions{justify-content:flex-start;flex-wrap:nowrap;gap:.35rem}.utility-button{padding:.52rem .68rem}.intro-card{gap:.55rem}.tutorial-presentation-mount{max-width:34rem;margin-inline:auto;width:100%}.hidden-3d-presentation{padding:.48rem}.hidden-3d-presentation-header{margin-bottom:.3rem}.hidden-3d-presentation-picture{max-height:185px}.hidden-3d-presentation-image{max-height:185px}.hidden-3d-presentation-caption{min-height:1.3em;margin-top:.3rem;font-size:.69rem}.hidden-3d-presentation-answer{margin-top:.3rem}.intro-card h2{margin:.2rem 0 .4rem}.intro-card ol{margin:.3rem 0;padding-left:1.1rem;font-size:.9rem;line-height:1.35}.comfort-note{margin:.35rem 0 .5rem;font-size:.88rem}.intro-card .primary-action{width:100%}}
@media(max-width:46rem) and (max-height:650px){.intro-card ol{display:none}.intro-card h2{font-size:1.15rem}.comfort-note{margin:.25rem 0 .4rem}.hidden-3d-presentation-picture,.hidden-3d-presentation-image{max-height:120px}.hidden-3d-presentation-header strong{font-size:.76rem}}
@media(max-width:25rem){.shell-actions{gap:.28rem}.utility-button{padding:.48rem .56rem}.help-button{padding-inline:.58rem}.score-chip{padding-inline:.55rem;font-size:.76rem}}
html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"]{position:relative;height:320px;max-height:none;padding:.4rem;overflow:hidden}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-header{position:absolute;z-index:2;top:.72rem;left:.72rem;right:.72rem;margin:0;padding:.28rem .48rem;border-radius:.55rem;background:rgba(4,16,27,.88);box-shadow:0 .2rem .8rem rgba(0,0,0,.2)}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-picture{height:100%;max-height:none;border-radius:.75rem;background:#edf2f7}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-image{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-badge{bottom:2.75rem;z-index:2}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-caption{position:absolute;z-index:2;left:.72rem;right:.72rem;bottom:.72rem;min-height:0;margin:0;padding:.28rem .5rem;border-radius:.5rem;background:rgba(4,16,27,.9);font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-presentation-surface="preview"] .hidden-3d-presentation[data-presentation-surface="preview"] .hidden-3d-presentation-answer{position:absolute;z-index:3;left:.72rem;right:.72rem;bottom:2.65rem;margin:0;background:rgba(9,45,37,.94)}