@font-face{font-family:VT323;src:url('/assets/VT323-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{background:#050b14;color:#c6d0df;font-family:VT323,monospace}body{margin:0}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #41d8ee;outline-offset:4px}a{color:#55d8e7}button{color:#d5dbe9;background:#0b1422;border:1px solid #354256;letter-spacing:2px}button:hover{border-color:#ff4e91;color:white}button:disabled{opacity:.6}[hidden]{display:none!important}.game{position:relative;min-height:900px;height:100svh;overflow:hidden;background:#030a14}.game canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.game::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#05091133 3px,#05091133 4px);box-shadow:inset 0 0 160px #0008}.game>*:not(canvas){position:relative;z-index:3}.sound{position:absolute!important;left:12px;top:84px;width:40px;height:42px;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);font-size:21px;border:0}.idle{padding-top:38px;text-align:center;height:100%}.brand-title{position:relative;display:flex;justify-content:center;align-items:center;margin:0;color:#d1c9d8;font-size:112px;line-height:1;letter-spacing:5px;font-weight:400}.brand-title img{width:52px;height:52px;position:absolute;left:calc(50% - 320px);top:30px}.brand-title .word{color:#0b1624;-webkit-text-stroke:1px #33a9c1;text-shadow:-4px 4px #f74e8b,3px -3px #28708c}.brand-title .theme{display:block;position:absolute;font-size:27px;letter-spacing:10px;top:134px;left:0;right:0;text-transform:uppercase;color:#2b86a8;background:#040b1466;margin:auto;width:max-content;padding:6px 12px;-webkit-text-stroke:0;text-shadow:none}.tagline{position:absolute!important;top:218px;left:0;right:0;margin:0 auto;font-size:19px;letter-spacing:3px;color:#2e7893;background:#030b13b0;width:max-content;padding:5px 10px}.idle-controls{position:absolute;top:58.1%;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 32px));text-align:left}.idle-controls details{margin-bottom:12px;width:fit-content;max-width:100%;font-size:14px;letter-spacing:1.4px;background:#050a12dc;border:1px solid #344050;padding:13px}.idle-controls details[open]{position:relative;z-index:8;box-shadow:0 0 35px #000}.idle-controls summary{cursor:pointer;font-weight:bold}.idle-controls details p{max-width:550px;line-height:1.5;color:#a6b6ca;letter-spacing:.5px}.start{display:block;width:100%;height:70px;border:0;clip-path:polygon(2% 0,98% 0,100% 15%,100% 85%,98% 100%,2% 100%,0 85%,0 15%);background:#101724;font-size:28px;letter-spacing:4px}.pack-note{text-align:center;font-size:13px;letter-spacing:1.5px;color:#8090ac}.identity{text-align:center;letter-spacing:.5px;font-size:14px;color:#8fa2b6}.identity a{color:#a3b6c7}.hud{position:absolute!important;top:8px;left:50%;transform:translateX(-50%);width:700px;display:flex;align-items:flex-start;justify-content:space-between;text-align:center}.stat{background:#0e1a2d;padding:7px 13px;width:86px;text-align:left;clip-path:polygon(10% 0,90% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%,0 20%)}.stat small{display:block;letter-spacing:3px;font-size:11px;color:#8b9bb1}.stat b{color:#ffce41;font-size:23px;font-weight:400}.stat.score b{color:#ff5592}.round-progress{padding:9px}.pips{display:flex;gap:6px;justify-content:center}.pips i{width:11px;height:11px;background:#1b3048;box-shadow:inset 0 0 2px #000}.pips i.done{background:#ffe36f}.pips i.current{background:#ff5491;box-shadow:0 0 8px #ff397976}.round-progress small{display:block;margin-top:8px;font-size:11px;letter-spacing:2px}.compact-brand{position:absolute!important;top:68px;left:50%;transform:translateX(-50%);text-decoration:none;display:flex;gap:6px;align-items:center;font-size:14px;letter-spacing:2px;color:#74899e}.compact-brand img{width:19px;height:19px}.question{position:absolute!important;top:17.4%;left:50%;transform:translateX(-50%);width:480px;background:linear-gradient(#111a26f5,#111923ec);padding:24px;clip-path:polygon(2% 0,98% 0,100% 4%,100% 96%,98% 100%,2% 100%,0 96%,0 4%)}.question-number{font-size:13px;letter-spacing:3px;color:#f071a4}.question h2{font-size:34px;font-weight:400;line-height:1.2;margin:14px 0 12px;color:#dce1eb}.question p{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:#8e9fb4;line-height:1.5;margin:0}.answer-form{position:absolute!important;bottom:18px;left:50%;transform:translateX(-50%);width:600px;display:flex;align-items:center;gap:8px}.answer-form label{flex:1;min-width:0}.answer-form label>span{position:absolute;width:1px;height:1px;overflow:hidden}.answer-form input{height:56px;width:100%;background:#0b1424f5;border:1px dashed #6b7b94;color:white;padding:14px 18px;font-size:23px;letter-spacing:1px;border-radius:0;outline-offset:2px}.answer-form input::placeholder{color:#8293ac}.timer{font-size:24px;color:#ffd243;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px;border:2px solid #637387;border-radius:50%;background:#06101b}.shoot{height:56px;min-width:86px;background:#ae3c6e;color:#050b16;font-size:23px;border:0;clip-path:polygon(12% 0,88% 0,100% 20%,100% 80%,88% 100%,12% 100%,0 80%,0 20%)}.error,.pre-read{position:absolute;bottom:66px;margin:0;text-align:center;left:0;right:0;font-size:17px;letter-spacing:1px;color:#ffd474;background:#040b16d9;padding:9px 12px}.error:empty{display:none}.feedback{position:absolute!important;left:50%;top:26%;transform:translateX(-50%);text-align:center;width:480px}.tier-symbol{display:block;font-size:66px;line-height:1;height:79px;color:#f6488d;text-shadow:0 0 15px #ee266785}.feedback h2{font-size:39px;font-weight:400;letter-spacing:5px;margin:5px 0 18px;color:#ff4d8d}.feedback[data-tier=KRILLION] h2,.feedback[data-tier=KRILLION] .tier-symbol{color:#ffe465;text-shadow:0 0 20px #ffbc4c}.feedback[data-tier=MISS] h2,.feedback[data-tier=MISS] .tier-symbol{color:#9bc0d0}.accepted-answer{font-size:22px;letter-spacing:1px;margin:12px 0 17px;color:#d9deea}.points{font-size:22px;margin:0;color:#dce2ee;letter-spacing:1px}.feedback-line{font-size:14px;letter-spacing:1px;color:#93a3b9;margin-top:18px}.next{position:absolute!important;bottom:17px;left:50%;transform:translateX(-50%);background:#050b14cf;height:56px;min-width:192px;padding:10px 24px;font-size:22px;border-left:2px solid #c5d0df;border-right:2px solid #c5d0df;border-top:2px solid #c5d0df;border-bottom:2px solid #c5d0df}.game[data-phase=summary]{height:auto;min-height:100svh;background:linear-gradient(#173444,#03101e 700px,#020911)}.game[data-phase=summary] canvas{display:none}.summary{max-width:860px;margin:0 auto;padding:130px 0 60px}.summary-brand{display:flex;align-items:center;gap:12px;font-size:34px;color:#d3d9e7;text-decoration:none;margin-bottom:80px}.summary-brand img{width:42px}.result-panel{padding:40px;background:#061221db;clip-path:polygon(1% 0,99% 0,100% 1%,100% 99%,99% 100%,1% 100%,0 99%,0 1%)}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#8c9eb3}.result-panel h2{font-weight:400;font-size:29px;color:#cbdce8}.result-numbers{display:flex;gap:24px;justify-content:space-between;align-items:center;margin:45px 0 35px}.result-numbers>div{flex:1}.result-numbers strong{font-weight:400;color:#51d8e5;font-size:42px}.result-numbers .total-score{font-size:64px;color:#cfdbe8}.result-numbers small{color:#8397ac;font-size:24px}.distance{border-left:1px solid #f44990;padding-left:22px}.distance p{margin:10px 0}.result-chart{margin:28px 0}.round-bars{display:flex;gap:14px;height:130px;padding-top:20px;border-bottom:1px solid #2c4459;align-items:flex-end}.round-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.round-bars i{display:block;width:20px;background:linear-gradient(#ff558e,#214d71)}.round-bars small{position:absolute;bottom:-22px}.round-bars span{color:#829ab3}.result-log{list-style:none;padding:0}.result-log li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #22354b}.result-log li>div{flex:1}.result-log p{margin:5px 0;font-size:17px;color:#8c9fb2}.result-log strong{font-size:23px;color:#dce4ee;font-weight:400}.result-log small{color:#7092ad;font-size:15px}.result-log b{color:#ffcb59;font-weight:400;font-size:24px}.log-number{color:#4e718b;padding-top:3px}.tier-counts{list-style:none;margin:0;padding:0}.tier-counts li{display:flex;gap:15px;border-bottom:1px solid #183147;padding:8px 0;font-size:17px}.tier-counts li>span:first-child{flex:1}.tier-counts b{font-weight:400;color:#efcd69}.result-actions{display:flex;gap:12px;margin-top:28px}.result-actions button{font-size:20px;padding:14px 22px}.result-actions button:first-child{flex:1;background:#c84878;color:#061120}.copy-fallback{width:100%;min-height:140px;background:#061525;color:#ddd;border:1px solid #386176}.site-copy,.doc{max-width:850px;padding:48px 24px;margin:auto;line-height:1.55;font-family:system-ui,sans-serif;font-size:16px;color:#aebcce}.site-copy h2,.doc h1,.doc h2,.doc h3{font-family:VT323,monospace;font-weight:400;color:#e0e8ef;line-height:1.2}.site-copy h2,.doc h2{font-size:33px}.doc h1{font-size:48px}.site-copy details{border-top:1px solid #203347;padding:15px 0}.site-copy summary{cursor:pointer;color:#d5e3ee;font-weight:600}.doc-header{padding:20px 24px;border-bottom:1px solid #1e3548;display:flex;max-width:1000px;margin:auto;justify-content:space-between;align-items:center}.doc-header a{font-size:23px;text-decoration:none}.doc-header img{width:32px;vertical-align:middle;margin-right:10px}.doc table{border-collapse:collapse;width:100%;font-size:14px}.doc td,.doc th{border:1px solid #274356;padding:9px;text-align:left}.doc pre{white-space:pre-wrap}.footer{max-width:1000px;padding:30px 24px 40px;margin:auto;font-family:system-ui,sans-serif;font-size:13px;color:#6f849d}.footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:20px}.footer a{color:#b0c2d4;text-decoration:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:800px) and (min-width:601px){.game{min-height:700px}.idle-controls{top:57%}.question{top:14%}.feedback{top:21%}}@media(max-width:600px){.game{height:100svh;min-height:680px}.idle{padding-top:125px}.brand-title{font-size:57px;letter-spacing:1px}.brand-title img{width:30px;height:30px;left:calc(50% - 160px);top:-47px}.brand-title .theme{font-size:20px;letter-spacing:7px;top:73px}.tagline{top:244px;font-size:14px;letter-spacing:1.5px}.sound{top:70px;left:12px;width:38px}.idle-controls{top:50.5%;width:calc(100% - 32px)}.idle-controls details{font-size:12px;padding:12px;margin-bottom:12px}.start{height:60px;font-size:22px;margin-top:18px;letter-spacing:3px}.pack-note{font-size:11px;line-height:1.6}.identity{font-size:12px;line-height:1.5}.hud{width:calc(100% - 24px);top:9px}.stat{width:69px;padding:6px 10px}.stat small{font-size:9px;letter-spacing:2px}.stat b{font-size:21px}.pips{gap:4px}.pips i{width:9px;height:9px}.round-progress small{font-size:10px;letter-spacing:1px}.compact-brand{top:64px;font-size:12px;letter-spacing:1px}.compact-brand img{width:16px;height:16px}.question{top:124px;width:calc(100% - 32px);padding:19px 20px}.question h2{font-size:28px;line-height:1.16;margin-top:12px}.question p{font-size:12px;letter-spacing:1px}.question-number{font-size:11px;letter-spacing:2px}.answer-form{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 24px);gap:6px}.timer{min-width:42px;height:42px;font-size:22px}.answer-form input{height:52px;font-size:20px;padding:10px 12px}.shoot{min-width:65px;height:52px;font-size:20px}.error,.pre-read{bottom:61px;font-size:14px;padding:8px}.feedback{top:24%;width:calc(100% - 32px)}.tier-symbol{font-size:58px;height:76px}.feedback h2{font-size:36px;letter-spacing:4px}.feedback-line{font-size:13px}.next{bottom:14px;font-size:20px;height:52px}.summary{padding:115px 16px 30px}.summary-brand{font-size:25px;margin-bottom:50px;gap:8px}.summary-brand img{width:30px}.result-panel{padding:22px 20px}.result-numbers{display:block;margin:38px 0}.result-numbers .total-score{font-size:44px}.distance{margin-top:35px;padding:14px 16px}.result-numbers strong{font-size:33px}.result-log li{gap:10px}.result-log p{font-size:14px}.result-log small{font-size:13px}.result-log strong{font-size:21px}.tier-counts li{font-size:15px}.result-actions button{padding:12px 14px;font-size:18px}.doc-header a{font-size:18px}.doc-header img{width:26px}.doc{padding:30px 20px}.doc table{font-size:12px}.doc td,.doc th{padding:6px}.round-bars{gap:7px}.round-bars i{width:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:600px) and (max-height:600px){.game{min-height:100svh}.question{top:92px;padding:13px 16px}.question h2{font-size:23px;margin:8px 0}.question p{font-size:10px}.feedback{top:21%}.tier-symbol{font-size:42px;height:48px}.feedback h2{font-size:27px;margin-bottom:10px}.feedback-line{margin-top:10px}.answer-form{position:fixed!important;bottom:12px}.game[data-phase=idle]{min-height:680px}}
.brand-title .word{text-transform:uppercase}.table-wrap{overflow-x:auto;max-width:100%}.doc details{border-top:1px solid #20374b;padding:14px 0}.doc details summary{color:#d4e3ee;cursor:pointer} @media(min-width:601px){.idle{padding-top:80px}.brand-title{font-size:120px}.brand-title .theme{top:134px}.tagline{top:267px}.idle-controls details{font-weight:400}.idle-controls summary{font-weight:400}.start{margin-top:18px}}
.tier-symbol svg{width:66px;height:79px;filter:drop-shadow(0 0 7px #e5525970)}.feedback[data-tier='TOO CLEVER'] h2{color:#efa245}.feedback[data-tier='SCHOOLER'] h2{color:#61c5cc}.feedback[data-tier='DEEP CUT'] h2{color:#a07be3}.feedback[data-tier='PLANKTON'] h2{color:#80bfd2}
@media(max-width:600px){.idle{padding-top:103px}.brand-title{font-size:67px}.brand-title .theme{top:74px}.tagline{top:223px}.brand-title img{left:auto;right:24px;top:-53px}.idle-controls summary{font-weight:400;font-size:13px;letter-spacing:1.7px}}
body.playing{overflow:hidden}.game[data-phase=preview],.game[data-phase=answering],.game[data-phase=resolving],.game[data-phase=feedback]{position:fixed;inset:0;min-height:0;height:100svh;z-index:4}
@media(min-width:601px){.answer-form{bottom:90px}}
.feedback[data-tier=KRILLION] .tier-symbol svg{width:130px;height:130px;position:relative;top:-20px}
