@font-face{font-family:system;src:local('Avenir Next')}*{box-sizing:border-box}body{margin:0;background:#102b3a;color:#f2ecda;font:15px system-ui,sans-serif;height:100dvh;overflow:hidden}button,select{font:inherit;color:inherit;background:#193b4b;border:1px solid #6c8e98;border-radius:5px;min-height:44px;padding:8px 12px;cursor:pointer;touch-action:none;user-select:none}button:hover{background:#285569}button:active,button.pressed{transform:translateY(1px);background:#536f78}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffce79;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:#d94730;border-color:#ff8e70;color:#fff6e8;font-weight:800;letter-spacing:.05em}.primary:hover{background:#eb583f}[hidden]{display:none!important}small{font-size:11px;letter-spacing:.08em}h1,h2,p{margin:0}#game{height:100dvh;max-width:1280px;margin:auto;padding:8px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:44px 54px minmax(0,1fr);gap:8px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #46616a;padding-bottom:4px}header b{font-size:17px;letter-spacing:-.04em}nav{display:flex;gap:5px}nav button{min-width:52px}.brief{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;align-items:center}.brief h1{font-size:21px;line-height:1.1}.brief small{color:#9bbcc7}.readout{display:grid;text-align:right;gap:4px;white-space:nowrap;font-size:13px}.playfield{position:relative;min-height:0;background:#153544;border:1px solid #6f9099;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}canvas{width:100%;height:100%;object-fit:contain;touch-action:none}.controls{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px 0}#feedback{font-size:13px;line-height:1.3;min-height:40px;color:#c9e4e8}.thumbs{display:flex;gap:12px;align-items:stretch}.dpad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:52px 52px;gap:4px}.dpad button{padding:0;font-size:27px;min-width:50px}.dpad .up{grid-column:2}.dpad button:nth-child(2){grid-column:1}#push{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;gap:10px}button span{font-size:9px;letter-spacing:.04em;display:block;font-weight:400}.tools{display:flex;flex-wrap:wrap;gap:5px}.tools button{flex:1;min-width:50px;font-size:12px;padding:5px}#rig{font-size:11px;color:#a9c7cb;line-height:1.7}.screen{height:100dvh;max-width:1200px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr}.cover{background:#183c4c url('assets/cover-wide.webp') center/cover;position:relative;min-height:0}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102b3a08 35%,#102b3ae6)}.coverText{position:absolute;bottom:6%;left:7%;z-index:1}.coverText h1{font-size:clamp(45px,7vw,95px);font-weight:950;line-height:.87;letter-spacing:-.06em;margin:15px 0}.coverText p{font-size:18px}.welcome{padding:clamp(20px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:15px;background:repeating-linear-gradient(0deg,#102b3a,#102b3a 19px,#14323f 20px)}.welcome p{line-height:1.5}.welcome label{font-size:12px;color:#b9d3d7}.fine{font-size:11px;line-height:1.4;color:#aec6ce;letter-spacing:0}.homeLinks{display:flex;gap:5px}.homeLinks button{flex:1;font-size:12px;padding:8px}.credit{font-size:11px}.credit a{color:#f2ecda;display:inline-block;padding:10px 0}.welcome select{width:100%}dialog{background:#f2ecda;color:#143443;border:2px solid #79a2ad;border-radius:10px;padding:18px;max-width:min(620px,94vw);max-height:90dvh;width:620px}dialog::backdrop{background:#061820d9}.dialogHead{display:flex;justify-content:space-between;gap:10px;align-items:center;position:sticky;top:-18px;background:#f2ecda;padding:10px 0}.dialogHead h2{font-size:21px}#dialogBody{line-height:1.55}#dialogBody p{margin:12px 0}#dialogBody button{margin:5px}#dialogBody a{color:#184b68;display:inline-block;min-height:44px;padding:10px 0}.stageGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.stageGrid button{margin:0!important;min-height:52px}.loreCard{border-bottom:1px solid #abc0c4;padding:12px 0}.loreCard small{color:#395c6b}.loreCard h3{margin:5px 0}.pauseActions{display:grid;gap:6px}#result{position:absolute;inset:0;background:#0a2530ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px}#result h2{font-size:30px}#result p{max-width:420px;line-height:1.5}#result button{width:min(260px,100%)}
@media(max-width:700px) and (min-height:501px){#game{grid-template-columns:minmax(0,1fr);grid-template-rows:40px 46px minmax(0,1fr) 188px;gap:4px}header b{font-size:14px}nav button{padding:5px 8px;min-width:48px}.brief h1{font-size:16px}.brief small{font-size:9px}.readout{font-size:11px}.controls{padding:0;gap:4px}.thumbs{justify-content:center;gap:16px}.dpad{grid-template-columns:repeat(3,52px);grid-template-rows:50px 50px;gap:3px}#push{max-width:115px}.tools{max-height:44px}.tools button{min-height:44px}#feedback{min-height:22px;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#rig{font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden}.screen{grid-template-columns:1fr;grid-template-rows:42% 58%}.cover{background-image:url('assets/cover-portrait.webp');background-position:center 58%}.coverText h1{font-size:48px;line-height:.85;margin:8px 0}.coverText small{font-size:9px}.coverText p{font-size:13px}.welcome{padding:12px 20px;gap:7px}.welcome>small:first-child,.welcome>p:first-of-type,.welcome label{display:none}.welcome .credit{line-height:1.2}.welcome select{min-height:44px}.welcome .fine{font-size:10px}.welcome .credit a{padding:7px 0}.welcome .homeLinks button{padding:4px}#storage:empty{display:none}}
@media(max-height:500px){#game{grid-template-columns:minmax(0,1fr) 218px;grid-template-rows:40px 38px minmax(0,1fr);gap:4px}.brief h1{font-size:15px}.brief small{font-size:9px}.readout{font-size:10px}header b{font-size:15px}.controls{padding:0;gap:4px;justify-content:center}.thumbs{gap:6px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:48px 48px;gap:3px}.dpad button{min-width:44px;font-size:23px}#push{min-width:60px;font-size:14px;gap:6px}#facing{font-size:8px}.tools button{padding:3px;font-size:10px;min-width:44px}.tools{gap:3px}#feedback{font-size:11px;min-height:32px}#rig{font-size:9px;line-height:1.3}.coverText h1{font-size:45px}.coverText p{font-size:13px}.welcome{padding:10px 18px;gap:5px}.welcome>p:first-of-type,.welcome>small:first-child,.welcome label,.welcome>small:last-child{display:none}.welcome select{min-height:44px}.welcome .fine{font-size:9px}.welcome .credit{font-size:9px;line-height:1.2}.homeLinks button{font-size:10px;padding:4px}dialog{max-height:94dvh}#result{gap:6px;padding:12px}#result h2{font-size:23px}#result p{font-size:12px}#resultTag{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

dialog button{color:#f2ecda}dialog button:disabled{color:#d6e0e1}dialog .stageGrid button{font-weight:700}

@media(max-width:700px) and (min-height:501px){#feedback{white-space:normal;min-height:30px;max-height:30px;line-height:15px}.controls{gap:3px}#game{grid-template-rows:40px 46px minmax(0,1fr) 196px}}

@media(max-height:500px){#feedback{height:42px;max-height:42px;overflow:hidden;line-height:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}