@font-face{font-family:VT323;src:url('/fonts/VT323-Regular.ttf') format('truetype');font-display:swap}
.practice-page{color-scheme:dark;--text:#f2eee0;--cyan:#75dce3;--pink:#f2a7b9;--muted:#90a6b2;--depth-ratio:0}
*{box-sizing:border-box}.practice-page{margin:0;min-height:100svh;color:var(--text);background:#060e18;font:15px/1.6 system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:5px}[hidden]{display:none!important}
.sea{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(#83b5c9 0,#78a4b9 18%,#365d72 30%,#102438 42%,#081424 68%,#040912 100%);filter:brightness(calc(1 - var(--depth-ratio)*.35));transition:filter 1s;z-index:0}.sea:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#06111a14 3px 4px)}.sun{position:absolute;width:54px;height:54px;background:#e8e9cf;top:6%;right:19%;box-shadow:0 0 60px #e8e9cf66}.cloud{position:absolute;top:11%;width:80px;height:14px;background:#d7e0d5;box-shadow:20px -14px #d7e0d5,40px -14px #d7e0d5,30px -28px #d7e0d5,70px 0 #d7e0d5;opacity:.48}.cloud-one{left:8%}.cloud-two{right:10%;top:19%;transform:scale(.6)}.waterline{position:absolute;top:32%;left:-2%;width:104%;height:8px;background:#acd8d644;box-shadow:0 6px #142b3a,0 12px #142b3a77}.boat{position:absolute;top:calc(32% - 22px);left:15%;width:64px;height:16px;background:#142234;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.boat i{display:none}.bubbles{position:absolute;inset:40% 0 0;background:radial-gradient(circle at 15% 20%,#75dce344 0 2px,transparent 3px),radial-gradient(circle at 85% 34%,#75dce333 0 3px,transparent 4px),radial-gradient(circle at 20% 82%,#75dce322 0 2px,transparent 3px),radial-gradient(circle at 88% 76%,#75dce344 0 1px,transparent 2px)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 34px}.wordmark{font:26px VT323,monospace;letter-spacing:2px;color:#172d40}.wordmark span{color:#f5eee0}.preview-badge{font:12px/1 VT323,monospace;letter-spacing:2px;color:#163448;display:flex;gap:8px;align-items:center}.preview-badge i{width:5px;height:5px;background:#f6dca9}
.practice-main{width:min(620px,calc(100% - 40px));margin:0 auto}.game-title{text-align:center;padding:0 0 18px}.overline{font-size:9px;letter-spacing:3px;color:#203e51;margin:0 0 9px}h1{font:86px/.9 VT323,monospace;letter-spacing:8px;color:var(--pink);text-shadow:3px 2px #29495f,-2px -1px #d1e3d6;margin:0}.subtitle{font:18px VT323,monospace;letter-spacing:5px;margin:17px 0 0;color:#c6e6e6}
.scoreboard{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px;padding:15px 25px;background:#091522d9;border:1px solid #a2d3d43b;box-shadow:0 8px 30px #06101a22}.scoreboard>div:first-child,.scoreboard>div:last-child{min-width:95px}.scoreboard>div:last-child{text-align:right}.scoreboard>div:nth-child(2){text-align:center}.scoreboard span{font-size:9px;letter-spacing:2px;color:var(--muted)}.scoreboard strong{display:block;font:34px/1.1 VT323,monospace;color:var(--cyan)}.scoreboard strong span{font:18px VT323,monospace;color:var(--cyan)}#zone{color:var(--pink);font-size:9px}.depth-dots{display:flex;gap:5px;justify-content:center;margin-top:12px}.depth-dots i{width:5px;height:5px;border:1px solid #40616f}.depth-dots i.done{background:var(--cyan);border-color:var(--cyan)}
.panel{padding:30px 35px;background:#091321ed;border:1px solid #72c5d544;box-shadow:0 15px 45px #0004}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan)}h2{font:42px/1.06 VT323,monospace;font-weight:400;margin:18px 0}h2 em{font-style:normal;color:var(--cyan)}.intro-copy{font-size:13px;color:#acbec7;line-height:1.8}.rules{display:flex;gap:14px;justify-content:space-between;margin:20px 0;color:var(--muted);font-size:8px;letter-spacing:1px}.rules b{display:block;font:27px VT323,monospace;color:var(--text);letter-spacing:0}.primary{width:100%;border:1px solid var(--cyan);background:#142b3a;color:var(--text);padding:15px 18px;font:21px/1.1 VT323,monospace;letter-spacing:2px;box-shadow:inset 0 0 0 3px #0d1b2a;transition:background .15s,transform .15s}.primary:hover{background:#214251}.primary:active{transform:translateY(1px)}.subtle{font-size:10px;line-height:1.6;color:#8399a7;text-align:center;margin:15px 0 0}.round-header{display:flex;justify-content:space-between;align-items:center}.timer{font:32px/1 VT323,monospace;color:var(--cyan);font-variant-numeric:tabular-nums}.timer small{font-size:13px;color:var(--muted)}.timer.urgent{color:#ffb29b}.time-track{height:2px;margin:14px 0 25px;background:#203846}.time-track div{height:100%;background:var(--cyan);width:100%;transition:width .2s linear}#question{min-height:88px;font-size:36px;margin:0 0 15px}.source{color:#748c9b;font-size:9px;letter-spacing:1px;margin:0 0 22px}form{display:grid;grid-template-columns:1fr 112px;gap:10px}input{width:100%;min-width:0;background:#06111e;color:var(--text);padding:14px 15px;border:1px solid #375362;border-radius:0;font-size:16px}input::placeholder{color:#6d8595}form .primary{padding:12px 8px;font-size:20px;letter-spacing:1px}.feedback{padding:22px 0 3px}.tier{display:block;color:var(--pink);font:22px VT323,monospace;letter-spacing:2px}.feedback strong{font:40px/1.3 VT323,monospace;color:var(--cyan)}.feedback p{font-size:12px;color:#afc0c8;margin:6px 0;overflow-wrap:anywhere}.feedback.miss .tier{color:#b6bfca}.feedback.miss strong{color:#c3c9cc}.round-actions{margin-top:22px;min-height:30px}.quiet{border:0;padding:4px 0;color:#96acba;background:none;font-size:11px}.quiet:hover{color:var(--cyan)}.error{color:#ffc2b6;font-size:12px;margin:15px 0 0}.finish-depth{font:53px VT323,monospace;color:var(--cyan);margin:10px 0}.results-wrap{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:400}td,th{padding:10px 0;border-bottom:1px solid #253644}td:first-child{max-width:220px;overflow-wrap:anywhere;padding-right:15px}td:nth-child(2){color:#9dc5cc;padding-right:12px}td:last-child,th:last-child{text-align:right;color:var(--cyan);font-variant-numeric:tabular-nums}
.practice-disclaimer{text-align:center;padding:27px 0 25px}.footer-mark{font-size:8px;letter-spacing:2.5px;color:#a2b7c1}.practice-disclaimer p{font-size:10px;line-height:1.8;color:#778c9d;margin:10px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.depth-gauge{position:fixed;right:max(30px,calc((100vw - 980px)/2));top:38%;bottom:13%;display:flex;align-items:center;flex-direction:column;font:11px VT323,monospace;color:#7897a6;letter-spacing:1px}.depth-line{width:1px;flex:1;margin:15px 0;background:#426272;position:relative}.depth-line b{position:absolute;width:7px;height:1px;background:#426272;left:-3px;top:25%}.depth-line b:nth-of-type(2){top:50%}.depth-line b:nth-of-type(3){top:75%}#depth-marker{position:absolute;left:-5px;top:calc(var(--depth-ratio)*100%);width:11px;height:11px;background:var(--pink);box-shadow:0 0 14px #f2a7b944;transition:top .8s}
@media(max-width:850px){.depth-gauge{display:none}}@media(max-width:480px){.topbar{padding:18px 20px}.practice-main{width:calc(100% - 32px)}.game-title{padding:16px 0 23px}h1{font-size:65px;letter-spacing:5px}.overline{font-size:8px;letter-spacing:2px}.subtitle{font-size:15px;letter-spacing:3px}.scoreboard{padding:13px 17px;margin-bottom:15px}.scoreboard strong{font-size:29px}.scoreboard>div:first-child,.scoreboard>div:last-child{min-width:80px}.panel{padding:25px 22px}h2{font-size:37px}#question{font-size:32px;min-height:100px}.rules{gap:8px;font-size:7px}form{grid-template-columns:1fr 88px;gap:8px}form .primary{font-size:18px}input{padding:13px 11px}.cloud-one{left:-15%}.sun{right:8%;top:12%}.boat{left:7%}td:nth-child(2){font-size:10px}.primary{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.practice-page .site-header,.practice-page main,.practice-page .site-footer{position:relative;z-index:1}.practice-page main{max-width:none;padding:0 0 28px}.practice-page .site-header{border-color:#8fbdc044;padding-top:18px;padding-bottom:18px}.practice-page .site-header nav a{color:#d8ecef}.practice-page .site-header .brand{color:#f2eee0}.practice-page .breadcrumbs{max-width:620px;margin:14px auto 10px;color:#d8ecef}.practice-page .site-footer{display:none}.practice-page .theme-toggle{display:none}.practice-page .game-title{padding-top:6px}.practice-page .depth-gauge{z-index:1}.correction{margin:18px 0 0;padding:14px 16px;border:1px solid #8bbec888;background:#102936}.correction span{font:16px VT323,monospace;color:var(--cyan);letter-spacing:1px}.correction p{overflow-wrap:anywhere;margin:5px 0;color:var(--text);font-size:13px}.correction small{font-size:10px;color:#a8c4ce}.practice-page .error{padding:12px 0;color:#ffd1b5}.practice-page .game-title .overline{color:#d8ecef}.practice-page .site-header .official-link{color:#d8ecef}.practice-page .subtle{overflow-wrap:anywhere}@media(max-width:600px){.practice-page .breadcrumbs{margin:12px 20px}.practice-page .site-header{padding:15px 18px}.practice-page .game-title{padding-top:10px}.practice-page .site-header nav{gap:12px}}
/* The scene lives inside the page's main stacking context. */
.practice-page .sea{z-index:-1}.practice-page .site-header{z-index:2}.practice-page .game-title{padding:0 0 14px}.practice-page .game-title h1{font-size:72px}.practice-page .game-title .subtitle{margin-top:12px}.practice-page .panel{padding:24px 30px}.practice-page .panel h2{margin:14px 0}.practice-page .rules{margin:16px 0}
@media(max-width:480px){.practice-page .panel{padding:22px}.practice-page .game-title h1{font-size:62px}}