:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f1e8;background:#11131a;font-synthesis:none;--bg:#11131a;--panel:#1a1d27;--panel2:#222633;--text:#f5f1e8;--muted:#a9afbe;--line:#343a4b;--warm:#ffcc66;--pink:#ff7d91;--mint:#8de0d2;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% -10%,#29314a 0,transparent 32rem),var(--bg);color:var(--text)}
button,input,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}
.app-shell{min-height:100vh}.topbar{height:68px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{border:0;background:none;font-weight:900;font-size:18px;letter-spacing:-.02em;cursor:pointer}.brand span{color:var(--warm)}.topbar nav{display:flex;align-items:center;gap:12px}.tiny-stat{font-size:12px;color:var(--muted)}
.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-size:18px}
.hero{max-width:1180px;margin:auto;padding:72px 24px 42px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:44px;align-items:end}
.eyebrow,.result-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--warm);font-weight:850}.hero h1{font-size:clamp(48px,8vw,96px);line-height:.89;letter-spacing:-.065em;margin:12px 0 22px;max-width:850px}
.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions,.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.primary,.secondary{border-radius:14px;border:1px solid transparent;padding:12px 16px;font-weight:780;cursor:pointer;transition:transform .18s ease,background .18s ease}.primary{background:var(--text);color:#11131a}.secondary{background:var(--panel);border-color:var(--line)}
.primary:hover,.secondary:hover,.game-tile:hover,.choice:hover,.answer:hover{transform:translateY(-2px)}.daily{border-left:2px solid var(--warm);padding:4px 0 4px 18px}.daily span,.daily p{display:block;color:var(--muted);font-size:12px}.daily strong{font-size:22px}
.game-grid{max-width:1180px;margin:auto;padding:0 24px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-tile{min-height:154px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:linear-gradient(145deg,var(--panel),#171a22);border:1px solid var(--line);border-radius:22px;padding:24px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.2s ease}
.tile-emoji{font-size:38px}.tile-copy{display:grid;gap:7px}.tile-copy b{font-size:21px;letter-spacing:-.025em}.tile-copy small{color:var(--muted);font-size:14px}.tile-arrow{font-size:24px;color:var(--muted)}
.principles{max-width:1132px;margin:0 auto 70px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);display:flex;gap:18px;font-size:13px}.principles span{color:var(--text);font-weight:800}.principles p{margin:0}
.game-layout{max-width:920px;margin:auto;padding:34px 24px 80px}.back{border:0;background:none;color:var(--muted);padding:8px 0;cursor:pointer}.game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:28px 0 22px}
.game-head h1{font-size:clamp(38px,7vw,70px);letter-spacing:-.055em;line-height:.95;margin:8px 0 10px}.game-head p{margin:0;color:var(--muted);font-size:16px}.engine-pill{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:var(--muted)}
.play-card,.result-card{background:linear-gradient(145deg,#1b1e28,var(--panel));border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.play-card h2,.result-card h2{font-size:clamp(25px,4vw,40px);letter-spacing:-.035em;margin:8px 0 14px}
.two-input{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.two-input .primary{grid-column:1/-1}.vs{font-weight:900;color:var(--pink);padding-bottom:13px}
label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:700}input,textarea{width:100%;color:var(--text);background:#11141c;border:1px solid var(--line);border-radius:14px;padding:14px 15px;outline:none;font-size:16px}
input:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(141,224,210,.12)}textarea{resize:vertical;line-height:1.45}.play-card form{display:grid;gap:14px;margin-top:20px}
.result-card{margin-top:16px}.result-card p{color:var(--muted);line-height:1.5}.meter{height:10px;background:#0f1117;border-radius:999px;overflow:hidden;border:1px solid #2b3040}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--warm),var(--mint));transition:width .35s ease}
.belief{margin:24px 0}.belief-label{display:flex;justify-content:space-between;margin-bottom:8px}.reaction{border-left:3px solid var(--mint);padding:10px 12px;background:rgba(141,224,210,.06);border-radius:0 12px 12px 0;color:var(--text)!important}
.inventory{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.inventory span{background:#10131a;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:13px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.score-grid div{background:#11141c;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}.score-grid strong{display:block;font-size:34px}.score-grid span{font-size:11px;color:var(--muted)}
.story-card #story{display:grid;gap:9px}.story-card #story p{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px;border-bottom:1px solid rgba(255,255,255,.06);line-height:1.5}.story-card #story p span{width:24px;height:24px;border-radius:50%;background:var(--panel2);display:grid;place-items:center;font-size:11px;flex:0 0 auto}
.choice-stack,.answer-grid{display:grid;gap:10px;margin-top:20px}.choice,.answer{text-align:left;border:1px solid var(--line);background:#11141c;border-radius:16px;padding:16px;display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:.18s ease}
.choice b,.answer b{width:28px;height:28px;border-radius:9px;background:var(--panel2);display:grid;place-items:center;flex:0 0 auto;color:var(--warm)}.answer-grid{grid-template-columns:1fr 1fr}.answer{min-height:150px}.answer:disabled{opacity:.72;transform:none;cursor:default}
.progress{font-size:12px;color:var(--muted);margin-bottom:12px}.finale{text-align:center;padding:24px 6px}.finale strong{font-size:11px;letter-spacing:.14em;color:var(--warm)}.finale h2{font-size:58px;margin:8px}.thinking{color:var(--muted);font-style:italic}
.press-card{text-align:center;display:grid;place-items:center;gap:24px;min-height:410px}.press-card>p{color:var(--muted);margin:0}.big-red{width:min(260px,72vw);aspect-ratio:1;border-radius:50%;border:12px solid #47151c;background:radial-gradient(circle at 35% 28%,#ff7d91,#d9384f 55%,#8b1f32);box-shadow:0 18px 0 #631827,0 28px 55px rgba(0,0,0,.45),inset 0 8px 18px rgba(255,255,255,.18);font-weight:950;letter-spacing:.05em;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.big-red:active{transform:translateY(12px);box-shadow:0 6px 0 #631827,0 14px 32px rgba(0,0,0,.38),inset 0 8px 18px rgba(255,255,255,.18)}
.press-reaction{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text)!important}.press-reaction strong{font-size:42px;color:var(--warm)}.press-reaction span{max-width:400px;text-align:left}
dialog{width:min(520px,calc(100% - 28px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(5,7,10,.72);backdrop-filter:blur(5px)}dialog form{padding:24px}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.dialog-head h2{margin:5px 0}.toggle{display:flex;grid-template:none;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--text)}.toggle span{display:grid;gap:2px}.toggle small{color:var(--muted);font-weight:400}.toggle input{width:20px;height:20px}.danger{margin-top:20px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#f5f1e8;color:#11131a;padding:10px 14px;border-radius:999px;font-weight:800;font-size:12px;transition:.2s;z-index:90}.toast.show{opacity:1;transform:translate(-50%,0)}
.high-contrast{--muted:#d9dce4;--line:#697186}.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reduce-motion .big-red:active{transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:720px){.topbar{height:60px;padding:0 16px}.hero{padding:48px 16px 28px;grid-template-columns:1fr;gap:22px}.hero h1{font-size:54px}.hero p{font-size:16px}.daily{display:none}.game-grid{padding:0 16px 30px;grid-template-columns:1fr}.game-tile{min-height:124px;padding:18px}.principles{margin:0 16px 50px;display:block}.principles span{display:block;margin-bottom:8px}.game-layout{padding:22px 16px 70px}.game-head{align-items:flex-start;flex-direction:column}.game-head h1{font-size:48px}.two-input{grid-template-columns:1fr}.vs{text-align:center;padding:0}.answer-grid{grid-template-columns:1fr}.answer{min-height:auto}.score-grid strong{font-size:27px}.play-card,.result-card{border-radius:19px}.tiny-stat{display:none}}
.brand em{font-style:normal;font-size:9px;color:var(--muted);margin-left:4px;vertical-align:top}.daily-pick,.inbound-card{max-width:1132px;margin:0 auto 18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;gap:20px}.daily-pick h2{margin:5px 0 4px;font-size:24px}.daily-pick p,.inbound-card p{margin:0;color:var(--muted);line-height:1.45}.inbound-card{border-color:rgba(141,224,210,.45)}.chip-button{background:#10131a;border:1px solid var(--line);color:var(--text);padding:8px 11px;border-radius:999px;cursor:pointer}.collection{margin-top:28px}.court-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.court-grid section{border:1px solid var(--line);background:#11141c;border-radius:16px;padding:18px}.court-grid section>span{font-size:11px;color:var(--warm);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.court-grid p{line-height:1.5;color:var(--muted)}.room-entries{display:grid;gap:10px;margin:20px 0}.room-entries>div{background:#11141c;border:1px solid var(--line);border-radius:14px;padding:14px}.room-entries p{margin:5px 0 0;color:var(--muted);line-height:1.45}.room-note{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metric-grid div{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:20px}.metric-grid strong{font-size:36px;display:block;letter-spacing:-.04em}.metric-grid span{font-size:11px;color:var(--muted)}.insights-table{overflow:auto}.insights-table h2{margin-top:0}.insights-table table{width:100%;border-collapse:collapse;min-width:520px}.insights-table th,.insights-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.insights-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:720px){.daily-pick,.inbound-card{margin:0 16px 16px;align-items:flex-start;flex-direction:column}.court-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid strong{font-size:30px}}
.quality-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--text)}.quality-row span{display:grid;gap:2px}.quality-row small{color:var(--muted);font-weight:400}.quality-row select{background:#11141c;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.visual-card,.garden-card,.orbit-card{overflow:hidden}.visual-toolbar,.garden-status{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-bottom:14px}.visual-toolbar strong{color:var(--text)}
.signal-canvas,.garden-canvas{display:block;width:100%;height:auto;aspect-ratio:1.38/1;border-radius:18px;border:1px solid var(--line);background:#0e1117;touch-action:manipulation;cursor:crosshair}.sr-description{color:var(--muted);font-size:13px;line-height:1.5}.sr-description:empty{display:none}
.garden-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tool{border:1px solid var(--line);background:#11141c;color:var(--text);border-radius:12px;padding:9px 11px;cursor:pointer;display:flex;align-items:center;gap:6px}.tool.active{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint);background:rgba(141,224,210,.08)}.garden-canvas{aspect-ratio:1.56/1;touch-action:none;image-rendering:pixelated}.garden-status{margin:10px 2px 0}
.orbit-stage{width:100%;aspect-ratio:1.55/1;min-height:300px;border:1px solid var(--line);background:#0e1117;border-radius:18px;overflow:hidden;display:grid;place-items:center}.orbit-canvas{display:block;width:100%;height:100%;touch-action:none}.orbit-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:14px}.orbit-controls button:last-child{justify-self:stretch}.orbit-controls button:first-child{justify-self:stretch}.orbit-controls span{text-align:center;color:var(--warm);font-size:12px;font-weight:800;min-width:92px}.tactical-orbit{width:100%;padding:24px;text-align:center}.tactical-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.tactical-lanes button{border:1px solid var(--line);background:#151924;color:var(--text);border-radius:16px;padding:18px 10px;display:grid;gap:7px;place-items:center;cursor:pointer}.tactical-lanes button span{font-size:28px}.tactical-lanes .danger-lane{border-color:rgba(255,125,145,.65);background:rgba(255,125,145,.08)}.tactical-orbit small{color:var(--muted);line-height:1.45}
@media(max-width:720px){.quality-row{align-items:flex-start}.signal-canvas{aspect-ratio:1/1}.garden-canvas{aspect-ratio:1.12/1}.orbit-stage{aspect-ratio:1.05/1;min-height:280px}.orbit-controls{grid-template-columns:1fr 1fr}.orbit-controls span{grid-column:1/-1;grid-row:1}.tactical-lanes{grid-template-columns:1fr}.visual-toolbar{align-items:flex-start}.garden-status{align-items:flex-start;flex-direction:column}}
.signal-buttons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}.signal-buttons button{padding:8px 4px;border-radius:9px;font-size:12px}.signal-buttons[hidden]{display:none}
@media(max-width:720px){.signal-buttons{grid-template-columns:repeat(4,1fr)}}

/* v0.4 — playability upgrade: direct manipulation, arenas, spatial play */
.battle-card{overflow:hidden}.battle-setup{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin-bottom:18px}.battle-arena{position:relative;min-height:330px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 58%,#273149 0,#151923 48%,#0e1117 100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:30px;overflow:hidden}.arena-floor{position:absolute;left:10%;right:10%;bottom:28px;height:52px;border-radius:50%;border:1px solid #3b4357;background:radial-gradient(ellipse,#283047 0,#171b25 58%,transparent 72%);transform:perspective(180px) rotateX(58deg)}.fighter{position:relative;z-index:2;border:1px solid transparent;background:none;display:grid;justify-items:center;gap:11px;cursor:pointer;min-width:0;padding:10px;border-radius:18px}.fighter.selected{border-color:var(--warm);background:rgba(255,204,102,.06)}.fighter-orb{--h:40;--h2:210;width:clamp(86px,16vw,142px);aspect-ratio:1;border-radius:38% 62% 55% 45%;display:grid;place-items:center;font-size:clamp(32px,6vw,56px);background:linear-gradient(145deg,hsl(var(--h) 72% 58%),hsl(var(--h2) 55% 34%));box-shadow:inset 0 8px 18px rgba(255,255,255,.15),0 20px 45px rgba(0,0,0,.28);transition:transform .16s ease,filter .16s ease}.fighter b{max-width:180px;text-align:center;overflow-wrap:anywhere}.fighter .hp{width:min(160px,100%);height:9px;border:1px solid var(--line);border-radius:999px;background:#0e1117;overflow:hidden}.fighter .hp span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff7d91,#ffcc66,#8de0d2);transition:width .24s ease}.fighter.strike .fighter-orb{transform:translateX(18px) scale(1.08)}.fighter-b.strike .fighter-orb{transform:translateX(-18px) scale(1.08)}.fighter.hit .fighter-orb{filter:brightness(1.65) saturate(.7)}.arena-vs{z-index:2;font-weight:950;color:var(--muted);font-size:20px}.arena-fx{position:absolute;z-index:4;left:50%;top:34%;transform:translate(-50%,-50%);font-size:30px;font-weight:950;color:var(--warm);opacity:0;pointer-events:none}.arena-fx.pop{animation:arenaPop .38s ease}.tactic-panel{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.tactic-panel p{margin:3px 0;color:var(--muted)}.tactic-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tactic-row button,.strategy-row button{border:1px solid var(--line);background:#11141c;color:var(--text);border-radius:13px;padding:11px;cursor:pointer}.tactic-row button.selected,.strategy-row button.selected{border-color:var(--warm);background:rgba(255,204,102,.08)}.arena-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:12px}.boost{margin-left:auto;border:1px solid var(--warm);background:rgba(255,204,102,.08);color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer}.boost:disabled{opacity:.55}.battle-result{margin-top:16px}@keyframes arenaPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}100%{opacity:0;transform:translate(-50%,-68%) scale(1)}}

.jugaad-card{display:grid;gap:16px}.jugaad-scene{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:14px}.scenario-visual{min-height:220px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 50% 30%,#2a3348,#151922);display:grid;place-items:center;align-content:center;text-align:center;padding:22px}.scenario-visual>span{font-size:70px}.scenario-visual b{display:block;font-size:18px;margin-top:12px}.scenario-visual small{display:block;color:var(--muted);margin-top:7px;line-height:1.45}.build-bench{position:relative;min-height:220px;border:1px dashed #596277;border-radius:20px;background:linear-gradient(180deg,#171b25,#10131a);display:grid;align-content:center;gap:14px;padding:20px;overflow:hidden}.bench-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.bench-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bench-slots button{min-height:68px;border:1px dashed var(--line);border-radius:14px;background:#0e1117;color:var(--muted);cursor:pointer;padding:8px;overflow-wrap:anywhere}.bench-slots button.filled{border-style:solid;border-color:var(--mint);color:var(--text)}.contraption{height:70px;display:flex;align-items:center;justify-content:center;gap:8px}.contraption span{--h:120;--rot:0deg;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:hsl(var(--h) 42% 36%);transform:rotate(var(--rot));box-shadow:0 8px 18px rgba(0,0,0,.25)}.contraption.testing span{animation:contraptionTest .5s ease-in-out infinite alternate}.interactive-inventory button{cursor:grab;border:1px solid var(--line);background:#11141c;color:var(--text);padding:10px 12px;border-radius:999px}.interactive-inventory button.used{opacity:.35;text-decoration:line-through}.strategy-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jugaad-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:14px}.jugaad-actions>div{display:grid}.jugaad-actions strong{font-size:26px}.jugaad-outcome.success{border-left:3px solid var(--mint)}.jugaad-outcome.wobble{border-left:3px solid var(--pink)}@keyframes contraptionTest{from{transform:translateX(-4px) rotate(-2deg)}to{transform:translateX(4px) rotate(2deg)}}

.fusion-card{display:grid;gap:18px}.fusion-workbench{min-height:280px;display:grid;grid-template-columns:1fr minmax(150px,.6fr) 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:20px;background:radial-gradient(circle at 50% 52%,#27314b 0,#161a24 44%,#10131a 100%)}.reactor-slot{min-height:148px;border:2px dashed #50596e;border-radius:22px;display:grid;place-items:center;padding:12px;color:var(--muted);cursor:pointer}.reactor-slot.filled{border-style:solid;border-color:var(--mint)}.fusion-reactor{display:grid;place-items:center;gap:12px}.reactor-core{width:116px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle,#ffefd0 0,#ffcc66 12%,#704a2a 36%,#22283a 62%,#10131a 70%);box-shadow:0 0 0 8px rgba(141,224,210,.08),0 0 0 16px rgba(255,125,145,.05);transition:transform .3s ease}.fusion-reactor.fusing .reactor-core{animation:reactorPulse .3s linear infinite}.custom-discovery{display:flex;gap:8px}.custom-discovery input{flex:1}.discovery-field{border-top:1px solid var(--line);padding-top:15px}.discovery-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.discovery-head small{color:var(--muted)}.discovery-bubbles{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.discovery-bubble{border:0;background:none;color:var(--text);padding:0;cursor:grab}.bubble-visual{--h:120;--h2:220;--s:54px;display:grid;grid-template-columns:var(--s) auto;align-items:center;gap:9px;min-width:0}.bubble-visual i{width:var(--s);height:var(--s);border-radius:46% 54% 62% 38%;display:grid;place-items:center;font-style:normal;font-size:22px;background:linear-gradient(145deg,hsl(var(--h) 58% 44%),hsl(var(--h2) 46% 30%));transform:rotate(var(--spin));box-shadow:inset 0 4px 10px rgba(255,255,255,.12),0 8px 16px rgba(0,0,0,.2)}.bubble-visual b{overflow-wrap:anywhere}.bubble-visual.compact{grid-template-columns:46px 1fr}.bubble-visual.compact i{width:46px;height:46px}.fusion-result .bubble-visual{margin:12px 0}.fusion-result .bubble-visual i{width:72px;height:72px;font-size:30px}@keyframes reactorPulse{0%{transform:scale(.92) rotate(0)}50%{transform:scale(1.12) rotate(90deg)}100%{transform:scale(.92) rotate(180deg)}}

.adventure-card{display:grid;gap:14px}.adventure-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.adventure-top h2{margin:5px 0}.adventure-top>span{font-size:12px;color:var(--muted);white-space:nowrap}.adventure-map{--cols:7;--rows:5;position:relative;min-height:360px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#27344c 0 25%,#18212b 25% 100%);overflow:hidden;outline:none}.adventure-map.station{background:linear-gradient(180deg,#2b3546 0 26%,#151a22 26% 68%,#313746 68%)}.adventure-map.lift{background:repeating-linear-gradient(90deg,#171b23 0 13%,#242a35 13% 14%)}.adventure-map.parcel{background:linear-gradient(145deg,#272318,#151922)}.adventure-map.kitchen{background:linear-gradient(180deg,#2b3440 0 36%,#161c25 36%)}.scene-decor{position:absolute;right:7%;top:8%;font-size:72px;opacity:.65}.player-token,.hotspot{position:absolute;left:calc((var(--x) - .5) / 7 * 100%);top:calc((var(--y) - .5) / 5 * 100%);transform:translate(-50%,-50%);transition:left .14s ease,top .14s ease}.player-token{z-index:4;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f5f1e8;color:#111;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.hotspot{z-index:3;border:1px solid var(--mint);background:rgba(17,20,28,.88);color:var(--text);border-radius:16px;min-width:74px;min-height:66px;display:grid;place-items:center;cursor:pointer;padding:6px;box-shadow:0 0 0 5px rgba(141,224,210,.07)}.hotspot span{font-size:23px}.hotspot small{font-size:9px;color:var(--muted)}.adventure-hint{min-height:44px;border-left:3px solid var(--warm);padding:10px 12px;color:var(--muted)}.dpad{width:190px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dpad button{min-height:48px;border:1px solid var(--line);background:#11141c;color:var(--text);border-radius:12px;cursor:pointer}

.orbit-hud{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;margin-bottom:10px}.orbit-hud>div{display:grid;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#11141c}.orbit-hud span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.orbit-hud strong{font-size:14px}.power-button{justify-self:end;border:1px solid var(--mint);background:rgba(141,224,210,.08);color:var(--text);border-radius:13px;padding:11px 14px;cursor:pointer}.power-button:disabled{opacity:.38;cursor:default}.orbit-stage.energy-flash{animation:energyFlash .28s ease}.orbit-stage.shield-burst{animation:shieldBurst .36s ease}.orbit-stage.shielded{box-shadow:inset 0 0 0 2px rgba(141,224,210,.35)}@keyframes energyFlash{50%{box-shadow:inset 0 0 55px rgba(141,224,210,.45)}}@keyframes shieldBurst{50%{box-shadow:inset 0 0 75px rgba(141,224,210,.65)}}

@media(max-width:720px){.battle-setup{grid-template-columns:1fr}.battle-setup .vs{text-align:center}.battle-arena{min-height:280px;padding:18px 10px;gap:8px}.fighter-orb{width:82px}.tactic-row,.strategy-row{grid-template-columns:repeat(2,1fr)}.jugaad-scene{grid-template-columns:1fr}.scenario-visual{min-height:150px}.scenario-visual>span{font-size:50px}.fusion-workbench{grid-template-columns:1fr;min-height:auto}.fusion-reactor{order:2}.reactor-slot:first-child{order:1}.reactor-slot:last-child{order:3}.reactor-slot{min-height:100px}.reactor-core{width:92px}.discovery-head{align-items:start;flex-direction:column}.adventure-map{min-height:300px}.hotspot{min-width:62px}.orbit-hud{grid-template-columns:1fr 1fr}.power-button{grid-column:1/-1;justify-self:stretch}.jugaad-actions{align-items:stretch;flex-direction:column}.jugaad-actions .primary{width:100%}}
@media(prefers-reduced-motion:reduce){.fighter-orb,.player-token,.hotspot{transition:none!important}.fusion-reactor.fusing .reactor-core,.contraption.testing span{animation:none!important}}

/* v0.5 depth systems */
.daily-sub{margin-top:14px!important;color:var(--warm)!important}.achievement-panel{margin-bottom:16px}.achievement-list{display:grid;gap:8px}.achievement-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--muted)}.achievement-row.earned{border-color:var(--mint);color:var(--text);background:rgba(141,224,210,.05)}.achievement-row b,.achievement-row small{display:block}.achievement-row small{color:var(--muted);margin-top:3px}.achievement-row em{font-size:10px;font-style:normal;color:var(--warm);overflow-wrap:anywhere}
.arena-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.arena-picker>div{display:flex;flex-wrap:wrap;gap:7px}.arena-picker button{border:1px solid var(--line);background:#11141c;color:var(--text);border-radius:999px;padding:8px 11px;cursor:pointer}.arena-picker button.selected{border-color:var(--warm);background:rgba(255,204,102,.08)}.arena-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arena-sky i{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);top:14%;left:20%;box-shadow:120px 32px rgba(255,255,255,.18),310px 12px rgba(255,255,255,.25),430px 46px rgba(255,255,255,.15)}.arena-crowd{position:absolute;left:8%;right:8%;bottom:17%;font-size:22px;letter-spacing:10px;color:rgba(255,255,255,.14);overflow:hidden;white-space:nowrap}.battle-arena.env-rooftop{background:linear-gradient(180deg,#26324b 0 48%,#12151c 48%)}.battle-arena.env-scrapyard{background:radial-gradient(circle at 50% 20%,#503e27,#201d1a 48%,#101218)}.battle-arena.env-storm{background:linear-gradient(180deg,#1a2737,#10151d 58%)}.env-storm .arena-sky:after{content:'////  ////  ////  ////';position:absolute;inset:0;color:rgba(141,224,210,.2);font-size:40px;letter-spacing:18px;transform:skewX(-18deg)}.fighter-orb:before,.fighter-orb:after{content:'';position:absolute;width:22px;height:8px;border-radius:999px;background:rgba(245,241,232,.55);top:58%}.fighter-orb:before{left:-12px;transform:rotate(24deg)}.fighter-orb:after{right:-12px;transform:rotate(-24deg)}.fighter-orb{position:relative;animation:fighterIdle 1.7s ease-in-out infinite alternate}.fighter.winner .fighter-orb{transform:translateY(-8px) scale(1.08);filter:saturate(1.25)}@keyframes fighterIdle{from{translate:0 0}to{translate:0 -5px}}
.target-track{position:relative;margin-top:18px;width:min(260px,100%);height:42px;border-bottom:3px solid #596277}.target-agent,.target-goal{position:absolute;bottom:5px;font-size:26px;z-index:2}.target-agent{left:2%;transition:left .35s ease}.target-goal{right:0}.target-fill{position:absolute;left:0;bottom:-3px;height:3px;width:0;background:var(--mint);transition:width .35s ease}.build-bench.prototype{box-shadow:inset 0 0 0 2px rgba(141,224,210,.18)}.sim-log{display:grid;gap:5px;max-height:150px;overflow:auto}.sim-log p{margin:0;padding:7px 9px;border-left:2px solid var(--line);color:var(--muted);font-size:12px}.sim-log b{color:var(--mint)}.target-score{display:flex;align-items:end;gap:12px;padding:12px 0}.target-score strong{font-size:46px}.target-score span{color:var(--muted);padding-bottom:8px}
.adventure-pack{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#11141c}.adventure-pack>div{display:flex;gap:7px;flex-wrap:wrap}.pack-item{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:8px 10px;cursor:pointer}.pack-item.selected{border-color:var(--warm);background:rgba(255,204,102,.09)}.loot-line{font-size:12px;color:var(--muted);margin:8px 0}
.fusion-chain{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.fusion-chain span,.fusion-chain small{color:var(--muted);font-size:11px}.fusion-chain strong{font-size:18px;color:var(--warm)}.reactor-visual{width:140px;height:140px;display:grid;place-items:center}.mini-reactor-canvas{width:140px;height:140px;display:block}.reactor-mode{font-size:11px;padding:8px 10px}.reactor-mode:disabled{opacity:.5}
@media(max-width:720px){.arena-picker{align-items:flex-start;flex-direction:column}.achievement-row{grid-template-columns:26px 1fr}.achievement-row em{grid-column:2}.fusion-chain{grid-template-columns:auto auto}.fusion-chain small{grid-column:1/-1}.reactor-visual{width:110px;height:110px}.mini-reactor-canvas{width:110px;height:110px}.target-score strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.fighter-orb{animation:none!important}.target-agent,.target-fill{transition:none!important}.env-storm .arena-sky:after{display:none}}

/* v0.6 interaction polish */
.combat-console{margin-top:16px;border:1px solid var(--line);border-radius:18px;background:#11141c;padding:14px;display:grid;gap:12px}.telegraph{display:grid;gap:5px}.telegraph strong{font-size:18px}.telegraph small{color:var(--muted)}.telegraph-timer{height:6px;border-radius:999px;overflow:hidden;background:#242936}.telegraph-timer span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--mint),var(--warm),var(--pink))}.combat-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.combat-action{min-height:74px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 8px;padding:10px;text-align:left;cursor:pointer}.combat-action>span{grid-row:1/3;font-size:24px}.combat-action b{font-size:13px}.combat-action small{font-size:10px;color:var(--muted)}.combat-action.selected{border-color:var(--warm);background:rgba(255,204,102,.08)}.combat-action:disabled{opacity:.46;cursor:not-allowed}.combat-score{font-size:12px;color:var(--muted)}

.spatial-bench{min-height:300px;display:block;padding:14px}.bench-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.bench-top>span:last-child{font-size:10px;color:var(--muted);max-width:54%;text-align:right}.bench-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,76px);gap:5px}.bench-grid>button{min-width:0;border:1px dashed #41495c;border-radius:11px;background:rgba(10,12,17,.62);color:var(--text);padding:3px;cursor:pointer}.bench-grid>button.filled{border-style:solid;border-color:var(--mint);background:rgba(141,224,210,.07)}.bench-piece{display:grid;place-items:center;gap:3px}.bench-piece i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:hsl(var(--h) 45% 35%);font-style:normal;font-size:18px}.bench-piece small{font-size:8px;line-height:1.05;overflow-wrap:anywhere}.bench-links{position:absolute;inset:42px 14px 14px;width:calc(100% - 28px);height:calc(100% - 56px);z-index:1;pointer-events:none}.bench-links line{stroke:rgba(255,204,102,.45);stroke-width:8;stroke-linecap:round;stroke-dasharray:14 10}.interactive-inventory button.armed{border-color:var(--warm);box-shadow:0 0 0 3px rgba(255,204,102,.09)}.spatial-verdict{font-size:12px;color:var(--muted)}

.scene-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.scene-object,.scene-actor{position:absolute;left:calc((var(--x) - .5) / 7 * 100%);top:calc((var(--y) - .5) / 5 * 100%);transform:translate(-50%,-50%);font-size:28px;transition:left .35s ease,top .35s ease}.scene-object.obstacle{filter:drop-shadow(0 8px 8px rgba(0,0,0,.3));font-size:34px}.scene-object.object{opacity:.78}.scene-actor{z-index:2;font-size:29px;animation:actorBob .75s ease-in-out infinite alternate}.adventure-map[data-terrain="platform"]:after{content:'';position:absolute;left:0;right:0;bottom:21%;height:5px;background:repeating-linear-gradient(90deg,#687182 0 22px,#262c37 22px 34px);opacity:.65}.adventure-map[data-terrain="hallway"]:after{content:'';position:absolute;left:18%;right:18%;bottom:10%;height:54%;border-left:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(255,255,255,.08);transform:perspective(160px) rotateX(57deg);transform-origin:bottom}.adventure-map[data-terrain="apartment"]:after{content:'▦   ▦   ▦';position:absolute;right:7%;top:7%;font-size:42px;color:rgba(255,204,102,.13)}.adventure-map[data-terrain="kitchen"]:after{content:'▰  ▰  ▰';position:absolute;left:8%;right:8%;bottom:9%;font-size:34px;letter-spacing:18px;color:rgba(141,224,210,.1)}@keyframes actorBob{from{translate:0 0}to{translate:0 -4px}}

.lineage-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.lineage-scroll{overflow-x:auto;padding:8px 0 14px}.lineage-canvas{position:relative;min-height:130px}.lineage-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lineage-canvas path{fill:none;stroke:#4d566b;stroke-width:2}.lineage-node{position:absolute;transform:translate(-50%,-50%);width:112px;min-height:54px;border:1px solid var(--line);border-radius:14px;background:#11141c;color:var(--text);display:grid;grid-template-columns:25px 1fr;align-items:center;gap:5px;padding:7px 8px;text-align:left;cursor:pointer}.lineage-node span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:hsl(var(--h) 45% 34%)}.lineage-node b{font-size:10px;overflow-wrap:anywhere}.lineage-node.depth-0{opacity:.78}.lineage-node:hover,.lineage-node:focus-visible{border-color:var(--mint)}

@media(max-width:720px){.combat-actions{grid-template-columns:1fr}.combat-action{min-height:58px}.bench-top{flex-direction:column}.bench-top>span:last-child{max-width:none;text-align:left}.bench-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,58px);gap:3px}.bench-piece i{width:26px;height:26px}.bench-piece small{font-size:7px}.bench-links{display:none}.lineage-node{width:96px}.scene-object,.scene-actor{font-size:24px}}
@media(prefers-reduced-motion:reduce){.scene-actor{animation:none!important}.scene-object,.scene-actor{transition:none!important}.telegraph-timer span{transition:none!important}}
