: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}.bug-button{min-width:44px}.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(520px,1.1fr) minmax(320px,.72fr);grid-template-areas:"map side" "loadout side";gap:14px;padding:14px 18px 28px}.map-panel{grid-area:map;padding:12px;min-height:430px}.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}.combat-screen{padding:14px 18px 28px}.combat-stage{max-width:1220px;min-height:calc(100vh - 96px);margin:0 auto}.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:360px;overflow:auto;border:1px solid #1f2937;border-radius:28px;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:44px 44px}.map-tile{position:absolute;left:calc((var(--q) - var(--min-q)) * 118px + (var(--r) - var(--min-r)) * 58px + 24px);top:calc((var(--r) - var(--min-r)) * 72px + 22px);display:grid;grid-template-rows:minmax(24px,auto) 20px 18px;width:108px;height:70px;padding:8px;text-align:left;overflow:visible;border-width:2px;border-radius:12px;background:#111827;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease}.map-tile:hover{transform:translateY(-2px)}.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:.74rem}.map-tile small{color:#dbeafe;font-size:.72rem}.map-tile.selected{outline:3px solid #eab308;outline-offset:2px;box-shadow:0 0 22px #eab30847;animation:selectedTilePulse 1.2s ease-in-out infinite}.map-tile.cleared{filter:saturate(.7)}.map-tile.locked{opacity:.7}.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(88px,1fr));gap:6px}.ability-cell,.passive-slot{position:relative;display:grid;align-content:center;gap:4px;min-height:56px;padding:8px;overflow:visible;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.ability-cell:hover,.passive-slot:hover,.stash-chip:hover{transform:translateY(-1px)}.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(86px,1fr));gap:6px}.quality-common{border-color:#94a3b8;background:#111827}.quality-uncommon{border-color:#34d399;background:#102019}.quality-rare{border-color:#818cf8;background:#15162b}.quality-epic{border-color:#f472b6;background:#261323}.stash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.stash-toggle-row{display:flex;align-items:center;gap:10px;margin-top:12px}.stash-toggle.glow{border-color:#facc15;color:#fef3c7;box-shadow:0 0 22px #facc1547;animation:stashGlow 1.1s ease-in-out infinite}.stash-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:6px;min-height:52px}.stash-chip{position:relative;display:grid;align-content:center;gap:3px;min-height:48px;max-width:100%;padding:7px 9px;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.stash-chip strong,.stash-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stash-chip small{color:#cbd5e1;font-size:.72rem}.stash-chip.selected,.ability-cell.selected,.passive-slot.selected{outline:2px solid #eab308;outline-offset:2px}button.active,.pill.active{border-color:#7dd3fc;background:#123042}.combat-arena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.combat-side{display:grid;gap:8px}.combat-side h3,.combat-ability-row h3{margin:0}.combatants{display:grid;gap:8px}.combatant{display:grid;gap:6px;padding:12px;border:1px solid #334155;border-radius:8px;background:#0f1620;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.combatant.players{border-color:#38bdf8}.combatant.enemies{border-color:#fb7185}.combatant.active{transform:translateY(-2px);box-shadow:0 0 24px #7dd3fc2e;animation:combatPulse .52s ease-out}.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:10px 0}.playback-controls .active{border-color:#facc15;color:#fef3c7}.combat-log{max-height:310px;overflow:auto;padding:10px 10px 10px 30px;border:1px solid #1f2937;border-radius:8px;background:#0b111a}.combat-head-actions,.modal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.combat-status-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:8px 0 10px}.combat-status-board article{display:grid;gap:6px;padding:9px;border:1px solid #253241;border-radius:8px;background:#0c131d}.combat-status-board article div{display:flex;gap:6px;flex-wrap:wrap}.resource-chip,.status-chip{display:inline-flex;min-height:24px;align-items:center;padding:2px 8px;border:1px solid #334155;border-radius:999px;color:#e2e8f0;font-size:.78rem}.combat-ability-row{display:grid;gap:8px;margin:8px 0}.combat-ability-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.combat-ability{position:relative;min-height:82px;overflow:hidden;padding:10px;border:1px solid #334155;border-radius:8px;background:#0f1620}.combat-ability i{position:absolute;left:0;bottom:0;height:4px;background:#7dd3fc;transition:width .1s linear}.combat-ability strong,.combat-ability span,.combat-ability small{position:relative;z-index:1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-ability span{color:#dbeafe;font-size:.78rem}.combat-ability small{color:#94a3b8;font-size:.72rem}.combat-ability.active{transform:translateY(-2px);box-shadow:0 0 26px #7dd3fc33;animation:combatPulse .52s ease-out}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#02060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.issue-modal{display:grid;gap:12px;width:min(680px,100%);padding:16px}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:8px;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:min(320px,80vw);padding:8px 10px;border:1px solid #475569;border-radius:8px;color:#e5edf7;background:#080d15f5;box-shadow:0 16px 36px #00000059;white-space:pre-line;font-size:.78rem;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}@keyframes selectedTilePulse{0%,to{box-shadow:0 0 16px #eab3082e}50%{box-shadow:0 0 24px #eab30857}}@keyframes combatPulse{0%{filter:brightness(1.35)}to{filter:brightness(1)}}@keyframes stashGlow{0%,to{box-shadow:0 0 14px #facc1529}50%{box-shadow:0 0 26px #facc1552}}.combat-log li{color:#dbeafe}.combat-log li.active{color:#fef3c7}.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"}.map-panel{min-height:420px}.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,.combat-arena,.stash-columns{grid-template-columns:1fr}.island-map{height:330px}.map-tile{left:calc((var(--q) - var(--min-q)) * 106px + (var(--r) - var(--min-r)) * 52px + 18px);top:calc((var(--r) - var(--min-r)) * 66px + 20px);width:98px;height:66px}.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}}