:root{color-scheme:dark;--bg: #101c1c;--panel: #1a292c;--panel-2: #223438;--border: #38504f;--text: #efe8d5;--muted: #a4b5ad;--accent: #edc76c;--accent-2: #85c9aa;--danger: #e5484d;--info: #4f9cf9;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);min-width:320px}h1,h2,h3{margin:0;font-weight:600}h2{font-size:16px}h3{font-size:13px;color:var(--muted);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.04em}p{margin:6px 0}ul{list-style:none;margin:0;padding:0}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){border-color:#4a5668;background:#253040}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#edc76c;border-color:#f9dc96;color:#26322b;font-weight:700}button.primary:hover:not(:disabled){background:#f7d789}button.danger{border-color:#6a2a2d}button.danger:hover:not(:disabled){background:#3b1f21;border-color:var(--danger)}button.ghost{background:transparent}select,input[type=text]{font:inherit;color:var(--text);background:#0f141a;border:1px solid var(--border);border-radius:6px;padding:6px 8px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}label.check,label.inline{flex-direction:row;align-items:center;gap:6px;color:var(--text)}fieldset{border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin:0;display:flex;flex-direction:column;gap:4px}legend{color:var(--muted);font-size:12px;padding:0 4px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border)}.tag{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid var(--border);background:#131920;font-size:11px;color:var(--muted);white-space:nowrap}.tag.ok{color:var(--accent-2);border-color:#2f5a3d}.tag.warn{color:var(--accent);border-color:#5a4a12}.tag.rarity-uncommon{color:#8fd0ff;border-color:#2c5f80}.tag.state-equipped{color:var(--accent-2)}.tag.state-locked{color:var(--accent)}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{display:flex;flex-direction:column}.brand strong{font-size:16px}.balances{display:flex;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.gold{background:#f5c518}.dot.wood{background:#a8743a}.dot.ore{background:#4f6fd9}.session{display:flex;align-items:center;gap:10px}.layout{display:grid;grid-template-columns:minmax(576px,1fr) 340px;gap:16px;padding:16px;align-items:start}.column{display:flex;flex-direction:column;gap:16px;min-width:0}.column-arena{min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.status{padding:3px 10px;border-radius:999px;background:#0f141a;border:1px solid var(--border);font-size:12px}.arena-canvas{width:100%;max-width:720px;aspect-ratio:6 / 5;height:auto;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#1b2a1b}.arena-canvas canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.arena-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.arena-controls{display:flex;flex-direction:column;gap:10px}.team-select .check{color:var(--text)}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:10px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.xp{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.xp-bar{height:8px;background:#0f141a;border:1px solid var(--border);border-radius:999px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#4f9cf9,#7ef0a0);transition:width .2s linear}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0}.stats-grid>div{display:flex;flex-direction:column;background:#121820;border:1px solid var(--border);border-radius:6px;padding:6px 8px}.stats-grid b{font-size:16px}.breakdown{color:var(--accent-2);margin:4px 0 0}.equip-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.item-list,.recipe-list,.trade-list{display:flex;flex-direction:column;gap:8px}.item{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.item-equipped{border-color:#2f5a3d}.item-locked{opacity:.8;border-color:#5a4a12}.item-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.milestone-list li,.activity-list li{padding:3px 0;border-bottom:1px dashed var(--border)}.trade-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.trade-form label:nth-child(3){grid-column:1 / -1}.trade{border-color:#5a4a12}.login{min-height:100vh;display:grid;place-items:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px 36px;width:460px;text-align:center;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:26px;color:var(--accent)}.login-actions{display:flex;gap:12px;justify-content:center}.login-actions button{padding:10px 18px;font-size:15px}.loading{padding:48px;text-align:center;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);max-width:480px;box-shadow:0 6px 24px #0008}.toast-error{border-color:var(--danger)}.toast-info{border-color:var(--info)}.simulation-notice{border:1px solid #c89c42;background:#40351c;color:#fff0c4;padding:12px;border-radius:8px;line-height:1.5}.simulation-notice button{margin:8px}.market-form{display:grid;gap:10px;margin:20px 0;padding:16px;border:1px solid #465069;border-radius:8px}.market-form label,.market-filters label,.admin-panel label:not(.inline){display:grid;gap:6px}.market-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0}.market-history{max-height:260px;overflow:auto;padding-left:22px;overflow-wrap:anywhere}.market-history li{padding:6px 0}.admin-player-list{list-style:none;padding:0;display:grid;gap:8px}.admin-player-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-reason{margin:18px 0}.admin-reason textarea{min-height:80px;padding:10px;color:inherit;background:#192230;border:1px solid #54627b;border-radius:6px;font:inherit}.admin-player-detail{border:1px solid #465069;padding:16px;border-radius:8px;overflow-wrap:anywhere}.admin-audit{list-style:none;padding:0;max-height:450px;overflow:auto}.admin-audit li{border-bottom:1px solid #465069;padding:12px 0;overflow-wrap:anywhere}.admin-audit p{margin:6px 0}[hidden]{display:none!important}.tabs{display:flex;flex-wrap:nowrap;gap:6px;padding:12px 24px;overflow-x:auto;border-bottom:1px solid var(--border);background:#142223}.completion-banner{margin:12px 0;padding:14px;border:1px solid #5eaa75;background:#183b2a;border-radius:8px;color:#b8f6c8}.production-status{padding:10px 0}body{background:radial-gradient(ellipse at 15% 0%,#243b32 0,transparent 45%),var(--bg)}button{border-radius:4px;min-height:34px;transition:background .12s,border-color .12s}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){border-color:#77998a;background:#2e4647}button.primary:hover:not(:disabled){background:#f7d789;border-color:#fff0bf}a{color:var(--accent-2)}input:not([type=checkbox]),textarea,select{max-width:100%;background:#132224;color:var(--text);border:1px solid var(--border);padding:8px;border-radius:4px;font:inherit}.header{padding:15px 24px;background:#142223f5;box-shadow:0 3px 18px #0002}.brand strong{font-size:21px;font-weight:800;letter-spacing:.04em;color:var(--accent)}.badge{border-radius:4px;background:#20312e;font-variant-numeric:tabular-nums}.dot{border-radius:2px;box-shadow:inset -2px -2px #0003;transform:rotate(-6deg);flex-shrink:0}.dot.gold{background:#edc76c}.dot.wood{background:#b58a5a}.dot.ore{background:#91abb5}.tabs button{white-space:nowrap;border-color:transparent;background:transparent;color:var(--muted);padding:8px 18px}.tabs button.primary,.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{background:#2c413b;color:var(--accent);border-color:#786c42}.layout{width:100%;max-width:1280px;margin:0 auto;gap:20px;padding:24px}.page-content{width:100%;max-width:1280px;margin:0 auto;padding:24px;display:grid;gap:20px}.panel{box-shadow:0 4px #09151666,inset 0 1px #ffffff05}.panel-title{margin-bottom:16px}.panel-title h2{font-size:19px;letter-spacing:-.02em}.eyebrow{display:block;text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:700;margin-bottom:4px}.count-label{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.arena-canvas{margin:0 auto;border:4px solid #35443a;border-radius:3px;box-shadow:0 0 0 1px #101d1c,0 8px 24px #0003}.arena-meta{padding:4px 0;font-size:12px;color:var(--muted)}.arena-controls{margin-top:16px}.hero-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.hero-roster-entry{min-width:0}.hero-roster-button{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:12px 5px 9px;background:#132224;border:1px solid var(--border);min-height:142px}.hero-roster-button.selected{border-color:var(--accent);background:linear-gradient(#344138,#223431);box-shadow:inset 0 -3px #bba45c}.hero-roster-button small{color:var(--muted);font-size:10px;margin-top:3px}.hero-roster-name{font-weight:700;margin-top:7px}.hero-portrait{display:grid;place-items:center;width:68px;height:68px;background:radial-gradient(ellipse at bottom,#8daa7055,transparent 70%)}.hero-portrait img{display:block;width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #08140d66)}.hero-point-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent);border:2px solid #f5e6b6}.hero-locked{border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--muted);gap:5px}.hero-locked>span{font-size:28px;opacity:.5}.hero-locked strong{font-size:11px}.hero-locked small{font-size:10px}.hero-detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hero-detail-heading h2{font-size:18px}.level-medal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #9d884a;color:var(--accent);font-size:9px;background:#3a3f2f}.level-medal b{font-size:18px}.xp-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:3px}.xp-bar{border-radius:2px;height:6px;background:#111e20}.xp-fill{background:var(--accent-2)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.hero-stats>div{background:#132224;border:1px solid #304543;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px}.hero-stats span,.hero-stats small{font-size:10px;color:var(--muted)}.hero-stats strong,.hero-stats strong span{color:var(--text);font-size:18px}.hero-stats strong small{font-size:9px}.section-caption{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.section-caption h3{margin:0;font-size:10px}.section-caption .small{font-size:10px}.hero-equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.equipment-slot{min-width:0;border:1px solid #38504a;background:#132224;padding:7px 3px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.equipment-slot .item-icon{width:36px;height:36px}.equipment-slot>span{color:var(--muted);font-size:9px}.equipment-slot small{font-size:9px}.empty-slot-mark{display:grid;place-items:center;width:36px;height:36px;font-size:24px!important;opacity:.4}.points-badge{color:var(--accent);font-size:10px}.allocation-list{display:grid;gap:6px}.allocation-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #304340;padding:5px 0}.allocation-row>div{flex:1;display:flex;flex-direction:column}.allocation-row strong{font-size:12px;font-weight:500}.allocation-row small{color:var(--muted);font-size:10px}.allocation-row button{min-width:32px;padding:3px;min-height:30px;color:var(--accent)}.allocated-count{font-size:12px;color:var(--muted)}.field-note{padding:10px 12px;background:#30382c;border-left:2px solid #9c915b;font-size:11px;color:#d2cba8;margin-top:12px}.stat-breakdown{margin-top:16px;color:var(--muted);font-size:10px}.stat-breakdown summary{cursor:pointer}.stat-breakdown p{font-size:10px}.stat-breakdown button{font-size:11px;margin-top:6px}.item-icon{width:48px;height:48px;flex-shrink:0;image-rendering:pixelated}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 20px;flex-wrap:wrap}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills button{font-size:12px}.filter-pills button.selected{color:var(--accent);border-color:#a08e55;background:#354035}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.inventory-cell{position:relative;min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#152426;padding:12px 6px;border:1px solid #40534a}.inventory-cell .item-icon{width:56px;height:56px}.inventory-cell strong{font-size:11px;font-weight:500}.inventory-cell small{color:var(--muted);font-size:9px}.inventory-cell.rarity-uncommon{border-color:#58877f}.inventory-cell.selected{border:2px solid var(--accent);background:#303e33;box-shadow:0 0 0 2px #edc76c15}.item-upgrade{position:absolute;top:6px;right:7px;font-size:11px;color:var(--accent)}.equipped-mark{position:absolute;top:7px;left:8px;color:var(--accent-2);font-size:10px}.item-detail{padding:20px;border:1px solid #4a5c4d;background:#142324;border-radius:4px}.item-detail-art{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.item-detail-art .item-icon{width:76px;height:76px;background:#26392e;border:1px solid #506145;padding:10px}.item-effect{color:var(--accent-2);margin:8px 0 12px}.item-target{margin-top:20px}.item-comparison{display:grid;gap:8px;padding:14px 0;margin:8px 0;border-bottom:1px solid var(--border)}.item-comparison>div{display:flex;gap:8px;align-items:center;font-size:11px}.item-comparison>div>span:first-child{flex:1;color:var(--muted)}.item-comparison strong{font-weight:500}.item-comparison>small{font-size:10px}.positive{color:var(--accent-2)}.negative{color:#efa08a}.item-actions{display:grid;gap:8px}.item-actions button{font-size:12px;padding:10px 8px}.empty-state{text-align:center;padding:56px 20px;color:var(--muted);border:1px dashed var(--border)}.empty-state>span{font-size:36px;color:var(--accent)}.empty-state h3{color:var(--text);text-transform:none;font-size:16px}.empty-state p{max-width:300px;margin:8px auto}.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.recipe-card{padding:20px;background:#152426;border:1px solid #46584b;border-radius:4px;display:flex;flex-direction:column}.recipe-art{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px}.recipe-art .item-icon{width:70px;height:70px}.recipe-card h2{font-size:18px}.recipe-description{font-size:12px;line-height:1.6;flex:1;margin:12px 0}.recipe-card h3{font-size:10px}.recipe-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 20px}.recipe-costs>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:#1e302e}.recipe-costs strong{font-size:17px}.recipe-costs span:last-child{color:var(--muted);font-size:10px}.recipe-card>button{width:100%;padding:11px 8px;font-size:12px}.recipe-locked{border-style:dashed}.recipe-locked .recipe-art .item-icon{filter:grayscale(.8);opacity:.6}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.order-card{background:#152426;padding:20px;border:1px solid var(--border);border-radius:4px}.order-card h3{color:var(--text);text-transform:none;font-size:16px}.next-goal{border-left:3px solid var(--accent)}.next-goal h2{font-size:15px}.next-goal p{font-size:12px}.next-goal .milestone-list{font-size:11px}.login-card,.toast{max-width:calc(100vw - 32px)}@media(min-width:1400px){.layout,.page-content{max-width:1360px}}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr);max-width:800px}.column-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.header{flex-wrap:wrap}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session{margin-left:auto}.balances{flex-wrap:wrap}}@media(max-width:720px){.layout,.page-content{padding:12px;gap:12px}.header{padding:12px;gap:12px;position:static}.brand strong{font-size:18px}.session{font-size:11px}.balances{gap:5px}.badge{padding:4px 7px;font-size:11px}.tabs{padding:8px 12px}.tabs button{padding:7px 12px}.panel{padding:14px}.column-panels{display:flex}.inventory-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.inventory-cell{min-height:120px}.item-detail{padding:16px}.workshop-grid,.orders-grid{grid-template-columns:1fr}.panel-title{flex-wrap:wrap}.trade-form{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.login-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.hero-ability{padding:10px 12px;background:#20372f;border-left:2px solid #85c9aa;margin:14px 0}.hero-ability strong{color:var(--accent-2);font-size:12px}.hero-ability p{color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}.inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap;color:var(--muted);font-size:11px}.inventory-pagination button{font-size:11px}.arena-setup{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arena-setup>summary{grid-column:1/-1}@media(max-width:720px){.arena-setup{grid-template-columns:1fr}}.arena-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin:12px 0 16px}.arena-controls>p{grid-column:1/-1}.arena-panel>.row{margin:14px 0;flex-wrap:wrap}.arena-panel>details>summary{cursor:pointer;color:var(--accent);font-size:12px;padding:8px 0}@media(max-width:720px){.arena-controls{grid-template-columns:1fr}}