#root{min-height:100vh}.app-shell{display:grid;gap:1rem;width:min(1120px,100%);margin:0 auto;padding:1rem}.hero-card,.combat-card,.panel{border:1px solid rgb(116 247 196 / 18%);background:linear-gradient(145deg,#0a1c2deb,#07111df5);box-shadow:0 24px 80px #00000047}.hero-card{display:grid;min-height:70vh;align-content:center;gap:1.25rem;padding:clamp(1.5rem,7vw,5rem);border-radius:2rem}.eyebrow{margin:0;color:#74f7c4;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:0;font-size:clamp(3rem,14vw,7.5rem);line-height:.86;letter-spacing:-.08em}h2{margin-bottom:.75rem;font-size:clamp(1.5rem,6vw,3rem);line-height:.95;letter-spacing:-.05em}.hero-copy{max-width:42rem;color:#b9ccda;font-size:clamp(1.05rem,2.8vw,1.35rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.primary-action,.secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.1rem;font-weight:800;text-decoration:none}.primary-action{background:#74f7c4;color:#07111d}.secondary-action{border:1px solid rgb(230 247 255 / 22%);color:#e6f7ff}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel,.combat-card{border-radius:1.5rem;padding:1.25rem}.panel p,.combat-card p{color:#b9ccda;line-height:1.6}.panel.emphasized{background:linear-gradient(145deg,#134952f2,#092239f2)}.combat-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem}.action-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.action-list li{display:grid;gap:.2rem;border-radius:1rem;background:#ffffff0f;padding:.8rem}.action-list span{color:#b9ccda;font-size:.92rem}.play-shell{container-type:inline-size;display:grid;gap:.75rem;width:min(980px,100%);margin:0 auto;padding:.65rem}.play-header,.play-actions,.debug-actions,.play-panel{border:1px solid rgb(116 247 196 / 18%);background:linear-gradient(145deg,#0a1c2df0,#07111dfa);box-shadow:0 20px 70px #0000003d}.play-header{display:grid;gap:.55rem;border-radius:1.4rem;padding:1rem}.play-header h1{max-width:11ch;font-size:clamp(2.1rem,10.5vw,5.8rem)}.play-header p:last-child{max-width:40rem;color:#b9ccda;line-height:1.55}.play-actions{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;border-radius:1.1rem;padding:.65rem}.debug-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:flex-end;border-color:#e6f7ff1a;border-radius:.9rem;background:#ffffff0a;padding:.45rem .6rem;box-shadow:none}.debug-actions span{color:#7890a3;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.next-action-copy{display:grid;gap:.12rem;min-width:0;color:#e6f7ff;line-height:1.25}.next-action-copy strong{color:#74f7c4;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.next-action-copy span{color:#b9ccda;font-size:.85rem}.play-actions button{min-height:48px;border:0;border-radius:999px;background:#74f7c4;color:#07111d;font:inherit;font-size:.85rem;font-weight:850}.world-stage{display:grid;gap:.75rem;overflow:hidden;border:1px solid rgb(116 247 196 / 24%);border-radius:1.25rem;background:radial-gradient(circle at 18% 20%,rgb(116 247 196 / 16%),transparent 28%),linear-gradient(145deg,#0a1c2df5,#07111dfa);box-shadow:0 22px 80px #00000047;padding:1rem}.world-stage--watch{border-color:#ffb74d57}.world-stage--danger{border-color:#ff7e7e61;background:radial-gradient(circle at 84% 26%,rgb(255 126 126 / 16%),transparent 30%),linear-gradient(145deg,#3d2020f2,#07111dfa)}.world-stage__header{display:flex;gap:.75rem;align-items:start;justify-content:space-between}.world-stage__header h2{margin:0;font-size:clamp(1.45rem,7vw,3rem)}.onboarding-hint{display:flex;gap:.25rem;align-items:start;justify-content:space-between;border:1px solid rgb(116 247 196 / 34%);border-radius:1rem;background:#74f7c41c;padding:.75rem}.onboarding-hint div{display:grid;gap:.25rem}.onboarding-hint--rival,.onboarding-hint--extract-path{border-color:#ffb74d5c;background:#ffb74d1a}.onboarding-hint strong{color:#74f7c4;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.onboarding-hint span{color:#e6f7ff;line-height:1.4}.onboarding-hint button{min-height:36px;flex:0 0 auto;border:1px solid rgb(230 247 255 / 18%);border-radius:999px;background:#07111d6b;color:#e6f7ff;font:inherit;font-size:.72rem;font-weight:850;padding:.4rem .65rem}.play-actions[data-onboarding-beat],.stage-action-tray button:first-child{box-shadow:0 0 0 1px #74f7c43d,0 18px 54px #74f7c429}.stage-map{display:grid;grid-template-columns:minmax(5rem,1fr) 1.75rem minmax(5rem,1fr) 1.75rem minmax(5rem,1fr) 1.75rem minmax(5rem,1fr);gap:.25rem;align-items:center}.stage-node{display:grid;gap:.2rem;min-height:5.8rem;align-content:center;border:1px solid rgb(230 247 255 / 14%);border-radius:1.1rem;background:#ffffff12;padding:.65rem}.stage-asset{width:2.35rem;height:2.35rem;color:#d8e9f4;filter:drop-shadow(0 8px 16px rgb(0 0 0 / 22%))}.stage-asset path,.stage-asset circle{fill:currentColor}.stage-asset .stage-asset__mark{fill:#74f7c4}.stage-asset .stage-asset__detail{fill:#ffdf7e}.stage-asset .stage-asset__line{fill:none;stroke:#07111d;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}.stage-asset--home-island,.stage-asset--gather-node,.stage-asset--sea-grass{color:#74f7c4}.stage-asset--avatar-runner,.stage-asset--planks,.stage-asset--driftwood{color:#ffdf7e}.stage-asset--encounter-silhouette,.stage-asset--scrap-ore{color:#ffb74d}.stage-asset--salvage-cache{color:#e6f7ff}.stage-node span,.stage-readout dt{color:#74f7c4;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.stage-node strong{color:#e6f7ff;line-height:1.05}.stage-node small{color:#b9ccda;font-size:.78rem;font-weight:650;line-height:1.35}.stage-node--rival{border-color:#ffb74d3d}.stage-node--highlighted,.stage-readout__focus{border-color:#74f7c48c;background:radial-gradient(circle at top right,rgb(116 247 196 / 22%),transparent 42%),#74f7c41a;box-shadow:0 0 0 1px #74f7c433}.stage-node em{width:fit-content;border-radius:999px;background:#74f7c4;padding:.18rem .45rem;color:#07111d;font-size:.62rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.stage-route{height:2px;border-radius:999px;background:linear-gradient(90deg,#74f7c426,#74f7c4b8)}.stage-route--highlighted{height:4px;background:linear-gradient(90deg,#74f7c44d,#74f7c4,#ffb74dd1);box-shadow:0 0 18px #74f7c46b}.stage-loot-tray{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none}.stage-loot-chip{display:grid;gap:.2rem;justify-items:start;border:1px solid rgb(230 247 255 / 14%);border-radius:.9rem;background:#ffffff0f;padding:.55rem}.stage-loot-chip .stage-asset{width:1.8rem;height:1.8rem}.stage-loot-chip span{color:#e6f7ff;font-size:.78rem;font-weight:850;line-height:1.1}.stage-loot-chip strong{color:#b9ccda;font-size:.68rem;line-height:1.2;text-transform:uppercase}.stage-loot-chip--protected{border-color:#ffdf7e6b;background:#ffdf7e1a}.stage-loot-chip--exposed{border-color:#ffb74d7a;background:#ffb74d1f}.stage-loot-chip--output{border-color:#74f7c457}.stage-avatar,.stage-pressure,.stage-extract-cue{border:1px solid rgb(230 247 255 / 14%);border-radius:1rem;background:#ffffff12;padding:.75rem}.stage-avatar{display:flex;gap:.7rem;align-items:center}.stage-avatar>span{display:inline-grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border-radius:999px;background:#74f7c4;color:#07111d;font-size:.9rem;font-weight:950}.stage-avatar div,.stage-pressure{display:grid;gap:.2rem}.stage-avatar strong,.stage-pressure strong,.stage-extract-cue{color:#e6f7ff;font-weight:850}.stage-avatar small,.stage-pressure span{color:#b9ccda;line-height:1.35}.stage-pressure{display:flex;flex-wrap:wrap;gap:.25rem .7rem;align-items:center}.stage-pressure--rising,.stage-pressure--danger,.stage-extract-cue{border-color:#ffb74d57;background:#ffb74d1a}.stage-action-tray{display:grid;gap:.55rem}.stage-action-tray button{display:grid;min-height:54px;gap:.12rem;border:0;border-radius:1rem;background:#74f7c4;color:#07111d;font:inherit;font-weight:850;padding:.7rem .85rem;text-align:left}.stage-action-tray button:disabled{cursor:not-allowed;opacity:.55}.stage-action-tray small{color:#07111dc2;font-weight:750;line-height:1.35}.stage-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0}.stage-readout div{display:grid;gap:.2rem;border-radius:.85rem;background:#ffffff0f;padding:.6rem}.stage-readout dd{margin:0;color:#d8e9f4;font-size:.9rem;line-height:1.35}.debug-actions button{min-height:36px;border:1px solid rgb(230 247 255 / 22%);border-radius:999px;background:#ffffff12;color:#e6f7ff;font:inherit;font-size:.75rem;font-weight:800;padding:.45rem .75rem}.play-panels{display:grid;gap:.75rem}.play-panel{border-radius:1.25rem;padding:1rem}.play-panel button:not(.touch-action){min-height:44px;border:0;border-radius:999px;background:#74f7c4;color:#07111d;font:inherit;font-weight:850;padding:.65rem 1rem}.play-panel button:disabled:not(.touch-action){background:#e6f7ff2e;color:#7890a3;cursor:not-allowed}.play-panel.emphasized{background:linear-gradient(145deg,#134952f2,#092239f2)}.play-panel.danger{border-color:#ffb74d42;background:linear-gradient(145deg,#3d2020f2,#151825fa)}.play-panel.economy-panel{border-color:#74f7c44d;background:linear-gradient(145deg,#103f39f2,#07111dfa)}.play-panel h2{font-size:clamp(1.25rem,4.8vw,2.2rem)}.play-panel h3{margin:0;font-size:1.05rem;line-height:1}.risk-band-grid{display:grid;gap:.6rem;margin-bottom:1rem}.risk-card{display:grid;gap:.45rem;border:1px solid rgb(230 247 255 / 14%);border-radius:1rem;background:#ffffff0f;padding:.8rem}.recipe-list,.market-list{display:grid;gap:.55rem;margin-top:1rem}.recipe-card{display:grid;gap:.45rem;border:1px solid rgb(230 247 255 / 14%);border-radius:1rem;background:#ffffff0f;padding:.75rem}.recipe-card__heading{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:space-between}.recipe-card h4{margin:0;color:#e6f7ff;font-size:1rem}.recipe-card__heading span{border-radius:999px;background:#74f7c424;padding:.2rem .5rem;color:#74f7c4;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.market-listing{border-color:#74f7c43d}.market-listing button:disabled{width:fit-content}.risk-card.selected{border-color:#74f7c485;background:#74f7c41f}.risk-card.locked{border-color:#ffb74d38;background:#ffb74d12;opacity:.92}.risk-card-heading{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:space-between}.risk-card-heading span{border-radius:999px;background:#74f7c4;padding:.25rem .5rem;color:#07111d;font-size:.7rem;font-weight:850;text-transform:uppercase}.risk-card-status{width:fit-content;border-radius:999px;background:#74f7c41f;padding:.25rem .5rem;color:#e6f7ff;font-size:.72rem;font-weight:850}.risk-card.locked .risk-card-heading span,.risk-card.locked .risk-card-status{background:#ffb74d29;color:#ffe1ad}.touch-action{display:inline-flex;min-height:52px;width:100%;align-items:center;justify-content:center;border:0;border-radius:999px;background:#74f7c4;color:#07111d;font:inherit;font-weight:850}.play-panel p,.building-list,.resource-list,.log-list{color:#b9ccda;line-height:1.55}.status-pill{display:inline-flex;width:fit-content;border-radius:999px;background:#74f7c41f;padding:.35rem .65rem;color:#e6f7ff;font-weight:800}.encounter-reveal,.storage-cue,.mastery-note{border:1px solid rgb(255 183 77 / 28%);border-radius:.9rem;background:#ffb74d1a;padding:.65rem;color:#ffe1ad;font-weight:800}.mastery-note{display:grid;gap:.2rem;margin-bottom:.75rem;border-color:#74f7c457;background:#74f7c41a;color:#e6f7ff}.mastery-note strong{color:#74f7c4}.mastery-note span{color:#d8e9f4;font-size:.9rem;font-weight:700;line-height:1.35}.building-list,.resource-list{display:grid;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none}.building-list li,.resource-list li{display:flex;gap:.75rem;justify-content:space-between;border-radius:.75rem;background:#ffffff0f;padding:.5rem .65rem}.building-list div{display:grid;gap:.15rem}.building-list span{font-size:.9rem}.level-badge{flex:0 0 auto;color:#e6f7ff;font-weight:800}.combat-action-grid{display:grid;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}.combat-action-grid li{display:grid;gap:.25rem;border-radius:.85rem;background:#ffffff0f;padding:.55rem}.combat-action-grid button{min-height:44px;border:1px solid rgb(255 183 77 / 28%);border-radius:999px;background:#ffffff14;color:#e6f7ff;font:inherit;font-weight:850}.combat-action-grid span{color:#b9ccda;font-size:.88rem}.safe-default{width:fit-content;border-radius:999px;background:#74f7c429;padding:.18rem .5rem;color:#74f7c4;font-size:.72rem;text-transform:uppercase}.log-list{margin:0;padding-left:1.2rem}.world-spike-shell{display:grid;gap:1rem;width:min(980px,100%);margin:0 auto;padding:.75rem}.world-spike-header,.world-stage-card,.world-spike-grid article{border:1px solid rgb(116 247 196 / 18%);background:linear-gradient(145deg,#0a1c2df0,#07111dfa);box-shadow:0 20px 70px #0000003d}.world-spike-header,.world-stage-card{border-radius:1.4rem;padding:1rem}.world-spike-header h1{max-width:11ch;font-size:clamp(2.35rem,11vw,5.8rem)}.world-spike-header p:last-child,.world-spike-grid p{color:#b9ccda;line-height:1.55}.world-stage-card{position:relative;display:grid;gap:1rem;overflow:hidden;min-height:560px;background:radial-gradient(circle at 22% 26%,rgb(116 247 196 / 20%),transparent 18rem),radial-gradient(circle at 77% 68%,rgb(255 183 77 / 18%),transparent 15rem),linear-gradient(145deg,#0a1c2df0,#07111dfa)}.world-map{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.world-node{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;align-items:center;border:1px solid rgb(230 247 255 / 14%);border-radius:1rem;background:#ffffff12;padding:.8rem}.world-node strong,.world-node span:last-child{grid-column:2}.world-node span:last-child{color:#b9ccda;font-size:.9rem;line-height:1.45}.world-node-orb{grid-row:1 / span 2;display:inline-grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:999px;background:#74f7c4;color:#07111d;font-weight:900}.world-node--risk .world-node-orb,.world-node--extract .world-node-orb{background:#ffdf7e}.world-node--blocked{border-color:#ffb74d5c;background:#ffb74d1a}.world-node--blocked .world-node-orb{background:#ffb74d}.world-avatar,.world-encounter-reveal{border-radius:1rem;padding:.8rem;font-weight:800}.world-avatar{display:flex;gap:.55rem;align-items:center;background:#74f7c41f;color:#e6f7ff}.world-avatar span{color:#74f7c4}.world-encounter-reveal{display:grid;gap:.25rem;border:1px solid rgb(255 183 77 / 28%);background:#ffb74d1a;color:#ffe1ad}.world-encounter-reveal span{font-weight:600;line-height:1.45}.world-spike-grid{display:grid;gap:1rem}.world-spike-grid article{border-radius:1.25rem;padding:1rem}@media(min-width:820px){.play-shell{padding:1rem}}@container (min-width: 820px){.play-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.play-panel--priority{grid-column:1 / -1}.play-panel--priority .risk-band-grid,.play-panel--priority .combat-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.play-shell{width:100%;padding:.5rem}.play-header{border-radius:1.1rem;padding:.9rem}.play-header h1{max-width:14ch;font-size:clamp(2rem,9vw,2.6rem);line-height:.95}.play-actions{grid-template-columns:minmax(0,1fr);gap:.45rem;border-radius:.95rem;padding:.5rem}.next-action-copy{grid-column:auto}.play-actions button{min-height:44px;font-size:.8rem}.world-stage{border-radius:1rem;padding:.85rem}.world-stage__header{display:grid}.stage-map{grid-template-columns:1fr;gap:.45rem}.stage-route{width:2px;height:.75rem;justify-self:center}.stage-node{min-height:auto;padding:.6rem}.stage-node span,.stage-readout dt{font-size:.62rem}.stage-node strong,.stage-readout dd{font-size:.82rem}.stage-loot-tray,.stage-readout{grid-template-columns:1fr}.stage-loot-chip,.stage-readout div{padding:.55rem}.play-panels{grid-template-columns:1fr;gap:.65rem}.play-panel{min-width:0;border-radius:1rem;padding:.85rem}.building-list li,.resource-list li{display:grid;gap:.35rem}.level-badge,.resource-list strong{justify-self:start}.combat-action-grid li{gap:.35rem;padding:.65rem}}@media(min-width:760px){.world-spike-shell{padding:1rem}.world-map{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.world-node{grid-template-columns:1fr;align-content:start}.world-node strong,.world-node span:last-child{grid-column:auto}.world-node-orb{grid-row:auto}.world-avatar{width:fit-content;transform:translate(42%)}.world-encounter-reveal{width:min(25rem,100%);justify-self:end}.world-spike-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:.75rem}.hero-card{min-height:92vh;border-radius:1.4rem}.panel-grid,.combat-card{grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}}:root{color:#e6f7ff;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}