:root{--bg: #0a0d12;--ink: #e6edf5;--ink-2: #9aa8ba;--ink-3: #5d6b7d;--amber: #e0a33e;--line: rgba(230, 237, 245, .12);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ruota{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--bg);text-align:center;padding:32px}@media (orientation: portrait){#ruota{display:flex}}.ruota-icona{width:52px;height:86px;border:3px solid var(--ink-2);border-radius:9px;margin-bottom:20px;animation:gira 2.4s ease-in-out infinite}@keyframes gira{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.ruota-titolo{font-size:20px;color:var(--ink)}.ruota-testo{font-size:14px;color:var(--ink-3)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));pointer-events:none}#brand{flex:none;text-align:center;padding-top:6px}#ui:not(.title-mode) #brand{display:none}#brand.hidden{display:none}.game-title{font-size:clamp(30px,8.5vw,50px);font-weight:800;line-height:1;margin-bottom:0;letter-spacing:.2em;text-indent:.1em;text-transform:uppercase;color:var(--ink);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 .26em,transparent .26em .315em);mask-image:repeating-linear-gradient(180deg,#000 0 .26em,transparent .26em .315em)}.brand-sub,.brand-tag{margin-top:14px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3)}.brand-tag{display:none}#ui.title-mode .brand-tag{display:block;color:var(--ink-2)}.brand-sub:before,.brand-sub:after,.brand-tag:before,.brand-tag:after{content:"";display:inline-block;width:18px;height:1px;margin-bottom:3px;background:var(--amber);opacity:.6}.brand-sub:before,.brand-tag:before{margin-right:12px}.brand-sub:after,.brand-tag:after{margin-left:12px}#credits{padding-top:20px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);text-align:center}#credits strong{font-weight:600;color:var(--ink-2)}#credits.hidden{display:none}#pwa-hint{padding-top:10px;max-width:340px;margin:0 auto;font-size:10.5px;line-height:1.5;color:var(--ink-3);text-align:center;opacity:.72}#pwa-hint strong{font-weight:600;color:var(--ink-2)}#pwa-hint.hidden{display:none}#title-actions{flex:none;width:min(320px,100%);margin-top:30px;pointer-events:auto}#title-actions.hidden{display:none}#ui.title-mode #brand{margin-top:auto}#ui.title-mode #title-actions{margin-bottom:auto;margin-top:46px}#ui.title-mode .game-title{font-size:clamp(40px,11vw,78px)}#ui.title-mode .brand-sub{display:none}@media (max-height: 460px){#brand{display:none}#ui.title-mode #brand{display:block}#credits{padding-top:12px}}.panel{pointer-events:auto;touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:100%;width:min(520px,100%);margin:auto 0;background:linear-gradient(180deg,#131922f5,#0a0d12fa);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 80px -30px #000;animation:rise .34s cubic-bezier(.32,.72,0,1)}.panel-head{margin-bottom:18px}.panel-foot{position:sticky;bottom:-24px;z-index:2;margin:4px -24px -24px;padding:18px 24px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0d111800,#0d1118f0 34%,#0b0e14fc);border-radius:0 0 20px 20px}.scroll-hint{display:none;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.scroll-hint:before{content:"▾";display:block;font-size:15px;line-height:1;margin-bottom:3px;color:var(--amber);animation:nudge 1.9s ease-in-out infinite}.panel.has-more .scroll-hint{display:block}@keyframes nudge{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}.panel-head h2{font-size:26px;font-weight:600;letter-spacing:-.01em}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}.panel.hidden{display:none}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}h1{font-size:34px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.lead{font-size:15px;line-height:1.55;color:var(--ink-2);margin-bottom:22px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.stats>div{background:#ffffff09;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.stats span{display:block;font-size:26px;font-variant-numeric:tabular-nums;color:var(--amber)}.stats small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.upgrades{display:grid;gap:10px;margin-bottom:22px}.upg{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#ffffff09;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink);font:inherit;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s}.upg:active{transform:scale(.985)}.upg:disabled{opacity:.42;cursor:default}.upg-body{flex:1;min-width:0}.upg-name{font-size:15px}.upg-desc{font-size:12px;color:var(--ink-3);margin-top:2px}.upg-cost{font-size:13px;font-variant-numeric:tabular-nums;color:var(--amber);white-space:nowrap}.pips{display:flex;gap:4px;margin-top:6px}.pips i{width:16px;height:3px;border-radius:2px;background:#ffffff24}.pips i.on{background:var(--amber)}.field-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.radio-line{font-size:17px;line-height:1.5;color:var(--ink);border-left:2px solid var(--amber);padding-left:14px;margin-bottom:18px}.radio-img{display:block;width:128px;height:118px;margin:0 auto 18px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.radio-img.hidden{display:none}.map-canvas{display:block;width:100%;height:190px;border:1px solid var(--line);border-radius:14px;background:#06090e99;margin-bottom:10px}.map-canvas.hidden,.map-legend.hidden{display:none}.map-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--ink-3);margin-bottom:22px}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}#bag-notes{display:grid;gap:8px;margin-bottom:4px}.note-card{border-left:2px solid rgba(224,163,62,.45);padding:8px 0 8px 12px;font-size:14px;line-height:1.5;color:var(--ink-2)}.note-empty{font-size:14px;color:var(--ink-3);margin-bottom:22px}.slots{display:flex;justify-content:center;gap:14px;margin-bottom:22px}.slot{width:62px;height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;font-family:ui-monospace,JetBrains Mono,monospace;font-size:34px;font-variant-numeric:tabular-nums;color:var(--ink)}.slot.known{color:var(--ink-3);border-color:#e0a33e59}.slot.filled{color:var(--amber);border-color:var(--amber)}.slots.wrong{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.key{padding:18px 0;border:1px solid var(--line);border-radius:14px;background:#ffffff0b;color:var(--ink);font:inherit;font-family:ui-monospace,JetBrains Mono,monospace;font-size:22px;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .18s}.key:active{transform:scale(.94);background:#e0a33e2e}.kit{display:grid;gap:10px;margin-bottom:22px}.kit-row{display:flex;align-items:center;gap:12px;background:#ffffff09;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.kit-body{flex:1;min-width:0}.kit-name{font-size:15px}.kit-desc{font-size:12px;color:var(--ink-3);margin-top:2px}.kit-step{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:10px;background:#ffffff0d;color:var(--ink);font:inherit;font-size:20px;line-height:1;cursor:pointer}.kit-step:disabled{opacity:.3;cursor:default}.kit-qty{min-width:44px;text-align:center;font-family:ui-monospace,JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:17px;color:var(--amber)}.tut-row{margin-bottom:12px}.tut-row b{color:var(--ink);font-weight:600}.ghost{width:100%;padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:14px;background:none;color:var(--ink-2);font:inherit;font-size:15px;cursor:pointer}.primary{width:100%;padding:17px;border:none;border-radius:15px;background:var(--ink);color:#0a0d12;font:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.primary:active{transform:scale(.98)}@media (orientation: landscape) and (max-height: 660px){#ui{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.panel{width:100%;max-width:none;padding:12px 16px;border-radius:16px;overflow-x:hidden}.panel-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:start}.panel-cols>div{min-width:0}.panel-head{margin-bottom:8px}.panel-head h2{font-size:17px}.eyebrow{margin-bottom:3px;font-size:9px}.lead{font-size:12.5px;line-height:1.4;margin-bottom:10px}.field-label{margin-bottom:5px;font-size:9px}.stats,.upgrades,.kit{margin-bottom:8px;gap:6px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:7px 9px;border-radius:10px}.stats span{font-size:17px}.stats small{font-size:8px;letter-spacing:.08em}.upg,.kit-row{padding:7px 9px;border-radius:10px;gap:8px}.upg-name,.kit-name{font-size:12.5px}.upg-desc,.kit-desc{font-size:10px;margin-top:1px}.upg-cost{font-size:11px}.pips{margin-top:4px}.kit-step{width:30px;height:30px;font-size:17px;border-radius:8px}.kit-qty{min-width:32px;font-size:14px}.panel-foot{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:4px -18px -14px;padding:10px 18px calc(14px + env(safe-area-inset-bottom,0px))}.panel-foot{padding-top:8px}.panel-foot .primary{flex:2 1 200px;padding:11px;font-size:14px;margin:0}.panel-foot .ghost{flex:1 1 110px;padding:11px 10px;font-size:12px;margin:0}.panel.has-more .scroll-hint{display:none}.keypad{max-width:300px;margin:0 auto 12px}.map-canvas{height:150px}.radio-img{width:92px;margin-bottom:12px}}