:root{--ink:#fffdf5;--ink-soft:#fffdf5c7;--ink-dark:#2a1f00;--panel:#0d1240cc;--panel-strong:#ffffff29;--sun:#ffd23f;--green:#5cb247;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#1b2259;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:default}h1,h2,p{margin:0}.app{position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{display:block}.home,.game{padding:max(env(safe-area-inset-top), 1rem) max(env(safe-area-inset-right), 1rem) max(env(safe-area-inset-bottom), 1rem) max(env(safe-area-inset-left), 1rem);pointer-events:none;position:absolute;inset:0}.home>*,.game>*{pointer-events:auto}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);border-radius:1.5rem;padding:clamp(1rem,2vw,1.4rem);box-shadow:0 10px 30px #00000040}.round,.chip{background:var(--panel-strong);border-radius:999px;transition:transform .1s,background .2s}.game .round,.game .hud-actions .chip,.home .top .chip,.home .top .round{background:var(--panel);-webkit-backdrop-filter:blur(8px)}.round:active,.chip:active,.card:active,.key:active,.lever-button:active,.table-chip:active{transform:scale(.94)}.round{flex:none;place-items:center;width:3.2rem;height:3.2rem;font-size:1.6rem;line-height:1;display:grid}.round.small{width:2.8rem;height:2.8rem;font-size:1.3rem}.chip{white-space:nowrap;padding:.7rem 1.1rem;font-size:1.1rem;font-weight:800}.chip.primary{background:var(--sun);color:var(--ink-dark)}.chip.big{padding:.9rem 1.8rem;font-size:1.3rem}.chip.danger{background:#e5484d}.link{color:var(--sun);background:0 0;padding:0;font-weight:800;text-decoration:underline}.note{color:var(--ink-soft);font-size:1.05rem;line-height:1.4}.row-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.hero-emoji{font-size:3.6rem;line-height:1}.centred{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.centred h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}.story{font-size:1.2rem;line-height:1.4}.home{flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.top h1{background:var(--panel);-webkit-backdrop-filter:blur(8px);white-space:nowrap;border-radius:999px;padding:.4rem 1.1rem .4rem .5rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:800}.logo{background:var(--sun);vertical-align:.05em;border-radius:50%;place-items:center;width:1.6em;height:1.6em;margin-right:.3em;font-size:.8em;display:inline-grid}.top-actions{align-items:center;gap:.5rem;display:flex}.missions{flex-direction:column;gap:1rem;width:min(62rem,100%);margin:auto auto 0;display:flex}.missions h2{font-size:1.4rem}.cards{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.7rem;display:grid}.card{background:var(--panel-strong);text-align:left;border-radius:1.3rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem 1.1rem;transition:transform .1s;display:flex}.card-emoji{font-size:2rem}.card-title{font-size:1.15rem;font-weight:800}.card-story{-webkit-line-clamp:4;color:var(--ink-soft);-webkit-box-orient:vertical;font-size:.92rem;line-height:1.3;display:-webkit-box;overflow:hidden}.hud-top{align-items:flex-start;gap:.6rem;display:flex}.job{flex-direction:column;gap:.2rem;max-width:30rem;padding:.7rem 1.1rem;display:flex}.job-step{color:var(--sun);font-size:.95rem;font-weight:800}.job-text{font-size:1.2rem;font-weight:800;line-height:1.25}.aboard{letter-spacing:.1em;font-size:1.3rem}.hud-actions{gap:.5rem;margin-left:auto;display:flex}.game{flex-direction:column;display:flex}.banner{background:var(--sun);color:var(--ink-dark);white-space:nowrap;border-radius:999px;align-self:center;margin-top:.8rem;padding:.7rem 1.4rem;font-size:1.3rem;font-weight:800;animation:.3s pop;box-shadow:0 8px 24px #00000040}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.minimap{left:max(env(safe-area-inset-left), 1rem);bottom:max(env(safe-area-inset-bottom), 1rem);background:#2a86d1d9;border-radius:1.2rem;width:clamp(9rem,20vw,14rem);padding:.4rem;position:absolute;box-shadow:0 10px 30px #00000040}.minimap .target{fill:none;stroke:var(--sun);stroke-width:6px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.lever{right:max(env(safe-area-inset-right), 1rem);bottom:max(env(safe-area-inset-bottom), 1rem);background:var(--panel);-webkit-backdrop-filter:blur(8px);border-radius:1.6rem;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:absolute}.lever-button{background:var(--panel-strong);opacity:.75;border-radius:1.2rem;width:clamp(7.5rem,15vw,9.5rem);padding:.9rem .6rem;font-size:1.35rem;font-weight:800;transition:transform .1s,background .2s,opacity .2s}.lever-button.on{opacity:1;color:var(--ink-dark);box-shadow:0 0 0 4px #fff}.lever-button.fast.on{background:#5cb247}.lever-button.slow.on{background:var(--sun)}.lever-button.stop.on{background:#ff6b6b}.side-panel{top:50%;right:max(env(safe-area-inset-right), 1rem);width:min(27rem,44vw);max-height:calc(100% - 7rem);position:absolute;overflow-y:auto;transform:translateY(-40%)}.jobs{text-align:left;gap:.3rem;margin:0;padding-left:1.5rem;font-size:1.1rem;display:grid}.question-panel{flex-direction:column;gap:.9rem;display:flex}.task{font-size:1.15rem;font-weight:700;line-height:1.35}.question{background:var(--panel-strong);text-align:center;border-radius:1.2rem;justify-items:center;gap:.3rem;padding:1rem;transition:background .3s;display:grid}.question.right{background:linear-gradient(135deg,#5cb24799,#ffd23f59)}.big-sum{white-space:nowrap;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1.1}.typed{border-bottom:5px solid var(--sun);min-width:2.2ch;color:var(--sun);display:inline-block}.typed.empty{color:var(--ink-soft)}.answer{color:var(--sun)}.praise{color:var(--sun);font-size:1.5rem;font-weight:800}.keypad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.key{background:var(--panel-strong);border-radius:1rem;height:clamp(3rem,7.5vh,4.2rem);font-size:1.8rem;font-weight:800;transition:transform .1s,opacity .2s}.key.ok{background:var(--green)}.key.del{background:#ffffff14}.key:disabled{opacity:.4}.feedback{text-align:center;background:linear-gradient(160deg,#c3a6ff4d,#79c6ff26);border-radius:1.2rem;flex-direction:column;align-items:center;gap:.9rem;padding:1rem;display:flex}.overlay{-webkit-backdrop-filter:blur(4px);z-index:10;background:#05081e99;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.sheet{background:#1e2766;border-radius:1.75rem;flex-direction:column;align-items:flex-start;gap:.9rem;width:min(36rem,100%);max-height:90dvh;padding:1.5rem;display:flex;overflow:auto;box-shadow:0 20px 60px #00000080}.sheet-head{justify-content:space-between;align-items:center;width:100%;display:flex}.sheet-head h2{font-size:1.8rem}.sheet .row-actions{justify-content:flex-start}.table-picker{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;display:grid}.table-chip{background:var(--panel-strong);border-radius:1rem;padding:.75rem 0;font-size:1.25rem;font-weight:800;transition:transform .1s,background .2s}.table-chip.on{background:var(--sun);color:var(--ink-dark)}.setting{cursor:pointer;align-items:center;gap:.7rem;font-size:1.1rem;display:flex}.setting input{width:1.4rem;height:1.4rem;accent-color:var(--sun)}@media (aspect-ratio<=1){.side-panel{top:auto;left:max(env(safe-area-inset-left), 1rem);right:max(env(safe-area-inset-right), 1rem);bottom:max(env(safe-area-inset-bottom), 1rem);width:auto;max-width:34rem;max-height:58%;margin:0 auto;transform:none}.lever{flex-direction:column}.banner{font-size:1.1rem}}@media (width<=600px){.hud-top{flex-wrap:wrap}.job{flex-basis:100%;order:3;max-width:none}.hud-actions .chip{padding:.6rem .8rem;font-size:1rem}.lever-button{width:6.5rem;padding:.7rem .4rem;font-size:1.1rem}.minimap{width:7.5rem}}