: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:#050403;--panel:#14100c;--panel-2:#1c160f;--panel-face:linear-gradient(180deg, #1a140e 0%, #100c08 55%, #0b0907 100%);--line:#c9a24b;--line-hi:#f0d78a;--line-dim:#b48c3c59;--wood:#2a1c10;--wood-deep:#120c08;--text:#ebe3d2;--muted:#9a8f7a;--gold:#e6c36a;--gold-dim:#9a7a35;--blood:#8a1e18;--blood-2:#c7443a;--hp:#d62828;--mp:#2a6fd4;--exp:#c9a024;--ok:#3d9a6a;--font-display:"Cinzel", "Noto Serif TC", serif;--font-body:"Noto Sans TC", system-ui, sans-serif;--ui-panel:url(/assets/ui/classic/panel-9slice.png);--ui-slot:url(/assets/ui/classic/slot-frame.png);color:var(--text);background:var(--bg0);font-family:var(--font-body)}*{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(--gold-dim);cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#50371673,#0000 40%),linear-gradient(#2a2116,#14100a);border-radius:0;padding:.45rem .85rem;box-shadow:inset 0 1px #f0d78a33,inset 0 -1px #0000008c}.btn:hover{border-color:var(--line-hi);color:#fff4c8;background:linear-gradient(#78551e8c,#0000 42%),linear-gradient(#3a2c18,#1a140c)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#ffe9b0;background:linear-gradient(#a032288c,#0000 40%),linear-gradient(#8a2820,#4a1210);border-color:#c08040}.btn-primary:hover{background:linear-gradient(#c846328c,#0000 40%),linear-gradient(#a83028,#5c1812);border-color:#f0d070}.btn-sm{padding:.28rem .55rem;font-size:.82rem}.btn-lg{padding:.7rem 1.4rem;font-size:1.05rem}.btn-ghost{background:linear-gradient(#221a12,#120e0a)}.danger-text{color:#ff8e8e}.panel,.lineage-panel{background:var(--panel-face);border:2px solid var(--gold-dim);border-radius:0;padding:.55rem;position:relative;box-shadow:inset 0 0 0 1px #f0d78a38,inset 0 0 24px #0000008c,0 0 0 1px #3a2a12,0 10px 28px #0000008c}.panel:before,.lineage-panel:before{content:"";pointer-events:none;border:1px solid #c9a24b47;position:absolute;inset:3px}.panel:after,.lineage-panel:after{content:"";pointer-events:none;opacity:.55;mix-blend-mode:screen;background:linear-gradient(90deg,#f0d78a59,#0000 18% 82%,#f0d78a59),linear-gradient(#f0d78a38,#0000 14% 86%,#f0d78a2e);position:absolute;inset:0}.panel-head{background:linear-gradient(#50371659,#0000);border-bottom:1px solid #c9a24b59;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;padding:.2rem .35rem .35rem;display:flex}.panel-head h2{color:var(--gold);text-shadow:0 1px #000,0 0 8px #e6c36a40;font-size:.95rem}.panel-head p{color:var(--muted);margin:.15rem 0 0;font-size:.78rem}.client-shell{background:radial-gradient(1000px 520px at 50% -10%,#78281c33,#0000 55%),radial-gradient(700px 360px at 80% 100%,#3c281240,#0000 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(#16110c,#070504 60%,#040302);min-height:100vh;padding:.4rem}.client-banner{color:#ffe6a8;text-shadow:0 1px #000;background:linear-gradient(#f0d78a2e,#0000 55%),linear-gradient(90deg,#5a1812,#8a2a20 40%,#5a1812);border:1px solid #c08040;margin-bottom:.4rem;padding:.28rem .6rem;font-size:.78rem;box-shadow:inset 0 1px #ffe6a040}.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:2px solid var(--gold-dim);background:radial-gradient(circle at 50% 30%, #3a2a18, #0d0906 70%), var(--ui-panel);background-blend-mode:normal, soft-light;background-size:cover,48px 48px;place-items:end center;height:110px;padding-bottom:.3rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f0d78a40}.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:#070504;border:1px solid #5a4520;height:11px;overflow:hidden;box-shadow:inset 0 1px 3px #000000d9}.bar i{height:100%;display:block;box-shadow:inset 0 1px #ffffff40}.bar.hp i{background:linear-gradient(180deg, #ff6a4a, var(--hp) 45%, #7a1010)}.bar.mp i{background:linear-gradient(180deg, #7ab0ff, var(--mp) 45%, #123a80)}.bar.exp i{background:linear-gradient(180deg, #ffe08a, var(--exp) 45%, #6a5010)}.menu-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.menu-cell{border:1px solid var(--gold-dim);cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#5a411c59,#0000 40%),linear-gradient(#2a2116,#14100a);border-radius:0;min-height:42px;font-size:.82rem;box-shadow:inset 0 1px #f0d78a26}.menu-cell:hover{border-color:var(--line-hi);color:#fff4c8}.menu-cell.active{color:#eaffef;background:linear-gradient(#3c6e3773,#0000 42%),linear-gradient(#2f5a30,#16301a);border-color:#8fd89a}.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{color:#f2e2c0;cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#6a4a28,#3a2814);border:1px solid #3a2a14;border-radius:2px;padding:.28rem .55rem;font-size:.78rem;box-shadow:inset 0 1px #ffe6a02e}.chip-btn.market{background:linear-gradient(#9a5a28,#5a3010);border-color:#c08040}.chip-btn.teleport{color:#f0e8ff;background:linear-gradient(#6a48a0,#3a2868);border-color:#9a78d0}.chip-btn.go{color:#f0ffe8;background:linear-gradient(#3f8a38,#246020);border-color:#70c068}.chip-btn.danger{color:#ffb4b4;background:linear-gradient(#8a3030,#4a1515);border-color:#c06060}.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:#1a160e;border:1px solid #3a2a14;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b48c3c40}.iso-canvas{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.iso-map.has-scene-art{background:#0c0a08}.scene-art-stage{display:block;position:absolute;inset:0}.scene-art-fit{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;background:#1a140e;border:0;position:absolute;inset:0;overflow:hidden}.scene-art-img{object-fit:cover;object-position:center 42%;image-rendering:auto;-ms-interpolation-mode:bicubic;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.scene-art-fit .iso-npc,.scene-art-fit .iso-actor{z-index:4}.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 .npc-tag{background:#3e2462f5;border-color:#ffe566}.iso-actor.grounded{z-index:6;pointer-events:none;justify-items:center;gap:.12rem;display:grid;position:absolute;transform:translate(-50%,-100%)}.iso-actor.grounded.prerender .npc-sprite.is-prerender img{max-width:120px;height:96px}.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{box-sizing:border-box;place-items:end center;width:96px;height:110px;padding-bottom:6px;display:grid;overflow:hidden}.portrait-photo img{object-fit:contain;object-position:bottom center;image-rendering:auto;width:auto;max-width:88px;height:96px;margin:0;animation:none;display:block}.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{filter:drop-shadow(0 2px #0000008c);width:auto;height:auto;margin-bottom:0;line-height:0;display:block;overflow:visible}.npc-plate .npc-sprite.is-prerender img{object-fit:contain;object-position:bottom center;image-rendering:auto;width:auto;max-width:64px;height:56px;animation:none;display:block}.npc-plate .npc-tag{box-shadow:none;text-shadow:0 0 2px #000,1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:0;padding:0;line-height:1.15;display:inline-flex}.npc-plate .npc-tag b{color:#fff;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700;display:block}.npc-plate .npc-tag em{color:#7fd7ff;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.66rem;font-style:normal;display:block}.npc-plate.on-art{gap:.06rem;transform:translate(-50%,-100%)}.npc-plate.on-art .npc-sprite{filter:drop-shadow(0 3px 2px #000000a6);width:auto;height:auto}.npc-plate.on-art .npc-sprite.is-prerender img{max-width:110px;height:100px}.npc-plate.on-art .npc-tag{padding:.12rem .52rem .14rem;font-size:.72rem}.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}.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:#2a3544;border:1px solid #d4af6e59;border-radius:2px;flex-shrink:0}.equip-grid-compact{grid-template-columns:1fr}.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{background:var(--panel-face);border:2px solid var(--gold-dim);width:min(420px,100%);padding:.7rem;box-shadow:inset 0 0 0 1px #f0d78a38,0 16px 40px #0000008c}.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(900px 480px at 50% 0,#8c281c47,#0000 58%),radial-gradient(700px 400px at 20% 90%,#462d1238,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E"),linear-gradient(#1a120c,#070504);place-items:center;min-height:100vh;padding:1rem;display:grid}.title-card,.home-card{text-align:center;border:2px solid var(--gold-dim);background:var(--panel-face);width:min(560px,100%);padding:1.5rem;position:relative;box-shadow:inset 0 0 0 1px #f0d78a40,0 0 0 1px #3a2a12,0 18px 40px #0000008c}.title-card:before,.home-card:before{content:"";pointer-events:none;border:1px solid #c9a24b4d;position:absolute;inset:4px}.brand-mark{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px #000;margin:0;font-size:.72rem}.brand-title{color:#ffe9b0;text-shadow:0 2px #000,0 0 18px #e6c36a59;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{border:2px solid var(--gold-dim);color:#f0e2c4;background:linear-gradient(#463018f2,#1c120afa);min-height:420px;padding:1rem;position:relative;box-shadow:inset 0 0 0 1px #f0d78a33,0 12px 28px #00000073}.lore-scroll:before{content:"";pointer-events:none;border:1px solid #c9a24b47;position:absolute;inset:4px}.scroll-kicker{color:#c9a66a;margin:0;font-size:.78rem}.lore-scroll h2{color:#ffe4a8;text-shadow:0 1px #000;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{border:1px solid var(--gold-dim);background:#00000073;padding:.55rem .65rem;box-shadow:inset 0 1px 3px #0009}.create-center{justify-items:center;gap:.7rem;display:grid}.orbit{width:min(420px,90vw);height:340px;position:relative}.orbit-icon{border:2px solid var(--gold-dim);background:linear-gradient(180deg, #2a2116, #12100a), var(--ui-slot);cursor:pointer;background-size:cover,64px 64px;border-radius:0;place-items:center;gap:0;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #f0d78a33}.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(--line-hi);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,var(--gold)) 40%, transparent), inset 0 0 12px #e6c36a33}.class-preview{place-items:end center;width:160px;height:180px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-iso{place-items:end center;width:120px;height:150px;display:grid;position:relative}.player-iso .fig-sprite{image-rendering:auto;filter:drop-shadow(0 6px 8px #0000008c);width:auto;height:132px;display:block}.player-iso .fig-shadow{background:radial-gradient(#00000073,#0000 70%);border-radius:50%;width:54px;height:14px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.player-iso.is-attacking .fig-sprite{transform:translate(4px)scale(1.02)}.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(--gold-dim);cursor:pointer;background:#1a140e;border-radius:0;width:42px;height:42px;font-size:1.1rem}.gender-row button.active{border-color:var(--line-hi);color:var(--gold);background:#2a2418}.attr-board{border:2px solid var(--gold-dim);background:var(--panel-face);width:min(360px,100%);padding:.65rem;box-shadow:inset 0 0 0 1px #f0d78a2e}.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(--gold-dim);cursor:pointer;background:#1c160f;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;border:1px solid var(--gold-dim);background:linear-gradient(180deg, #1f1810, #0e0a06), var(--ui-slot);min-height:40px;color:inherit;cursor:pointer;background-size:cover,40px 40px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f0d78a26}.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}