@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2) format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff) format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-latin-700-normal-D3Xxx3QE.woff2) format("woff2"),url(/assets/pixelify-sans-latin-700-normal-BctWAS0u.woff) format("woff")}:root{--deep: #0b2a4a;--sea: #134a7c;--orange: #ff6a10;--paper: #f3e7c9;--ink: #1d1410;--px: "Press Start 2P", ui-monospace, monospace;--body: "Pixelify Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html{background:var(--deep);color:#eaf4ff}body{font:19px/1.45 var(--body);background:linear-gradient(180deg,var(--deep),#071a30 70%)}a{color:inherit}button{font:inherit;cursor:pointer}.stage{position:relative;height:min(100svh,56.25vw + 80px);min-height:520px;overflow:hidden;background:#0e3f6e;user-select:none;-webkit-user-select:none;touch-action:manipulation}#reef{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair}.hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font:12px/1.6 var(--px);color:#fff;text-shadow:2px 2px 0 #06203a;background:linear-gradient(180deg,rgba(6,32,58,.75),transparent);pointer-events:none}.hud b{color:#ffd34d;font-weight:400}.hud .zero{color:var(--orange)}.title{position:absolute;left:clamp(16px,4vw,56px);bottom:clamp(18px,6vh,56px);pointer-events:none}.title h1{font:400 clamp(40px,7vw,96px)/1 var(--px);color:var(--orange);text-shadow:4px 4px 0 #06203a,0 0 0 #000;letter-spacing:.02em}.title p{margin-top:12px;font:400 clamp(12px,1.4vw,18px)/1.4 var(--px);color:#fff;text-shadow:2px 2px 0 #06203a}.hint{position:absolute;right:clamp(16px,4vw,56px);bottom:clamp(22px,6vh,60px);font:12px var(--px);color:#fff;background:#06203ab3;padding:10px 12px;border:3px solid #fff;box-shadow:4px 4px #06203a;pointer-events:none;animation:bob 1.2s steps(2) infinite}@keyframes bob{50%{transform:translateY(-3px)}}#toasts{position:absolute;inset:0;pointer-events:none}.toast{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:11px/1.5 var(--px);color:var(--ink);background:#fff;padding:8px 10px;border:3px solid var(--ink);box-shadow:3px 3px #00000059;animation:pop .18s steps(3) both}.toast:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;margin-left:-6px;background:#fff;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.toast.big{font-size:13px;background:#ffd34d}.toast.big:after{background:#ffd34d}.toast.out{animation:fade .3s steps(3) forwards}@keyframes pop{0%{transform:translate(-50%,-80%) scale(.6);opacity:0}}@keyframes fade{to{opacity:0;transform:translate(-50%,-130%)}}main{max-width:1100px;margin:0 auto;padding:70px 20px 30px}.poster-wrap{display:grid;place-items:center}.poster{width:min(560px,100%);background:var(--paper);color:var(--ink);padding:34px 32px 30px;border:4px solid var(--ink);box-shadow:10px 10px #00000059;transform:rotate(-1.2deg);position:relative}.poster:before{content:"";position:absolute;left:50%;top:-12px;width:18px;height:18px;margin-left:-9px;background:var(--orange);border:3px solid var(--ink)}.poster h2{font:400 clamp(34px,7vw,56px)/1 var(--px);text-align:center;letter-spacing:.06em;color:#b3261e}.photo{margin:22px auto 20px;width:70%;aspect-ratio:1;border:4px solid var(--ink);background:repeating-linear-gradient(45deg,#e6d6ad 0 10px,#ecdfbd 10px 20px);display:grid;place-items:center}.photo span{font:400 72px var(--px);color:#b9a77a}.poster dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:18px}.poster dt{font:10px/2 var(--px);text-transform:uppercase;color:#7a6440}.ca{margin-top:18px;display:flex;gap:8px;align-items:stretch}.ca code{flex:1;min-width:0;font:11px/1.6 var(--px);background:#fff;border:3px solid var(--ink);padding:8px;word-break:break-all}.ca button,.tabs a{font:11px var(--px);padding:10px 12px;background:var(--orange);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;text-shadow:1px 1px 0 var(--ink)}.ca button:active,.tabs a:active{transform:translate(3px,3px);box-shadow:none}.tabs{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.tabs a{flex:1;text-align:center}.tabs a:nth-child(2){background:#2a7de1}.tabs a:nth-child(3){background:#1d1410}.case{max-width:640px;margin:80px auto 0}.case h2{font:400 22px/1.4 var(--px);color:#ffd34d;margin-bottom:18px}.case p+p{margin-top:.7em}.case b{color:var(--orange)}.op{margin:70px auto 0;max-width:1100px}.op img{display:block;width:100%;image-rendering:pixelated;border:4px solid #06203a;box-shadow:8px 8px #00000059}.op figcaption{margin-top:12px;font:11px var(--px);color:#9cc2e6}.foot{padding:60px 20px 50px;text-align:center;font:10px var(--px);color:#6a8fb4}@media(max-width:700px){.stage{height:78svh;min-height:480px}.hud{font-size:9px;padding:10px 12px;flex-direction:column;gap:2px}.hint{bottom:auto;top:64px;right:12px;font-size:9px}.title{left:14px;bottom:16px}.toast{font-size:9px}.poster{padding:26px 18px 22px}.poster dl{grid-template-columns:1fr;gap:0}.poster dd{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.hint{animation:none}}