*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b2a;color:#f8fcff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff25;background:#14253bc9;border-radius:12px;touch-action:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid #a5ffe0;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}#game{width:100%;height:100dvh;position:relative;isolation:isolate}#world{display:block;width:100%;height:100%;touch-action:none}.top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 30px;background:linear-gradient(#081629dc,transparent);pointer-events:none}.brand{color:white;text-decoration:none;font-size:22px;letter-spacing:-1px;font-weight:900;pointer-events:auto}.brand span{color:#a5ffde}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:#aec4d4;font-weight:600}.stats{display:flex;gap:33px;text-align:center}.stats small{display:block;font-size:10px;letter-spacing:2px;color:#c1d1e1}.stats b{display:block;font-size:34px;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-1px}.timer b{color:#a5ffde}.timer.urgent b{color:#ffb078}.tools{display:flex;gap:8px;pointer-events:auto}.tools button{height:38px;padding:0 12px;font-size:12px}.phase{position:absolute;top:112px;left:30px;width:190px;font-size:11px;font-weight:700;letter-spacing:1px;color:#e7f3ff;text-shadow:0 1px 8px #000}#phase-line{height:3px;background:#ffffff20;margin-top:9px;overflow:hidden}#phase-line i{display:block;height:100%;width:0;background:#afffdf}.map{position:absolute;top:110px;right:30px;background:#0a1e2de6;border:1px solid #a7d1e844;border-radius:18px;padding:8px}.map canvas{display:block;width:130px;height:130px}.map small{display:block;font-size:8px;letter-spacing:.4px;text-align:center;color:#b2c9d7}.combo{position:absolute;left:30px;top:170px;display:flex;flex-direction:column;width:150px;text-shadow:0 2px 6px #112}.combo>b{font-size:49px;letter-spacing:-2px;color:#ffdf89;line-height:1.1}.combo>span{font-size:10px;letter-spacing:1px;margin:4px 0 10px}.combo>div{height:4px;background:#ffffff20;border-radius:5px;overflow:hidden}#combo-fill{display:block;width:0;background:#ffe28d;height:100%}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:20px;font-weight:800;text-align:center;max-width:70%;padding:10px 19px;border-radius:14px;background:#0f243cbb;opacity:0;transition:opacity .2s;pointer-events:none;text-shadow:0 2px 5px #0003}#toast.show{opacity:1}#pickup-hint{position:absolute;left:50%;top:58%;transform:translateX(-50%);background:#adffdf;color:#12283b;padding:9px 16px;font-size:12px;font-weight:900;border-radius:30px;display:none;pointer-events:none}.bottom{position:absolute;bottom:20px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.chaos{padding:15px 18px;width:345px;background:#0c1b30d9;border:1px solid #93afce30;border-radius:16px}.chaos>div:first-child{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.chaos b{font-size:10px;color:#b8ffdf}.chaos small{display:block;font-size:10px;color:#a8bfce;margin-top:8px;line-height:1.5}#chaos-meter{height:7px;background:#314159;border-radius:20px;overflow:hidden;margin-top:10px}#chaos-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#9affd1,#83c6ff,#c490ff,#ff8d9e)}.keyboard{font-size:11px;background:#0c1b30bd;border-radius:10px;padding:10px 14px;color:#c9dce6;line-height:1.8}.keyboard span{padding:0 5px}kbd{font:inherit;font-weight:800;color:white}.touch{position:absolute;bottom:115px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.pad{width:146px;height:106px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,50px);gap:4px}.pad button{font-size:24px;pointer-events:auto;background:#0f253ac2}.pad .up{grid-column:2;grid-row:1}.pad .left{grid-column:1;grid-row:2}.pad .down{grid-column:2;grid-row:2}.pad .right{grid-column:3;grid-row:2}.held,.pad button:active{background:#548e85!important}.actions{display:flex;gap:10px;pointer-events:auto}.actions button{width:83px;height:68px;font-size:12px;font-weight:800;background:#182a44e6}.actions small{display:block;font-size:9px;opacity:.6;margin-top:4px}#sniff{background:#b0ffda;color:#152c38;border:0}#overlay{position:absolute;inset:0;display:flex;align-items:center;padding:40px 8%;background:linear-gradient(90deg,#09152ce8 0%,#09152ccc 35%,#09152c28 100%);overflow-y:auto}.start-card{max-width:560px}.eyebrow{font-size:11px;letter-spacing:2px;color:#bbd8db;font-weight:700}h1{font-size:clamp(46px,7vw,94px);letter-spacing:-5px;line-height:.9;margin:20px 0 22px;font-weight:950}h1 span{color:#a8ffde}.start-card>p{font-size:19px;line-height:1.6;color:#d0dce8;margin:0 0 20px}.rules{display:grid;gap:12px;margin:0 0 25px}.rules>div{display:flex;gap:13px;font-size:14px;align-items:center}.rules b{font-size:10px;border:1px solid #aaffdf45;color:#baffdf;border-radius:7px;padding:6px}.primary{background:#afffdc;color:#102435;border:0;font-weight:800;font-size:17px;padding:17px 35px;border-radius:12px;min-width:250px}.primary:hover{background:#d3ffed}.footnote{display:block;color:#a4becb;font-size:11px;margin-top:17px;line-height:1.7}.fiction{display:block;color:#748fa4;font-size:10px;margin-top:13px}#error{position:absolute;inset:0;background:#102138;z-index:10;padding:15%;text-align:center}#error[hidden]{display:none}#error button{padding:14px}.results{display:flex;gap:28px;margin:23px 0}.results div{font-size:12px;color:#bad2df}.results strong{display:block;font-size:38px;color:#aaffdf}.result-title{font-size:clamp(40px,6vw,75px)!important}.touch{opacity:.8}@media(pointer:fine) and (min-width:1000px){.touch{bottom:120px;transform:scale(.85);transform-origin:bottom center;opacity:.6}}@media(max-width:760px){.top{padding:16px 15px;gap:10px}.brand{font-size:16px}.brand small{font-size:7px;letter-spacing:1.5px}.stats{gap:16px}.stats b{font-size:26px}.stats small{font-size:8px;letter-spacing:1px}.tools{flex-direction:column;gap:4px}.tools button{height:27px;font-size:10px;padding:0 7px}.phase{left:15px;top:92px;width:135px;font-size:9px}.map{right:15px;top:110px;padding:5px;border-radius:12px}.map canvas{width:86px;height:86px}.map small{display:none}.combo{top:133px;left:15px;width:100px}.combo>b{font-size:37px}.combo>span{font-size:8px}.bottom{left:15px;right:15px;bottom:12px}.chaos{width:100%;padding:12px 14px}.chaos small{font-size:9px}.keyboard{display:none}.touch{left:15px;right:15px;bottom:111px;opacity:1}.actions{gap:7px}.actions button{width:69px;height:65px}.pad{width:146px}#toast{font-size:15px;top:32%;max-width:85%;width:max-content}#pickup-hint{top:60%;font-size:11px}#overlay{padding:30px 24px;background:linear-gradient(90deg,#09152cf2,#09152c8a)}h1{font-size:64px;letter-spacing:-3px;margin-top:18px}.start-card>p{font-size:17px}.rules{gap:9px}.rules>div{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1px}.footnote{font-size:10px}.primary{padding:15px 25px}.results{gap:20px}}@media(max-height:600px){#overlay{align-items:flex-start;padding:22px 5%}.start-card{max-width:650px}h1{font-size:48px;margin:12px 0}.start-card>p{font-size:14px;margin-bottom:12px}.rules{gap:6px;margin-bottom:15px}.rules>div{font-size:12px}.footnote{margin-top:10px}.fiction{display:none}.map{top:95px}.map canvas{width:85px;height:85px}.touch{bottom:85px}.bottom{bottom:8px}.chaos{padding:9px 13px}.chaos small{display:none}.phase{top:90px}.combo{top:124px}.top{padding-top:12px}.stats b{font-size:27px}}

