:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Sans TC,system-ui,sans-serif;font-weight:400;line-height:1.5}body{margin:0}a{color:inherit}:root{--bg0:#07080a;--panel:#12151a;--panel-2:#1a1f27;--line:#8a7040;--line-dim:#8a704073;--text:#e7e0d2;--muted:#9aa0ab;--gold:#d7b56d;--blood:#9b2b24;--blood-2:#c7443a;--hp:#c0392b;--mp:#2f6fbf;--exp:#b8962e;--ok:#3d9a6a;--font-display:"Cinzel", "Noto Serif TC", serif;--font-body:"Noto Sans TC", system-ui, sans-serif;color:var(--text);font-family:var(--font-body);background:#050607}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.03em;margin:0}.btn{border:1px solid var(--line-dim);cursor:pointer;background:linear-gradient(#2c3340,#171b22);border-radius:4px;padding:.45rem .85rem}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(#8d3028,#5c1b16);border-color:#a85a4a}.btn-sm{padding:.28rem .55rem;font-size:.82rem}.btn-lg{padding:.7rem 1.4rem;font-size:1.05rem}.btn-ghost{background:0 0}.danger-text{color:#ff8e8e}.panel,.lineage-panel{border:1px solid var(--line);background:linear-gradient(#1b2028,#10141a);border-radius:2px;padding:.55rem;box-shadow:inset 0 0 0 1px #0000008c,0 8px 24px #00000059}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.panel-head h2{color:var(--gold);font-size:.95rem}.panel-head p{color:var(--muted);margin:.15rem 0 0;font-size:.78rem}.client-shell{background:radial-gradient(900px 400px at 20% 0,#9b2b241f,#0000 60%),linear-gradient(#0c0e12,#050607);min-height:100vh;padding:.4rem}.client-banner{color:#ffe6a8;background:linear-gradient(90deg,#6d1d18,#8f2d24 40%,#6d1d18);border:1px solid #a45a3c;margin-bottom:.4rem;padding:.28rem .6rem;font-size:.78rem}.client-grid{grid-template-rows:auto auto minmax(180px,1fr);grid-template-columns:220px minmax(0,1fr) 250px;align-items:stretch;gap:.4rem;display:grid}.char-card{grid-area:1/1}.adventure-panel{grid-area:1/2/span 2;min-height:420px;position:relative}.menu-grid-panel{grid-area:1/3}.client-right{grid-area:2/3/span 2;min-height:0}.log-dock{grid-area:2/1/span 2;min-height:0}.chat-dock{grid-area:3/2;min-height:0}.portrait-frame{grid-template-columns:96px 1fr;gap:.5rem;margin-bottom:.45rem;display:grid}.portrait-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#2a3340,#0d1015 70%);place-items:end center;height:110px;padding-bottom:.3rem;display:grid;position:relative;overflow:hidden}.portrait-stage .player-figure{transform-origin:bottom;transform:scale(.85)}.portrait-meta strong{color:var(--gold);display:block}.portrait-meta span{color:var(--muted);font-size:.82rem}.char-quick{grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem;font-size:.8rem;display:grid}.char-quick em{color:var(--muted);font-size:.72rem;font-style:normal;display:block}.gold-cell{color:var(--gold);grid-column:1/-1}.char-name-tag{text-align:center;color:var(--gold);margin:.35rem 0 0;font-size:.85rem}.bar-block{margin-bottom:.35rem}.bar-block.compact{margin-bottom:.28rem}.bar-label{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.bar{background:#07090c;border:1px solid #ffffff14;height:9px;overflow:hidden}.bar i{height:100%;display:block}.bar.hp i{background:linear-gradient(90deg, #7a1f1a, var(--hp))}.bar.mp i{background:linear-gradient(90deg, #1d4f8c, var(--mp))}.bar.exp i{background:linear-gradient(90deg, #8a6a1d, var(--exp))}.menu-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.menu-cell{border:1px solid var(--line-dim);cursor:pointer;background:linear-gradient(#2a303a,#151920);min-height:42px;font-size:.82rem}.menu-cell.active{color:#eaffef;background:linear-gradient(#2f6b3d,#1d4528);border-color:#6ecf88}.adventure-toolbar{margin-bottom:.4rem}.adv-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.adv-title h2{color:var(--gold);font-size:1rem}.adv-actions{flex-wrap:wrap;gap:.28rem;display:flex}.chip-btn{border:1px solid var(--line-dim);cursor:pointer;background:#1c232d;border-radius:2px;padding:.28rem .55rem;font-size:.78rem}.chip-btn.go{background:linear-gradient(#8d3028,#5c1b16);border-color:#c06050}.chip-btn.danger{color:#ffb4b4;background:#3a1515;border-color:#a05050}.chip-btn:disabled{opacity:.4;cursor:not-allowed}.adv-selects{grid-template-columns:1fr 1.4fr;gap:.4rem;display:grid}.adv-selects label{color:var(--muted);gap:.18rem;font-size:.72rem;display:grid}.adv-selects select{border:1px solid var(--line-dim);background:#0c1016;padding:.35rem .4rem}.iso-map{aspect-ratio:720/400;background:#121810;width:100%;height:auto;position:relative;overflow:hidden}.iso-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.arena,.iso-scene,.map-frame{background:#121810;border:1px solid #0009;position:relative;overflow:hidden}.iso-npc{z-index:5;pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.iso-npc.clickable{pointer-events:auto;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.iso-npc.clickable:hover b,.iso-npc.clickable:hover em{border-color:var(--gold)}.iso-actor.grounded{z-index:6;pointer-events:none;justify-items:center;gap:.15rem;display:grid;position:absolute;transform:translate(-50%,-88%)}.sprite-clip{filter:drop-shadow(0 6px 6px #0000008c);width:64px;height:64px;overflow:hidden}.sprite-clip img{width:64px;max-width:none;height:256px;image-rendering:pixelated;animation:.55s steps(4,end) infinite lpc-walk}.sprite-clip.is-single img{width:64px;height:64px;animation:.55s ease-in-out infinite alternate mob-bob}@keyframes mob-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.float-enhance{color:#ffd27a;font-size:1.05rem}.float-quest{color:#9effc2}.buff-row{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.buff-chip{color:#cfe0ff;background:#1e325a8c;border:1px solid #6ea0ff;padding:.05rem .35rem;font-size:.68rem}.warehouse-modal{width:min(720px,96vw)}.warehouse-cols{grid-template-columns:1fr 1fr;gap:.75rem;max-height:420px;display:grid}.warehouse-cols h4{color:var(--gold);margin:0 0 .35rem;font-size:.85rem}.warehouse-cols .shop-list{max-height:360px;overflow:auto}.quest-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.quest-list li{border:1px solid var(--line-dim);background:#12161d;grid-template-columns:1fr auto;gap:.5rem;padding:.45rem .55rem;display:grid}.quest-list p{color:var(--muted);margin:.2rem 0;font-size:.78rem}.quest-list em{color:#c8d0da;font-size:.75rem;font-style:normal}.subhead{color:var(--gold);margin:.75rem 0 .35rem;font-size:.85rem}@keyframes lpc-walk{0%{transform:translateY(0)}to{transform:translateY(-256px)}}.iso-actor span{text-shadow:0 1px 2px #000;white-space:nowrap;background:#0000008c;padding:.05rem .35rem;font-size:.72rem}.portrait-stage.portrait-photo{place-items:start center;width:96px;height:110px;display:grid;overflow:hidden}.portrait-photo img{width:64px;max-width:none;height:256px;image-rendering:pixelated;margin-top:8px;animation:.8s steps(4,end) infinite lpc-walk}.scene-sky,.scene-far,.scene-mid,.iso-tiles,.scene-props{pointer-events:none;position:absolute;inset:0}.scene-forest .scene-sky{background:linear-gradient(#1b3a2c,#0d1a14 55%,#0000 56%)}.scene-plain .scene-sky{background:linear-gradient(#3a4a28,#1a220f 55%,#0000 56%)}.scene-battle .scene-sky{background:linear-gradient(#4a2e1c,#1a100a 55%,#0000 56%)}.scene-snow .scene-sky{background:linear-gradient(#3a4a5a,#121820 55%,#0000 56%)}.scene-dream .scene-sky{background:linear-gradient(#3a2550,#140c1e 55%,#0000 56%)}.scene-dragon .scene-sky{background:linear-gradient(#4a1c1c,#140808 55%,#0000 56%)}.scene-far{background:radial-gradient(40% 18% at 20% 48%,#00000059,#0000),radial-gradient(35% 16% at 75% 46%,#0000004d,#0000)}.iso-tiles{transform-origin:top;background:linear-gradient(135deg,#ffffff08 25%,#0000 25%) -12px 0/24px 24px,linear-gradient(225deg,#ffffff08 25%,#0000 25%) -12px 0/24px 24px,linear-gradient(#0000,#00000059);top:48%;transform:perspective(400px)rotateX(48deg)}.scene-forest .iso-tiles{background-color:#1f3a28}.scene-plain .iso-tiles{background-color:#3a4a22}.scene-battle .iso-tiles{background-color:#4a3520}.scene-snow .iso-tiles{background-color:#6a7a88}.scene-dream .iso-tiles{background-color:#2a1a3a}.scene-dragon .iso-tiles{background-color:#3a2020}.prop{display:block;position:absolute}.prop.house{clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);filter:drop-shadow(0 6px 4px #00000059);background:linear-gradient(#6b4630,#3a2618);width:54px;height:42px}.prop.house:after{content:"";background:#1b140e;height:34%;position:absolute;bottom:8%;left:18%;right:18%}.prop.h1{top:46%;left:14%}.prop.h2{top:40%;left:58%;transform:scale(.85)}.prop.tree{background:linear-gradient(#2f6b3d 55%,#5a3a22 56%);border-radius:40% 40% 10% 10%;width:18px;height:34px}.prop.t1{top:44%;left:34%}.prop.t2{top:50%;left:78%}.prop.t3{top:58%;left:8%}.prop.rock{background:#4a4f55;border-radius:40% 50% 30% 40%;width:28px;height:14px;top:62%;left:46%}.npc-plate{text-align:center;z-index:3;pointer-events:none;justify-items:center;gap:.1rem;display:grid;position:absolute;transform:translate(-50%,-100%)}.npc-plate .npc-sprite{width:48px;height:48px;margin-bottom:.05rem}.npc-plate .npc-sprite img{width:48px;height:192px;image-rendering:pixelated;animation:.7s steps(4,end) infinite lpc-walk}.npc-plate b,.npc-plate em{white-space:nowrap;background:#142850d1;border:1px solid #6ea0ff;padding:.05rem .3rem;font-size:.68rem;font-style:normal;display:block}.npc-plate em{color:#b8c8e8;border-top:0;font-size:.62rem}.actors{z-index:4;grid-template-columns:1fr 1fr;align-items:end;padding:0 8% 14%;display:grid;position:absolute;inset:0}.actor{justify-items:center;gap:.25rem;display:grid}.actor-name{text-shadow:0 1px 2px #000;background:#00000059;padding:.05rem .35rem;font-size:.78rem}.enemy-hp{background:#111;border:1px solid #000;width:96px;height:8px;position:relative}.enemy-hp i{background:#c0392b;height:100%;display:block}.enemy-hp em{text-shadow:0 1px 1px #000;place-items:center;font-size:.58rem;font-style:normal;display:grid;position:absolute;inset:0}.scene-caption{z-index:5;color:#f0e6d0;text-shadow:0 1px 2px #000;background:#00000059;padding:.2rem .4rem;font-size:.75rem;position:absolute;bottom:.35rem;left:.4rem;right:.4rem}.map-start-cta{z-index:8;color:#ffe7a8;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#3a2a12,#1c1408);border:1px solid #d7b56d;padding:.55rem 1.1rem;font-size:.95rem;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 8px 24px #00000073}.map-start-cta:hover{filter:brightness(1.08)}.floats{pointer-events:none;z-index:6;position:absolute;inset:0}.float{text-shadow:0 2px 4px #000;font-weight:700;animation:1.1s ease-out forwards rise;position:absolute;top:40%;right:24%}.float-hit{color:#ffd4d4}.float-crit{color:#ffd166;font-size:1.15rem}.float-miss{color:#9aa3b2}.float-heal{color:#7dffa5;left:24%;right:auto}.float-loot{color:var(--gold);left:50%;right:auto}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-42px)}}.figure{width:72px;height:96px;position:relative}.fig-shadow{background:#00000059;border-radius:50%;width:46px;height:10px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.fig-body{position:absolute;inset:0}.fig-head{background:linear-gradient(#f0d2b0,#c49a78);border-radius:50%;width:22px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #00000040}.gender-female .fig-head{background:linear-gradient(#f6d7c0,#d2a48a)}.fig-torso{background:linear-gradient(180deg, var(--figure,#c9a227), #2a2214);border-radius:6px 6px 4px 4px;width:28px;height:34px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff26}.fig-cape{background:color-mix(in srgb, var(--figure,#c9a227) 55%, #000);opacity:.45;z-index:-1;border-radius:8px;width:36px;height:40px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.fig-arm{background:#c9a88a;border-radius:4px;width:8px;height:26px;position:absolute;top:34px}.fig-arm-l{left:14px;transform:rotate(12deg)}.fig-arm-r{transform-origin:top;right:12px;transform:rotate(-18deg)}.fig-weapon{background:linear-gradient(#eee,#888);border-radius:2px;width:6px;height:34px;position:absolute;top:-6px;right:-2px}.fig-leg{background:#2a2f38;border-radius:3px;width:9px;height:26px;position:absolute;top:62px}.fig-leg-l{left:26px}.fig-leg-r{right:26px}.fig-aura{background:radial-gradient(circle, color-mix(in srgb, var(--figure,#c9a227) 40%, transparent), transparent 70%);border-radius:50%;height:18px;position:absolute;inset:auto 10px 8px}.is-attacking .fig-arm-r{animation:.7s ease-in-out infinite slash}@keyframes slash{0%,to{transform:rotate(-18deg)}50%{transform:rotate(35deg)translate(4px)}}.mob-body{position:absolute;inset:0}.slime-blob{background:radial-gradient(circle at 40% 30%,#8dff9a,#1f8a3a 70%);border-radius:50% 50% 40% 40%;width:44px;height:34px;position:absolute;bottom:14px;left:14px}.slime-eye{background:#111;border-radius:50%;width:6px;height:8px;position:absolute;bottom:30px}.slime-eye.e1{left:28px}.slime-eye.e2{left:40px}.wolf-body{background:#6a6f78;border-radius:20px;width:48px;height:22px;position:absolute;bottom:18px;left:12px}.wolf-head{background:#7a808a;border-radius:8px;width:22px;height:18px;position:absolute;bottom:28px;right:8px}.wolf-ear{background:#5a6068;width:8px;height:12px;position:absolute}.wolf-ear.e1{bottom:42px;right:20px}.wolf-ear.e2{bottom:42px;right:10px}.wolf-tail{background:#6a6f78;border-radius:6px;width:18px;height:6px;position:absolute;bottom:28px;left:6px;transform:rotate(-20deg)}.orc-torso{background:#3f6b38;border-radius:6px;width:32px;height:40px;position:absolute;bottom:16px;left:20px}.orc-head{background:#4f7a44;border-radius:6px;width:24px;height:22px;position:absolute;bottom:52px;left:24px}.orc-club{background:#6a4a2a;border-radius:4px;width:10px;height:42px;position:absolute;bottom:24px;right:8px;transform:rotate(15deg)}.sk-ribs{opacity:.9;background:repeating-linear-gradient(#ddd 0 3px,#0000 3px 7px);border-radius:4px;width:24px;height:36px;position:absolute;bottom:18px;left:24px}.sk-skull{background:#eee;border-radius:6px;width:20px;height:18px;position:absolute;bottom:52px;left:26px}.sk-spear{background:#bbb;width:4px;height:58px;position:absolute;bottom:16px;right:14px}.go-core{background:linear-gradient(#9ad7ff,#2a6a9a);border-radius:4px;width:30px;height:40px;position:absolute;bottom:20px;left:22px}.go-block{background:#7ec8ef;border:1px solid #dff;width:16px;height:14px;position:absolute}.go-block.b1{bottom:36px;left:12px}.go-block.b2{bottom:42px;right:10px}.go-block.b3{bottom:54px;left:28px}.dk-body{background:#1a1a22;border-radius:4px;width:28px;height:42px;position:absolute;bottom:16px;left:22px;box-shadow:0 0 10px #4a1020}.dk-helm{background:#111;border-radius:4px 4px 2px 2px;width:24px;height:20px;position:absolute;bottom:54px;left:24px}.dk-blade{background:linear-gradient(#f88,#411);width:5px;height:50px;position:absolute;bottom:20px;right:8px;transform:rotate(12deg)}.dr-body{background:#8a2a2a;border-radius:20px;width:40px;height:28px;position:absolute;bottom:16px;left:18px}.dr-wing{background:#5a1818;border-radius:50% 10% 40%;width:26px;height:20px;position:absolute;bottom:30px}.dr-wing.w1{left:4px;transform:rotate(-20deg)}.dr-wing.w2{right:4px;transform:scaleX(-1)rotate(-20deg)}.dr-head{background:#a03333;border-radius:8px;width:22px;height:16px;position:absolute;bottom:34px;right:8px}.spawn-portal{width:54px;height:54px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.spawn-portal span{border:2px solid #b48cff73;border-radius:50%;animation:1.6s linear infinite portal;position:absolute;inset:0}.spawn-portal span:nth-child(2){animation-delay:.4s;inset:6px}.spawn-portal span:nth-child(3){animation-delay:.8s;inset:12px}@keyframes portal{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}.is-alive .mob-body{animation:1.3s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.attr-mini{gap:.25rem;margin-bottom:.55rem;display:grid}.attr-mini-row{grid-template-columns:48px 1fr auto;align-items:center;gap:.35rem;font-size:.82rem;display:grid}.plus-disabled{border:1px solid var(--line-dim);opacity:.5;background:#1a1f27;width:22px;height:22px}.derived-list{gap:.18rem;max-height:280px;margin:0;padding:0;font-size:.78rem;list-style:none;display:grid;overflow:auto}.derived-list li{color:var(--muted);border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:.15rem 0;display:flex}.derived-list b{color:var(--text);font-weight:600}.resist-row{color:var(--muted);gap:.45rem;margin-top:.5rem;font-size:.75rem;display:flex}.status-ok{color:#8dffb0;margin:.4rem 0 0;font-size:.8rem}.equip-grid{gap:.3rem;margin-bottom:.55rem;display:grid}.equip-actions{gap:.2rem;display:flex}.inv-cell.junk{outline:1px solid #c45c3a}.inv-cell .cell-junk{color:#ffb199;text-shadow:0 1px 2px #000;font-size:.58rem;font-style:normal;position:absolute;bottom:1px;left:2px}.junk-check{align-items:center;gap:.4rem;margin:.55rem 0 .75rem;font-size:.85rem;display:flex}.skill-panel .skill-points{color:var(--gold);font-size:.85rem;font-style:normal}.skill-list{gap:.45rem;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.skill-row{border:1px solid var(--line-dim);background:#12161d;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.45rem .55rem;display:grid}.skill-row strong{color:var(--gold);align-items:center;gap:.35rem;display:flex}.skill-row p{color:var(--muted);margin:.2rem 0;font-size:.78rem}.skill-row em{color:#c8d0da;font-size:.75rem;font-style:normal}.skill-tag{border:1px solid var(--line-dim);color:#9ec5ff;padding:.05rem .3rem;font-size:.65rem}.skill-row.active .skill-tag{color:#ffd27a;border-color:#8a6a2e}.collection-grid{grid-template-columns:1fr 1fr;gap:.35rem;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.collection-grid li{border:1px solid var(--line-dim);background:#10141a;justify-content:space-between;gap:.3rem;padding:.35rem .45rem;font-size:.8rem;display:flex}.collection-grid li.unknown{opacity:.45}.collection-grid li.known b{color:var(--gold)}.equip-slot{border:1px solid var(--line-dim);background:#0e1218;grid-template-columns:40px 1fr auto;align-items:center;gap:.4rem;padding:.4rem;display:grid}.equip-slot span{color:var(--muted);font-size:.75rem}.inv-list,.map-list,.shop-list,.save-stats,.chat-list,.log-list{margin:0;padding:0;list-style:none}.inv-list{gap:.28rem;max-height:360px;display:grid;overflow:auto}.inv-item{text-align:left;cursor:pointer;background:#0e1218;border:1px solid #0000;align-items:center;gap:.45rem;width:100%;padding:.4rem;display:flex}.inv-item:hover{border-color:var(--line-dim)}.inv-item .meta{flex:1;min-width:0}.inv-item em{color:var(--muted);font-size:.72rem;font-style:normal;display:block}.inv-item .qty{color:var(--gold)}.item-icon{image-rendering:pixelated;background:#0a0d12;border:1px solid #d4af6e40;flex-shrink:0}.item-label{align-items:center;gap:.4rem;display:inline-flex}.item-emoji{line-height:1}.inv-grid{border:1px solid var(--line-dim);background:#0a0d12;grid-template-columns:repeat(5,1fr);gap:.28rem;max-height:280px;padding:.2rem;display:grid;overflow:auto}.inv-cell{aspect-ratio:1;cursor:pointer;min-height:44px;color:inherit;background:linear-gradient(#1a1f28,#10141a);border:1px solid #3a3224;place-items:center;padding:0;display:grid;position:relative}.inv-cell.empty{cursor:default;opacity:.75;background:#0d1016}.inv-cell.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d7b56d73}.inv-cell .cell-qty{color:#fff;text-shadow:0 1px 2px #000;font-size:.68rem;font-style:normal;position:absolute;bottom:1px;right:2px}.inv-cell .cell-plus{color:var(--gold);font-size:.62rem;font-style:normal;position:absolute;top:1px;left:2px}.item-detail-head{align-items:flex-start;gap:.65rem;margin-bottom:.55rem;display:flex}.item-detail-head h3{color:var(--gold);margin:0;font-size:1rem}.sell-line{color:#ffd27a;margin:.4rem 0 .75rem;font-size:.85rem}.item-actions{gap:.4rem;margin-bottom:.55rem;display:grid}.item-actions .btn-primary{background:linear-gradient(#2f6b3d,#1d4528);border-color:#6ecf88}.inventory-panel{position:relative}.item-modal-back{position:absolute}.inv-item.rarity-uncommon strong{color:#8dffb0}.inv-item.rarity-rare strong{color:#7db7ff}.inv-item.rarity-epic strong{color:#d7a0ff}.shop-item-name{align-items:center;gap:.4rem;display:inline-flex}.equip-slot strong{align-items:center;min-width:0;display:flex}.hint,.stub-text,.modal-note{color:var(--muted);font-size:.78rem}.save-stats li{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.3rem 0;display:flex}.dock-tabs{gap:.25rem;margin-bottom:.35rem;display:flex}.dock-tabs button,.filter-row button{border:1px solid var(--line-dim);cursor:pointer;background:#151a22;padding:.2rem .45rem;font-size:.72rem}.dock-tabs button.active,.filter-row button.active{background:#2a4a32;border-color:#6ecf88}.filter-row{flex-wrap:wrap;gap:.2rem;margin-bottom:.35rem;display:flex}.dock-log,.chat-list{gap:.2rem;max-height:220px;font-size:.78rem;display:grid;overflow:auto}.log-combat{color:#d7dde8}.log-system{color:#9ec5ff}.log-loot{color:var(--gold)}.chat-input{gap:.35rem;margin-top:.4rem;display:flex}.chat-input input{border:1px solid var(--line-dim);background:#0c1016;flex:1;padding:.35rem .45rem}.check,.range{color:var(--muted);gap:.3rem;margin-bottom:.65rem;font-size:.85rem;display:grid}.check{grid-template-columns:auto 1fr;align-items:center}.roadmap{border:1px dashed var(--line-dim);background:#d7b56d0d;margin:.8rem 0;padding:.55rem}.roadmap h3{color:var(--gold);margin-bottom:.3rem;font-size:.85rem}.roadmap ul{color:var(--muted);margin:0;padding-left:1rem;font-size:.78rem}.modal-back{z-index:20;background:#0000008c;place-items:center;padding:.75rem;display:grid;position:absolute;inset:0}.modal-card{border:1px solid var(--line);background:#151a22;width:min(420px,100%);padding:.7rem;box-shadow:0 16px 40px #00000080}.modal-card header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.modal-card h3{color:var(--gold)}.modal-card header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1rem}.shop-list{gap:.35rem;max-height:320px;display:grid;overflow:auto}.shop-list li{border:1px solid var(--line-dim);background:#0e1218;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem;display:flex}.shop-list strong{display:block}.shop-list span{color:var(--muted);font-size:.75rem}.title-screen{background:radial-gradient(800px 420px at 50% 0,#9b2b2433,#0000 60%),linear-gradient(#12151c,#07080a);place-items:center;min-height:100vh;padding:1rem;display:grid}.title-card,.home-card{text-align:center;border:1px solid var(--line);background:linear-gradient(#1b2028,#10141a);width:min(560px,100%);padding:1.5rem}.brand-mark{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem}.brand-title{margin:.4rem 0;font-size:clamp(2.2rem,7vw,3.2rem)}.brand-sub{color:var(--muted);margin:0 0 1rem}.title-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.8rem;display:flex}.create-stage{grid-template-columns:280px 1fr;align-items:start;gap:1rem;width:min(1100px,100%);display:grid}.lore-scroll{color:#f0e2c4;background:linear-gradient(#3c2a18eb,#1e160ef5);border:1px solid #a88955;min-height:420px;padding:1rem}.scroll-kicker{color:#c9a66a;margin:0;font-size:.78rem}.lore-scroll h2{color:#ffe4a8;margin:.35rem 0}.scroll-role{color:#d7c49a;margin:0}.scroll-body{margin:.8rem 0 1rem;font-size:.92rem;line-height:1.65}.name-field{color:#d7c49a;gap:.35rem;font-size:.85rem;display:grid}.name-field input{background:#00000059;border:1px solid #a88955;padding:.55rem .65rem}.create-center{justify-items:center;gap:.7rem;display:grid}.orbit{width:min(420px,90vw);height:340px;position:relative}.orbit-icon{border:2px solid var(--line-dim);cursor:pointer;background:#151a22;border-radius:50%;place-items:center;gap:0;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%}.orbit-icon span{font-size:1.3rem;line-height:1}.orbit-icon em{color:var(--muted);white-space:nowrap;font-size:.7rem;font-style:normal;position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%)}.orbit-icon.active{border-color:var(--accent,var(--gold));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,var(--gold)) 40%, transparent)}.class-preview{place-items:end center;width:160px;height:180px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-glow{background:radial-gradient(circle,#d7b56d40,#0000 70%);height:70%;position:absolute;inset:20% 10% auto}.preview-ring{border:2px solid #d7b56d73;border-radius:50%;width:110px;height:28px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.gender-row{gap:.45rem;display:flex}.gender-row button{border:1px solid var(--line-dim);cursor:pointer;background:#151a22;border-radius:50%;width:42px;height:42px;font-size:1.1rem}.gender-row button.active{border-color:var(--gold);color:var(--gold);background:#2a2418}.attr-board{border:1px solid var(--line);background:#12161d;width:min(360px,100%);padding:.65rem}.attr-head{color:var(--gold);justify-content:space-between;margin-bottom:.45rem;font-size:.85rem;display:flex}.attr-row{justify-content:space-between;align-items:center;margin-bottom:.28rem;font-size:.88rem;display:flex}.attr-ctrl{align-items:center;gap:.35rem;display:flex}.attr-ctrl button{border:1px solid var(--line-dim);cursor:pointer;background:#1c232d;width:26px;height:26px}.attr-ctrl b{text-align:center;min-width:1.5rem}@media (width<=1100px){.client-grid{grid-template-rows:none;grid-template-columns:1fr}.char-card,.adventure-panel,.menu-grid-panel,.client-right,.log-dock,.chat-dock{grid-area:auto}.create-stage{grid-template-columns:1fr}.orbit{height:300px}}.hotbar{grid-template-columns:repeat(5,1fr);gap:.25rem;margin:.45rem 0 .25rem;display:grid}.hotbar-slot{aspect-ratio:1;min-height:40px;color:inherit;cursor:pointer;background:linear-gradient(#1a1f28,#0e1218);border:1px solid #4a3f2a;place-items:center;padding:0;display:grid;position:relative}.hotbar-slot.empty{opacity:.65}.hotbar-slot .hot-key{color:#9aa3b2;font-size:.6rem;position:absolute;top:1px;left:2px}.hotbar-slot em{color:#fff;text-shadow:0 1px 2px #000;font-size:.65rem;font-style:normal;position:absolute;bottom:1px;right:2px}.hotbar-assign{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.pts-badge{color:var(--gold);border:1px solid #8a6a2e;margin-top:.15rem;padding:.05rem .35rem;font-size:.7rem;font-style:normal;display:inline-block}.plus-btn{color:#c8f0d0;cursor:pointer;background:#1d4528;border:1px solid #6ecf88;width:1.5rem;height:1.5rem}.warn,.status-warn{color:#ffb199!important}.status-warn{margin:.35rem 0;font-size:.8rem}.bar.weight i{background:linear-gradient(90deg,#8a7a4a,#cfc07a)}.bar.weight.over i{background:linear-gradient(90deg,#8a3028,#d06050)}.derived-list b.warn{color:#ffb199}