:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#268ee2;--navy:#143b78;--sky:#84d8ff;--ink:#173d72;--line:#ffffffb3}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 20% 14%,#ffffffe6 0 4%,#0000 15%),radial-gradient(circle at 82% 72%,#ffffff8c 0 7%,#0000 23%),linear-gradient(160deg,#78d6ff 0%,#319ee9 52%,#1d63b9 100%);margin:0;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body:before{z-index:-1;content:"";opacity:.2;background-image:linear-gradient(118deg,#ffffffa6 1px,#0000 1px),linear-gradient(28deg,#ffffff73 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}button,a{font:inherit}.site-header{z-index:3;min-height:3.8rem;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .65rem max(1rem, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#1666b46b,#1666b414);position:relative}nav{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;display:flex}.wordmark,.sound-toggle{pointer-events:auto}.wordmark{color:#fff;letter-spacing:.18em;text-shadow:0 2px #0c397a3b;font-size:.78rem;font-weight:900;text-decoration:none}.wordmark span{color:#ffe065;margin-left:.4rem;font-size:.66rem}.header-controls{align-items:center;gap:.5rem;display:flex}.sound-toggle{color:#1c5a9c;letter-spacing:.07em;cursor:pointer;background:#ffffffdb;border:2px solid #ffffffbf;border-radius:.7rem;padding:.46rem .72rem;font-size:.6rem;font-weight:900;box-shadow:0 3px #13559733}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:#fff;outline:none;transform:translateY(-1px)}.sound-toggle[aria-pressed=true]{color:#0c8c66;background:#eafff6}main{min-height:calc(100svh - 3.8rem);padding:.75rem 0 max(1.4rem, env(safe-area-inset-bottom));place-items:center;display:grid}h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-frame{aspect-ratio:3/4;touch-action:none;background:#1a79cf;border:5px solid #ffffffeb;border-radius:clamp(.7rem,1.5vw,1.4rem);width:min(100vw,75svh - 4.05rem,680px);position:relative;overflow:hidden;box-shadow:0 1.3rem #144d8d33,0 2rem 5rem #052d6859,inset 0 0 0 2px #1f87d559}.game-frame:after{content:"";pointer-events:none;border:1px solid #ffffff57;border-radius:calc(clamp(.7rem,1.5vw,1.4rem) - .35rem);position:absolute;inset:8px}canvas{cursor:crosshair;width:100%;height:100%;display:block}.controls-note{color:#ffffffc7;letter-spacing:.08em;text-shadow:0 1px 1px #0d3d7a59;margin:0;font-size:.55rem;font-weight:800;position:fixed;bottom:.7rem;right:1rem}.controls-note span{color:#fff6b7;margin-left:.8rem}.controls-note>span:first-child{color:#ffffffc7;margin-left:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.game-frame{border-width:3px 0;border-left-style:none;border-left-color:currentColor;border-right-style:none;border-right-color:currentColor;border-radius:.7rem;width:min(100vw,75svh)}.controls-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}