#boost{position:absolute;top:285px;left:30px;padding:10px 13px;background:#083f57e8;border:1px solid #38e6ff88;color:#8cf2ff;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.5px}#boost[hidden]{display:none}#boost b{margin-left:8px;font-variant-numeric:tabular-nums}.actions #jump{width:104px;background:#b0ffda;color:#152c38;border:0;font-size:14px}@media(max-width:760px){#boost{left:15px;top:224px;font-size:10px;padding:8px}.actions #jump{width:90px}}@media(max-height:600px){#boost{top:207px}}

#grip{position:absolute;top:285px;left:30px;padding:10px 13px;background:#244826eb;border:1px solid #b6ff6588;color:#d1ff9a;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.5px}#grip[hidden]{display:none}#grip b{margin-left:8px;font-variant-numeric:tabular-nums}#grip.with-boost{top:329px}@media(max-width:760px){#grip{left:15px;top:224px;font-size:10px;padding:8px}#grip.with-boost{top:263px}}@media(max-height:600px){#grip{top:207px}#grip.with-boost{top:245px}}

#cosmic{position:absolute;left:50%;top:88px;transform:translateX(-50%);border:1px solid #f3a1ff99;border-radius:14px;background:#250b43e8;padding:12px 18px;color:#ffb8ff;font-size:12px;letter-spacing:1px;font-weight:800;text-align:center;pointer-events:none}#cosmic[hidden]{display:none}#cosmic strong{color:#fff;margin:0 8px}#cosmic b{font-variant-numeric:tabular-nums}@media(max-width:760px){#cosmic{top:85px;width:210px;font-size:10px;padding:8px;left:50%}#cosmic strong{display:block;margin:3px 0}}@media(max-height:600px){#cosmic{top:74px;font-size:10px}}

