:root{color-scheme:light;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;color:#241911;background:radial-gradient(circle at top,rgba(211,160,88,.22),transparent 38%),linear-gradient(135deg,#efe3cf,#dbc1a2 46%,#c28f5a)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.auth-shell{min-height:100vh;padding:32px;display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(360px,.85fr);gap:24px}.hero-panel,.panel-card{border-radius:28px;padding:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(84,48,12,.12);box-shadow:0 24px 60px #5c36122e}.hero-panel{background:linear-gradient(160deg,#fff7ebd6,#efdbbfb8),#ffffff6b;display:flex;flex-direction:column;justify-content:space-between}.panel-card{background:linear-gradient(180deg,#fffaf1eb,#f7ebdad6),#ffffff8c}.eyebrow{margin:0 0 12px;font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;color:#8d5a22}h1,h2{margin:0;line-height:1.16}h1{font-size:clamp(2.2rem,4vw,4.4rem);max-width:12ch}h2{font-size:1.9rem}.hero-copy{max-width:58ch;line-height:1.7;color:#312217d1}.hero-metrics,.status-grid,.field-grid{display:grid;gap:12px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-metrics div,.status-grid div{padding:14px 16px;border-radius:18px;background:#fff8edb8;border:1px solid rgba(132,82,24,.1)}.hero-metrics span,.status-grid dt{display:block;font-size:.82rem;color:#614124b8}.hero-metrics strong,.status-grid dd{margin:8px 0 0;font-size:1rem}.tab-row,.inline-row,.segmented-row,.checkbox-row{display:flex;gap:10px}.tab-row{margin-bottom:18px}.tab,.segment{flex:1;border:1px solid rgba(138,91,34,.18);border-radius:999px;background:#fff7eed9;color:#6f4419;padding:12px 16px}.tab.active,.segment.active{background:linear-gradient(135deg,#8b5524,#b67738);color:#fff8f1}.auth-form,.status-panel,.loading-state{display:flex;flex-direction:column;gap:18px}.field-group{display:flex;flex-direction:column;gap:8px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-size:.92rem;color:#3d2814e0}input{width:100%;border-radius:16px;border:1px solid rgba(139,91,36,.18);background:#fffbf6f5;padding:14px 16px;color:#2e1f15}input:focus{outline:2px solid rgba(183,119,56,.35);outline-offset:1px}.primary-button,.secondary-button{border:none;border-radius:16px;padding:14px 18px}.primary-button{background:linear-gradient(135deg,#7a4618,#b77738);color:#fff9f3}.secondary-button{background:#7b4b1a17;color:#6f4419}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.checkbox-row{align-items:center;color:#45301bc7}.checkbox-row input{width:auto}.feedback{margin:0;padding:12px 14px;border-radius:16px;background:#fff4dee6;color:#72410f}.field-error{min-height:1.2em;font-size:.82rem;color:#9a3e25}.hint{font-size:.82rem;color:#7f582d}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.auth-shell,.hero-metrics,.field-grid,.status-grid{grid-template-columns:1fr}}.game-shell{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:24px}.game-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-radius:28px;border:1px solid rgba(84,48,12,.12);background:linear-gradient(135deg,#fff7ebdb,#f0e1ccc7),#ffffff7a;box-shadow:0 24px 60px #5c36121f}.topbar-actions,.topbar-account,.chip-group,.info-banner,.detail-meta,.detail-stat-list{display:flex;gap:10px}.topbar-actions,.topbar-account{align-items:center}.topbar-account{flex-direction:column;align-items:flex-end}.topbar-account span{font-size:.86rem;color:#583b20ad}.game-grid{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(420px,1.08fr);gap:24px;align-items:start}.game-card{padding:24px;border-radius:28px;border:1px solid rgba(84,48,12,.12);background:linear-gradient(180deg,#fffaf1f0,#f7ebdadb),#ffffff8c;box-shadow:0 20px 50px #5c361224}.map-panel,.combat-panel{grid-column:1 / -1}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-heading.compact{margin-bottom:14px}.pill,.source-pill,.capacity-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#814f1a1a;color:#6f4419;font-size:.86rem}.capacity-badge{min-width:90px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-block,.source-card,.equipment-slot-card,.item-detail-panel{padding:16px;border-radius:20px;border:1px solid rgba(133,86,35,.1);background:#fff8edc2}.stat-block h3,.sources-block h3,.item-detail-panel h3{margin:0 0 14px}.stat-block dl,.status-grid,.detail-meta{margin:0}.stat-block dl div,.status-grid div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(126,87,41,.12)}.stat-block dl div:last-child{border-bottom:none}.stat-block dt,.stat-block dd,.status-grid dt,.status-grid dd{margin:0}.info-banner{flex-wrap:wrap;margin:18px 0}.sources-block{margin-top:20px}.source-list{display:flex;flex-direction:column;gap:12px}.source-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.source-header span,.muted-text{font-size:.86rem;color:#593c20ad}.source-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.source-note,.item-description{margin:12px 0 0;line-height:1.6;color:#382616d1}.equipment-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.equipment-slot-card span{display:block;margin-bottom:8px;font-size:.82rem;color:#593c20b3}.bag-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:110px;border-radius:999px;padding:8px 12px;font-size:.84rem}.status-connected{background:#3e8d5324;color:#2f6f41}.status-connecting{background:#d28b2d24;color:#8a5c1e}.status-disconnected{background:#9a3e251f;color:#934029}.map-config-grid,.map-session-grid,.map-event-list,.combat-grid,.combat-unit-list,.combat-log-list{display:grid;gap:16px}.map-config-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.combat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.combat-column h3{margin:0 0 14px}.combat-unit-list,.combat-log-list{grid-template-columns:1fr}.combat-unit-card,.combat-log-entry{padding:16px;border-radius:20px;border:1px solid rgba(133,86,35,.1);background:#fff8edc2}.combat-unit-row,.combat-toolbar{display:flex;justify-content:space-between;gap:12px}.combat-unit-card+.combat-unit-card,.combat-log-entry+.combat-log-entry{margin-top:12px}.combat-log-entry p{margin:10px 0 0;line-height:1.6;color:#382616d1}.combat-toolbar{align-items:center;margin-bottom:18px}.map-option-card,.map-session-card,.latest-event-card,.map-event-entry,.map-history-block{border-radius:20px;border:1px solid rgba(133,86,35,.1);background:#fff8edc2}.map-option-card{padding:18px;text-align:left;color:inherit}.map-option-card.active{border-color:#8d5a2275;box-shadow:0 14px 28px #8d5a221f}.map-option-card:disabled{opacity:1}.map-option-header,.map-option-meta,.map-event-title-row,.map-toolbar,.session-kv-list div{display:flex;justify-content:space-between;gap:12px}.map-option-card p,.latest-event-card p,.map-event-entry p{margin:12px 0 0;line-height:1.6;color:#382616d1}.map-option-meta{margin-top:14px;font-size:.84rem;color:#593c20b8}.map-toolbar{align-items:center;margin-bottom:18px}.map-session-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.map-session-card,.map-history-block{padding:18px}.session-kv-list{margin:0}.session-kv-list div{padding:10px 0;border-bottom:1px dashed rgba(126,87,41,.12)}.session-kv-list div:last-child{border-bottom:none}.session-kv-list dt,.session-kv-list dd{margin:0}.latest-event-card,.map-event-entry{padding:16px}.event-reward-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.84rem;color:#593c20b8}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.item-card{position:relative;text-align:left;min-height:112px;padding:16px 14px 14px;border-radius:20px;border:1px solid rgba(135,87,35,.1);background:#fffbf5eb;color:inherit}.item-card.active{border-color:#8d5a2275;box-shadow:0 14px 28px #8d5a221f}.item-card strong,.item-card small{display:block}.item-card small{margin-top:8px;color:#593c20ad}.quality-mark{position:absolute;inset:12px 12px auto auto;width:10px;height:10px;border-radius:999px}.quality-common{background:#8f8a80}.quality-uncommon{background:#3e8d53}.quality-rare{background:#4b76d1}.quality-epic{background:#9650bf}.quality-legendary{background:#d28b2d}.empty-state{min-height:140px;display:grid;place-items:center;border-radius:18px;border:1px dashed rgba(133,86,35,.22);background:#fff9f0bd;color:#593c20b8;text-align:center;padding:16px}.game-bottom{display:flex;flex-direction:column;gap:24px}.panel{padding:24px;border-radius:28px;border:1px solid rgba(84,48,12,.12);background:linear-gradient(180deg,#fffaf1f0,#f7ebdadb),#ffffff8c;box-shadow:0 20px 50px #5c361224}.panel-header,.market-toolbar,.market-section-header,.market-offer,.market-record,.market-balance,.field{display:flex;gap:12px}.panel-header,.market-toolbar,.market-section-header,.market-offer,.market-record{justify-content:space-between;align-items:flex-start}.market-balance{align-items:center;flex-wrap:wrap;color:#583b20cc}.market-panel{display:flex;flex-direction:column;gap:18px}.market-categories{display:flex;flex-wrap:wrap;gap:10px}.pill-button{border:1px solid rgba(138,91,34,.18);border-radius:999px;background:#fff7eed9;color:#6f4419;padding:10px 14px}.pill-button.is-active{background:linear-gradient(135deg,#8b5524,#b67738);color:#fff8f1}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.market-column{display:flex;flex-direction:column;gap:14px;min-width:0}.market-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.market-listing-button{width:100%;text-align:left;border:1px solid rgba(135,87,35,.1);border-radius:18px;background:#fffbf5eb;padding:14px;display:flex;flex-direction:column;gap:4px}.market-listing-button.is-active{border-color:#8d5a2275;box-shadow:0 14px 28px #8d5a221f}.market-offer,.market-record{padding:14px;border-radius:18px;border:1px solid rgba(135,87,35,.1);background:#fffbf5eb}.field{flex-direction:column}.field select,.field input{width:100%}.panel-error{margin:0;padding:12px 14px;border-radius:16px;background:#ffebe1eb;color:#9a3e25}.panel-hint{margin:0;color:#593c20b8;font-size:.9rem}@media(max-width:1180px){.game-grid,.bag-layout,.map-config-grid,.map-session-grid,.combat-grid,.market-grid{grid-template-columns:1fr}}@media(max-width:980px){.game-topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.topbar-account{width:100%;justify-content:space-between;align-items:center}.equipment-strip,.item-grid,.stats-grid{grid-template-columns:1fr}.map-toolbar{flex-direction:column;align-items:stretch}}