:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2f7;background:#0b0f14;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#131b20f2,#090c10),#0b0f14}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid #334155;border-radius:8px;color:#eef2f7;background:#17202b;cursor:pointer}button:hover{border-color:#7dd3fc}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{width:100%;border:1px solid #334155;border-radius:8px;color:#eef2f7;background:#0f1620;padding:10px 12px}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:1.35rem}h2{font-size:1rem}h3{margin-top:16px;margin-bottom:8px;font-size:.85rem;color:#cbd5e1}p,small,span,dd,dt,li{letter-spacing:0}#app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 18px;border-bottom:1px solid #1f2937;background:#090d12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-actions{justify-content:flex-end}.pill,.stat-strip span{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px solid #344256;border-radius:999px;color:#cbd5e1;background:#111827;white-space:nowrap}.pill.danger{border-color:#7f1d1d;color:#fecaca;background:#221316}.message{margin:12px 18px 0;padding:10px 12px;border:1px solid #7c2d12;border-radius:8px;color:#fed7aa;background:#1c1511}.surface,.auth-card{border:1px solid #253241;border-radius:8px;background:#101720;box-shadow:0 16px 40px #00000038}.auth-shell,.start-shell{display:grid;grid-template-columns:repeat(2,minmax(260px,420px));gap:16px;justify-content:center;padding:48px 18px}.auth-card,.start-panel{display:grid;gap:14px;padding:18px}.auth-card label,.start-panel label{display:grid;gap:6px;color:#cbd5e1}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-shell{display:grid;grid-template-columns:minmax(540px,1.25fr) minmax(300px,.7fr);grid-template-areas:"map side" "loadout combat" "issue combat";gap:14px;padding:14px 18px 28px}.map-panel{grid-area:map;padding:14px;min-height:610px}.side-panel{grid-area:side;display:grid;gap:14px;align-content:start}.loadout-panel{grid-area:loadout;padding:14px}.combat-panel{grid-area:combat;padding:14px;align-self:start}.issue-panel{grid-area:issue;display:grid;gap:10px;padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px}.panel-head.compact{align-items:center}.panel-head p,.muted{color:#94a3b8;font-size:.9rem}.stat-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.island-map{position:relative;height:520px;overflow:auto;border:1px solid #1f2937;border-radius:8px;background:linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.05) 1px,transparent 1px),#0c1219;background-size:48px 48px}.map-tile{position:absolute;left:calc((var(--q) - var(--min-q)) * 164px + (var(--r) - var(--min-r)) * 82px + 28px);top:calc((var(--r) - var(--min-r)) * 98px + 28px);display:grid;grid-template-rows:minmax(28px,auto) 22px 20px;width:146px;height:92px;padding:10px;text-align:left;overflow:hidden;border-width:2px;background:#111827}.map-tile span,.map-tile strong,.map-tile small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-tile strong{text-transform:capitalize;color:#f8fafc;font-size:.8rem}.map-tile small{color:#dbeafe}.map-tile.selected{outline:3px solid #eab308;outline-offset:2px}.element-fire{border-color:#fb7185;background:#2a1516}.element-water{border-color:#60a5fa;background:#0f1d2d}.element-earth{border-color:#a3a3a3;background:#1d1c18}.element-air{border-color:#5eead4;background:#102221}.element-light{border-color:#fde68a;background:#272212}.element-shadow{border-color:#c084fc;background:#20152d}.tile-detail,.party-panel,.summary-panel{padding:14px}.tile-detail dl{display:grid;gap:8px;margin:0 0 12px}.tile-detail dl div{display:grid;grid-template-columns:78px 1fr;gap:10px}dt{color:#94a3b8}dd{margin:0}.threat{padding:5px 9px;border-radius:999px;background:#0f172a;white-space:nowrap}.action-row,.playback-controls{display:flex;flex-wrap:wrap;gap:8px}.member-list{display:grid;gap:8px}.member-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(110px,1fr);gap:10px;min-height:44px;align-items:center;padding:9px 10px;border:1px solid #253241;border-radius:8px;background:#0f1620}.member-row.you{border-color:#7dd3fc}.member-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#cbd5e1;white-space:nowrap}.summary-panel ol,.combat-log{display:grid;gap:7px;margin:0;padding-left:20px}.summary-panel li{color:#d1d5db}.ability-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(112px,1fr));gap:8px}.ability-cell,.passive-slot{display:grid;align-content:center;gap:5px;min-height:82px;padding:9px;overflow:hidden;text-align:left}.ability-cell strong,.ability-cell small,.passive-slot strong,.passive-slot small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ability-cell span,.passive-slot span{color:#94a3b8;text-align:center}.passive-row{display:grid;grid-template-columns:repeat(5,minmax(96px,1fr));gap:8px}.quality-common{border-color:#94a3b8;background:#111827}.quality-uncommon{border-color:#34d399;background:#102019}.quality-rare{border-color:#818cf8;background:#15162b}.stash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stash-list{display:flex;flex-wrap:wrap;gap:8px;min-height:42px}.stash-chip{min-height:34px;max-width:100%;padding:5px 10px}.stash-chip.selected{outline:2px solid #eab308;outline-offset:2px}button.active,.pill.active{border-color:#7dd3fc;background:#123042}.combatants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.combatant{display:grid;gap:6px;padding:10px;border:1px solid #334155;border-radius:8px;background:#0f1620}.combatant.players{border-color:#38bdf8}.combatant.enemies{border-color:#fb7185}.combatant span{color:#94a3b8;font-size:.85rem}.hpbar{position:relative;height:22px;overflow:hidden;border:1px solid #273449;border-radius:8px;background:#111827}.hpbar i{display:block;height:100%;background:#34d399}.hpbar b{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem}.playback-controls{margin-bottom:10px}.playback-controls .active{border-color:#facc15;color:#fef3c7}.combat-log{max-height:360px;overflow:auto;padding:10px 10px 10px 30px;border:1px solid #1f2937;border-radius:8px;background:#0b111a}.combat-log li{color:#dbeafe}.combat-log time{display:inline-block;min-width:48px;color:#93c5fd}.editor-shell{display:grid;grid-template-columns:220px minmax(320px,.9fr) minmax(420px,1.15fr);gap:14px;padding:14px 18px 28px}.editor-topbar .pill{max-width:260px;overflow:hidden;text-overflow:ellipsis}.editor-nav{display:grid;align-content:start;gap:8px;padding:12px}.editor-nav button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;text-align:left}.editor-nav span{color:#94a3b8;font-size:.8rem}.editor-list,.editor-inspector{padding:14px;align-self:start}.editor-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:8px;margin-bottom:12px}.editor-rows{display:grid;gap:8px;max-height:calc(100vh - 205px);overflow:auto;padding-right:4px}.editor-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:66px;padding:10px;text-align:left}.editor-row.selected{border-color:#eab308}.editor-row strong,.editor-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-row small{color:#94a3b8}.editor-row i{display:flex;gap:5px;overflow:hidden;font-style:normal}.editor-row i span{flex:0 0 auto;padding:2px 7px;border:1px solid #334155;border-radius:999px;color:#cbd5e1;background:#0f172a;font-size:.74rem}.editor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-form.numeric{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-form label{display:grid;gap:5px;min-width:0;color:#cbd5e1;font-size:.85rem}.editor-form .span-2{grid-column:1 / -1}.editor-json,.editor-preview{width:100%;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}.editor-preview{padding:12px;border:1px solid #334155;border-radius:8px;background:#08111d}.editor-actions,.publish-box{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.publish-box input{flex:1 1 220px}.editor-validation{margin-top:14px;border-top:1px solid #253241;padding-top:8px}.editor-validation ol{display:grid;gap:6px;max-height:260px;margin:0;overflow:auto;padding-left:20px}.editor-validation li{color:#cbd5e1}.editor-validation li.error{color:#fecaca}.editor-validation li.warning{color:#fde68a}@media(max-width:1180px){.game-shell{grid-template-columns:1fr;grid-template-areas:"map" "side" "loadout" "combat" "issue"}.map-panel{min-height:560px}.editor-shell{grid-template-columns:190px minmax(300px,1fr)}.editor-inspector{grid-column:1 / -1}}@media(max-width:760px){.topbar{align-items:flex-start}.auth-shell,.start-shell{grid-template-columns:1fr;padding:24px 12px}.game-shell{padding:12px}.mode-grid,.combatants,.stash-columns{grid-template-columns:1fr}.island-map{height:470px}.map-tile{left:calc((var(--q) - var(--min-q)) * 140px + (var(--r) - var(--min-r)) * 70px + 18px);top:calc((var(--r) - var(--min-r)) * 88px + 24px);width:124px;height:84px}.ability-grid,.passive-row{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head,.topbar{flex-direction:column}.editor-shell,.editor-form,.editor-form.numeric,.editor-filters{grid-template-columns:1fr}.editor-shell{padding:12px}.editor-inspector{grid-column:auto}}