@media(max-width:760px){#cosmic{top:auto;bottom:210px;left:auto;right:15px;transform:none;width:170px}}

.board-dialog{width:min(610px,94vw);max-height:85dvh;padding:24px;border:1px solid #91c3b655;border-radius:22px;background:#102536;color:#effff8;box-shadow:0 24px 90px #000b;font-family:inherit}.board-dialog::backdrop{background:#06121cbd;backdrop-filter:blur(5px)}.board-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-header h2{font-size:26px;letter-spacing:-1px;margin:0}.board-header button{padding:10px;font-size:14px}.board-sub{font-size:14px;line-height:1.6;color:#b3cccd}.board-content{max-height:50dvh;overflow:auto}.board-content table{width:100%;border-collapse:collapse;font-size:15px}.board-content th{position:sticky;top:0;background:#102536;color:#a8cfbc;font-size:12px;text-transform:uppercase;padding:12px 8px;text-align:left}.board-content td{padding:12px 8px;border-top:1px solid #799f9a25}.board-content td:nth-child(3),.board-content td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:700}.board-content tbody tr:first-child{color:#e6ffa2;background:#adffdc0c}.board-refresh{padding:12px 20px;margin-top:18px;font-size:14px}.board-link{display:block;border:none;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#bbffdc;font-size:14px;padding:12px 0}.board-error{color:#ffbbba;font-size:15px}.score-form{margin:16px 0 22px;max-width:480px}.score-form label{font-size:14px;font-weight:700}.score-form-row{display:flex;gap:8px;margin-top:9px}.score-form input{min-width:0;flex:1;font:inherit;font-size:16px;background:#082031;color:#fff;border:1px solid #73998e;border-radius:10px;padding:12px}.score-form button[type=submit]{padding:12px;font-size:14px;font-weight:700;background:#afffdc;color:#112e32}.score-feedback{font-size:13px;line-height:1.5;color:#c1d3d9;margin:9px 0 0}.start-card:has(.score-form){padding:15px 0}.start-card:has(.score-form) h1{font-size:48px;margin:12px 0}.start-card:has(.score-form) .results{margin:14px 0}.start-card:has(.score-form)>p{font-size:14px}@media(max-width:760px){.board-dialog{padding:18px}.board-header h2{font-size:22px}.score-form-row{flex-wrap:wrap}.score-form input{flex-basis:100%}.tools{gap:3px}.tools button{height:25px}.board-content td{font-size:14px;padding:10px 6px}}