:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1418;--panel:#162029;--panel-strong:#1c2a34;--line:#34505e;--text:#f4ecd2;--muted:#aab6ad;--gold:#e8c46b;--jade:#76d0a3;--red:#de6b6b;--blue:#72b7ff;--shadow:0 18px 40px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#5b8d6840,#0000 32rem),linear-gradient(135deg,#0e1418 0%,#111c20 42%,#151522 100%);margin:0}button,input{font:inherit}button,.login-link{min-height:38px;color:var(--text);cursor:pointer;background:#22313a;border:1px solid #5a6f68;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.login-link:hover{border-color:var(--gold);background:#2d4045}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;padding:1rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto 1rem;display:flex}.topbar>div:first-child{align-items:center;gap:.8rem;display:flex}.brand-mark{border:2px solid var(--gold);width:42px;height:42px;color:var(--gold);background:#1b2630;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid}h1,h2,p{margin:0}h1,h2{letter-spacing:0;font-family:Georgia,Times New Roman,serif}h1{font-size:clamp(1.3rem,2vw,2rem)}h2{font-size:1.1rem}.topbar p,.muted{color:var(--muted)}.topbar nav{flex-wrap:wrap;gap:.5rem;display:flex}.topbar nav .active,.segmented .active{border-color:var(--gold);color:#1b1609;background:var(--gold)}.user-pill{color:var(--jade);align-items:center;gap:.45rem;display:inline-flex}.logout-link{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 .4rem;line-height:1.6;text-decoration:none}.logout-link:hover{color:var(--red);border-color:var(--red)}.main-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:1rem;max-width:1440px;margin:0 auto;display:grid}.side-panel{min-height:640px}.playfield,.side-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#0e1418bd}.playfield{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.game-canvas{aspect-ratio:900/560;background:#0b1115;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.game-shell{min-width:0;min-height:0;position:relative}.game-canvas canvas{max-width:100%;max-height:100%;image-rendering:pixelated;width:100%!important;height:auto!important}.dpad{z-index:2;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:.25rem;display:grid;position:absolute;bottom:1rem;left:1rem}.dpad button{background:#142026db;border-color:#7a967e;width:48px;height:48px;min-height:48px;padding:0;font-weight:700}.dpad button:first-child{grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}.notice-strip{border-top:1px solid var(--line);color:var(--jade);background:#111a20;padding:.8rem 1rem}.world-hud{pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:.85rem;left:.85rem;right:.85rem}.zone-pill,.demo-objective{background:#0e1418d1;border:1px solid #e8c46b94;box-shadow:0 10px 24px #00000047}.zone-pill{color:var(--gold);white-space:nowrap;padding:.42rem .6rem;font-family:Georgia,Times New Roman,serif;font-size:.92rem}.demo-objective{gap:.15rem;width:min(300px,52vw);padding:.5rem .65rem;display:grid}.demo-objective span{color:var(--gold);text-transform:uppercase;font-size:.68rem}.demo-objective strong{line-height:1.15}.demo-objective small{color:var(--muted);line-height:1.25}.demo-objective.complete{border-color:#76d0a3b8}.side-panel{min-height:640px;padding:1rem;overflow:auto}.wide-panel{min-width:360px}.panel-section{background:#162029e6;border:1px solid #334853;gap:.9rem;padding:1rem;display:grid}.panel-section+.panel-section{margin-top:1rem}.full-height{min-height:600px}.stat-list{gap:.6rem;margin:0;display:grid}.stat-list div{justify-content:space-between;gap:1rem;display:flex}.stat-list dt{color:var(--muted)}.stat-list dd{text-align:right;margin:0}.meter-label{color:var(--muted);justify-content:space-between;display:flex}.meter{background:#0c1318;border:1px solid #3f5863;height:12px}.meter span{background:linear-gradient(90deg, var(--jade), var(--gold));height:100%;display:block}.action-stack,.technique-grid,.admin-grid{gap:.65rem;display:grid}.technique-grid{grid-template-columns:1fr 1fr}.technique-grid button,.admin-tool{flex-direction:column;align-items:flex-start;min-height:70px}.technique-grid span,.admin-tool span{color:var(--muted);font-size:.82rem}.secondary-action{background:#1a242b}.stub-box{color:var(--muted);border:1px dashed #50666e;align-items:center;gap:.7rem;padding:.9rem;display:flex}.battle-log{color:var(--muted);margin:0;padding-left:1.2rem}.capture-prompt{background:#2a231273;border:1px solid #e8c46b80;gap:.35rem;padding:.65rem;display:grid}.segmented{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.chat-list{align-content:start;gap:.6rem;min-height:380px;display:grid}.chat-list article{border-left:3px solid var(--jade);background:#101920;padding:.55rem .7rem}.chat-list p{color:var(--muted);margin-top:.25rem}.chat-compose{grid-template-columns:1fr auto;gap:.5rem;display:grid}.chat-compose input{min-height:40px;color:var(--text);background:#0c1318;border:1px solid #435967;padding:0 .75rem}.admin-grid{grid-template-columns:1fr 1fr}.admin-tool.danger:not(:disabled){border-color:var(--red)}.boot-screen{min-height:100vh;color:var(--gold);letter-spacing:.05em;place-items:center;font-family:Georgia,serif;display:grid}.brand{align-items:center;gap:.8rem;display:flex}h3{color:var(--gold);align-items:center;gap:.4rem;margin:.4rem 0 0;font-family:Georgia,serif;font-size:.95rem;display:flex}.small{font-size:.8rem}.primary-action{border-color:var(--gold);color:var(--gold);background:linear-gradient(120deg,#2d4045,#1d2c33);font-weight:600}.error-text{color:var(--red);font-size:.85rem}.victory{color:var(--jade);font-weight:700}.defeat{color:var(--red);font-weight:700}.creation-overlay{background:radial-gradient(circle at top,#e8c46b1f,#0000 40rem),linear-gradient(135deg,#0e1418,#151522);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.creation-card{border:1px solid var(--line);width:min(820px,100%);box-shadow:var(--shadow);background:#162029f2;gap:1.1rem;padding:1.6rem;display:grid}.creation-head{color:var(--gold);align-items:flex-start;gap:.8rem;display:flex}.creation-field{gap:.4rem;display:grid}.creation-field span{color:var(--muted)}.creation-field input{min-height:42px;color:var(--text);background:#0c1318;border:1px solid #435967;padding:0 .75rem}.creation-group{border:1px solid #334853;gap:.6rem;padding:.8rem;display:grid}.creation-group legend{color:var(--gold);padding:0 .4rem;font-family:Georgia,serif}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;display:grid}.choice{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;min-height:74px;padding:.6rem .7rem}.choice span{color:var(--muted);font-size:.8rem;font-weight:400}.choice.active{border-color:var(--gold);background:#2d4045}.stat-preview{text-align:center;grid-template-columns:repeat(6,1fr);gap:.4rem;display:grid}.stat-preview div{border:1px solid #334853;padding:.4rem .2rem}.stat-preview dt{color:var(--muted);text-transform:capitalize;font-size:.68rem}.stat-preview dd{color:var(--gold);margin:.2rem 0 0;font-weight:700}.sheet-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.kv{background:#101920;border:1px solid #2c3f49;padding:.35rem .5rem}.kv dt{color:var(--muted);text-transform:capitalize;font-size:.68rem}.kv dd{margin:.15rem 0 0;font-weight:600}.equip-row{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.equip-slot{flex-direction:column;align-items:flex-start;gap:.2rem;min-height:58px}.slot-name{color:var(--muted);text-transform:capitalize;font-size:.65rem}.item-list,.craft-list,.sect-list,.spirit-list{gap:.4rem;display:grid}.item-row,.craft-row,.sect-row,.spirit-row{background:#101920;border:1px solid #2c3f49;border-left-width:3px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.item-row strong,.craft-row strong,.sect-row strong,.item-row span,.craft-row span,.sect-row span,.spirit-row span{display:block}.inner-sea{background:radial-gradient(circle,#76d0a32e,#0000 14rem),#162029e6}.inner-sea-core{border:1px solid var(--jade);width:160px;height:160px;color:var(--gold);background:radial-gradient(circle,#274638,#111a20);border-radius:50%;place-self:center;place-items:center;font-family:Georgia,serif;display:grid}.spirit-row.integrated{border-left-color:var(--jade)}.spirit-row.captured{border-left-color:var(--gold)}.spirit-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.sect-create{grid-template-columns:1fr auto;gap:.5rem;display:grid}.sect-create input{min-height:40px;color:var(--text);background:#0c1318;border:1px solid #435967;padding:0 .75rem}.rarity-common{border-left-color:#8b97a0}.rarity-uncommon{border-left-color:var(--jade)}.rarity-rare{border-left-color:var(--blue)}.rarity-epic{border-left-color:#c08bff}.rarity-legendary{border-left-color:var(--gold)}.rarity-mythic{border-left-color:var(--red)}.mini{white-space:nowrap;min-height:32px;padding:.3rem .6rem;font-size:.82rem}.dungeon-steps{color:var(--muted);gap:.3rem;margin:0;padding-left:1.2rem;display:grid}.dungeon-steps li.done{color:var(--jade);text-decoration:line-through}.dungeon-steps li.current{color:var(--gold);font-weight:700}.meter.boss span{background:linear-gradient(90deg, var(--red), var(--gold))}.leaderboard{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border-bottom:1px solid #25343d;justify-content:space-between;padding:.25rem 0;display:flex}.leaderboard li.me{color:var(--gold);font-weight:700}.admin-users{gap:.3rem;display:grid}.admin-user-row{background:#101920;border:1px solid #2c3f49;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .6rem;display:flex}@media (max-width:980px){.topbar{flex-direction:column;align-items:flex-start}.main-grid{grid-template-columns:1fr}.playfield,.side-panel{min-height:auto}.game-canvas{min-height:0}.world-hud{background:#0b1115;padding:.6rem;position:static}.demo-objective{width:min(100%,320px)}.wide-panel{min-width:0}}@media (max-width:560px){.app-shell{padding:.6rem}.topbar nav,.segmented,.technique-grid,.admin-grid{grid-template-columns:1fr 1fr;width:100%;display:grid}.topbar nav button{width:100%}.chat-compose,.sect-create{grid-template-columns:1fr}.sheet-grid,.stat-preview{grid-template-columns:repeat(3,1fr)}.equip-row{grid-template-columns:repeat(2,1fr)}.choice-grid{grid-template-columns:1fr}.game-canvas{min-height:0}.world-hud{flex-direction:column}.zone-pill,.demo-objective{width:100%}}