:root{--bg: #08080e;--bg-surface: #0e1018;--bg-input: #0a0a12;--border: #1e2030;--text: #a0a5b8;--text-bright: #d0d5e0;--text-dim: #6d7190;--accent: #ffd700;--green: #51cf66;--red: #ff6b6b;--cyan: #22b8cf;--magenta: #cc5de8;--orange: #ff922b;--yellow: #ffd43b;--blue: #74aaff;--gossip: #63e6be;--clan: #f783ac;--group: #a9e34b;--quest: #b197fc;--xp: #fff3bf;--loot: #ffc078}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html,body{height:100%;margin:0;overflow:hidden}#root{height:100%;display:flex;flex-direction:column;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.app:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:100;mix-blend-mode:overlay}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:linear-gradient(180deg,#12141e,#0c0e16);border-bottom:1px solid var(--border);border-top:1px solid rgba(255,255,255,.02);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff05}.title{color:#c8b464d9;font-weight:700;font-size:1rem;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.status-info{color:#22b8cf8c;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}@keyframes void-drift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sigil-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh;background:radial-gradient(ellipse at 20% 50%,rgba(34,184,207,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(100,100,120,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,215,0,.03) 0%,transparent 40%),linear-gradient(180deg,#08080e,#0b0b14 40%,#0e0d16);background-size:200% 200%,200% 200%,100% 100%,100% 100%;animation:void-drift 30s ease infinite;position:relative}.login-container:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0;mix-blend-mode:overlay}.login-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(180,185,200,.25),transparent),radial-gradient(1px 1px at 30% 70%,rgba(180,185,200,.15),transparent),radial-gradient(1px 1px at 50% 10%,rgba(180,185,200,.1),transparent),radial-gradient(1px 1px at 70% 40%,rgba(180,185,200,.2),transparent),radial-gradient(1px 1px at 90% 80%,rgba(180,185,200,.15),transparent),radial-gradient(1.5px 1.5px at 15% 55%,rgba(34,184,207,.3),transparent),radial-gradient(1.5px 1.5px at 85% 35%,rgba(255,215,0,.2),transparent),radial-gradient(1px 1px at 45% 90%,rgba(180,185,200,.15),transparent),radial-gradient(1px 1px at 65% 15%,rgba(180,185,200,.1),transparent),radial-gradient(1px 1px at 25% 45%,rgba(180,185,200,.08),transparent);pointer-events:none;z-index:0}.login-container>*{position:relative;z-index:1}.login-title{text-align:center;margin-bottom:2.5rem;animation:fade-up 1s ease-out}.login-title .sigil{width:52px;height:52px;margin:0 auto 1rem;border:1px solid rgba(140,145,160,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:sigil-rotate 25s linear infinite;box-shadow:0 0 20px #8c91a014,inset 0 0 15px #8c91a008,0 1px #ffffff0a;background:linear-gradient(145deg,#1e202d99,#0f1018cc)}.login-title .sigil:after{content:"⬡";color:#c8cddc99;font-size:20px;animation:sigil-rotate 25s linear infinite reverse}.login-title .login-icon{display:block;width:96px;height:96px;margin:0 auto 1rem;border-radius:8px;box-shadow:0 0 24px #ffc85026}.login-title h1{font-size:1.5rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#c8cddce6;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(180deg,#dce1f0f2,#a0a5b4b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-title .subtitle{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:#6b6e88b3}.login-divider{width:240px;height:1px;background:linear-gradient(90deg,transparent,rgba(100,105,120,.3),rgba(140,145,160,.2),rgba(100,105,120,.3),transparent);margin:0 auto 2rem;animation:fade-up 1s ease-out .2s both;position:relative}.login-divider:after{content:"";position:absolute;top:1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent)}.login-form{display:flex;flex-direction:column;gap:.75rem;width:340px;animation:fade-up .8s ease-out .3s both}.login-section-label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#787d8c99;margin-bottom:-.25rem;padding-left:2px;text-shadow:0 1px 0 rgba(255,255,255,.03)}.login-input,.login-select{padding:.75rem 1rem;background:linear-gradient(180deg,#12131ce6,#0c0c14f2);color:var(--text-bright);border:1px solid rgba(60,65,80,.4);border-top-color:#282a3780;border-bottom-color:#50556440;border-radius:1px;font-family:inherit;font-size:.9rem;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff05}.login-input:focus,.login-select:focus{outline:none;border-color:#8c91a066;box-shadow:inset 0 1px 3px #0000004d,0 0 10px #22b8cf0f}.login-input::placeholder{color:var(--text-dim);font-style:italic;letter-spacing:.05em}.login-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6e88' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.login-select option{background:#0c0c14;color:var(--text)}.login-button{padding:.85rem;background:linear-gradient(180deg,#232634cc,#161823e6);color:#dcd2b4e6;border:1px solid rgba(80,85,100,.4);border-top-color:#6469784d;border-bottom-color:#32344180;border-radius:1px;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 1px #ffffff08,0 2px 8px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5)}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,215,0,.04),transparent 60%);pointer-events:none}.login-button:hover{background:linear-gradient(180deg,#2d303ee6,#1c1e2af2);border-color:#ffd70040;color:#ffd700e6;box-shadow:0 1px #ffffff0a,0 2px 12px #0006,0 0 15px #ffd7000d}.login-button:active{transform:translateY(1px);box-shadow:0 0 #fff0,0 1px 4px #0006;background:linear-gradient(180deg,#191b26f2,#1e202ce6)}.login-button.secondary{background:linear-gradient(180deg,#191b2699,#12131cb3);border-color:#3c41504d;color:#a0a5b4b3;letter-spacing:.12em;font-weight:400;box-shadow:0 1px #ffffff05,0 1px 4px #0003}.login-button.secondary:hover{border-color:#22b8cf4d;color:#22b8cfcc;box-shadow:0 1px #ffffff05,0 2px 8px #0000004d,0 0 10px #22b8cf0a}.login-or{text-align:center;color:var(--text-dim);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin:.25rem 0}.login-link{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:.75rem;letter-spacing:.1em;cursor:pointer;text-decoration:none;transition:color .3s;padding:.5rem}.login-link:hover{color:var(--cyan)}.login-error{color:var(--red);text-align:center;font-size:.8rem;padding:.5rem;border:1px solid rgba(255,107,107,.2);border-radius:2px;background:#ff6b6b0d}.login-hint{color:var(--text-dim);font-size:.7rem;letter-spacing:.05em;margin-top:-.4rem;padding-left:2px}.char-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:.6rem;font-size:.8rem}.preview-desc{color:var(--text-dim);font-size:.75rem;margin-bottom:.5rem;font-style:italic}.preview-points{color:var(--text);font-size:.75rem;margin-bottom:.4rem}.points-left{color:var(--accent);font-weight:700}.points-zero{color:var(--text-dim);font-weight:700}.preview-stats{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.preview-stat-row{display:flex;align-items:center;gap:.3rem}.stat-name{color:var(--text-dim);font-size:.7rem;width:3em}.stat-val{color:var(--text-bright);font-weight:700;width:1.5em;text-align:center}.stat-mod{font-size:.7rem;width:2em}.mod-pos{color:var(--green)}.mod-neg{color:var(--red)}.stat-btn{width:20px;height:20px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.stat-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stat-btn:disabled{opacity:.3;cursor:default}.preview-vitals{display:flex;gap:1rem;font-weight:700;font-size:.75rem}.pv-hp{color:var(--red)}.pv-mana{color:var(--blue)}.pv-moves{color:var(--green)}.game-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.game-main{display:flex;flex:1;overflow:hidden;position:relative}.new-pill{position:absolute;left:1rem;bottom:.5rem;z-index:5;padding:.3rem .8rem;background:#22b8cf26;color:var(--cyan);border:1px solid rgba(34,184,207,.5);border-radius:999px;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0006}.new-pill:hover{background:#22b8cf4d}.log-action{margin-left:.6rem;padding:.15rem .7rem;background:#22b8cf26;color:var(--cyan);border:1px solid rgba(34,184,207,.5);border-radius:999px;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.log-action:hover{background:#22b8cf4d}.recovery-banner{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.4rem 1rem;background:#ffd70012;border-bottom:1px solid rgba(255,215,0,.25);color:var(--text-bright);font-size:.8rem}.recovery-banner code,.recovery-code{color:var(--accent);font-weight:700;letter-spacing:.08em;padding:.1rem .4rem;background:#08080eb3;border-radius:2px}.banner-btn{padding:.2rem .6rem;background:#08080e99;color:var(--text);border:1px solid rgba(255,215,0,.3);border-radius:2px;font-family:inherit;font-size:.75rem;cursor:pointer;min-height:28px}.banner-btn:hover{color:var(--accent);border-color:var(--accent)}.resize-handle{width:4px;cursor:col-resize;background:linear-gradient(180deg,#1e213266,#14162399);flex-shrink:0;transition:background .15s;box-shadow:inset 1px 0 #ffffff05,inset -1px 0 #0000004d}.resize-handle:hover{background:#c8b46466}.sidebar{width:380px;min-width:380px;display:flex;flex-direction:column;border-left:1px solid rgba(30,33,50,.6);background:linear-gradient(180deg,#0c0e16,#0a0c14);box-shadow:inset 1px 0 6px #0000004d}.presence-panel{flex-shrink:0;border-bottom:1px solid rgba(30,33,50,.5);overflow-y:auto;max-height:40%;transition:height .28s cubic-bezier(.22,.61,.36,1)}.presence-content{padding:.5rem}.presence-header{color:#c8b464bf;font-weight:700;font-size:.75rem;letter-spacing:.06em;margin-bottom:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}.presence-area{color:var(--text-dim);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;margin:-.3rem 0 .4rem}.presence-section{margin-bottom:.3rem}.presence-mob.target{color:var(--text-bright);background:#ff6b6b2e;border-left:2px solid var(--red);border-radius:2px}.presence-effect{color:var(--cyan)}.presence-label{color:var(--text-dim);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.presence-item{font-size:.75rem;padding:.1rem .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-player{color:var(--green)}.presence-npc{color:var(--yellow)}.presence-mob{color:var(--red)}.map-panel{flex:1;min-height:0}.map-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.75rem;letter-spacing:.05em}.log-container{flex:1;overflow-y:auto;padding:.75rem 1rem;font-size:var(--log-font-size, inherit);background:linear-gradient(180deg,#070710,#09091200 2rem),linear-gradient(0deg,#070710,#09091200 2rem),#090912;box-shadow:inset 0 2px 8px #00000080,inset 0 0 30px #00000026;border-left:1px solid rgba(20,22,35,.8);border-right:1px solid rgba(20,22,35,.8)}.room-image{flex-shrink:0;max-height:200px;overflow:hidden;border-bottom:1px solid rgba(30,33,50,.5);box-shadow:0 2px 6px #0000004d}.room-image img{width:100%;height:200px;object-fit:cover;display:block;opacity:.8}.log-entry{padding:1px 0;word-wrap:break-word}.log-room-name{color:var(--text-bright);font-weight:700;font-size:1.1em}.log-room{color:var(--text)}.log-exits{color:var(--cyan)}.log-mobs{color:var(--red)}.log-npcs{color:var(--yellow)}.log-others{color:var(--green)}.log-items{color:var(--orange)}.log-combat,.log-combat-round{color:var(--red)}.log-combat-summary{color:var(--text-bright);border-left:2px solid var(--red);padding-left:.5rem}.log-error{color:var(--red);font-weight:700}.log-input{color:var(--text-dim)}.log-say{color:var(--green)}.log-yell{color:var(--yellow);font-weight:700}.log-tell{color:var(--magenta)}.log-npc{color:var(--yellow)}.log-shop{color:var(--orange)}.log-score{color:var(--cyan)}.log-system{color:var(--blue)}.log-mail{color:var(--magenta)}.log-board{color:var(--orange)}.log-info{color:var(--text)}.log-default{color:var(--text-dim)}.log-gossip{color:var(--gossip)}.log-clan{color:var(--clan)}.log-group{color:var(--group)}.log-quest{color:var(--quest)}.log-xp{color:var(--xp)}.log-loot{color:var(--loot)}.log-alert{color:var(--text-bright);font-weight:700;background:#ff6b6b2e;border-left:3px solid var(--red);padding:.15rem .5rem;margin:.15rem 0}.log-arena{color:var(--gossip);font-style:italic}.log-entry a{color:var(--cyan);text-decoration:underline}.vitals-bar{display:flex;align-items:center;gap:1rem;padding:.35rem 1rem;background:linear-gradient(180deg,#0e1018,#0b0d15);border-top:1px solid var(--border);border-bottom:1px solid rgba(0,0,0,.3);font-size:.75rem;box-shadow:inset 0 1px #ffffff04}.vital{display:flex;align-items:center;gap:.35rem}.vital-label{color:var(--text-dim);font-weight:700;width:1.5em}.vital-track{width:80px;height:8px;background:#08080ecc;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff05;border:1px solid rgba(30,33,50,.4)}.vital-fill{height:100%;border-radius:4px;transition:width .3s ease}.vital-hp{background:var(--red)}.vital-mana{background:var(--blue)}.vital-moves{background:var(--green)}.vital-xp{background:var(--accent)}.vital-num{color:var(--text);min-width:4.5em;font-variant-numeric:tabular-nums}@keyframes vital-pulse{0%,to{opacity:1}50%{opacity:.55}}.vital.low .vital-num{color:var(--red);font-weight:700;animation:vital-pulse 1.4s ease-in-out infinite}.vital-break{display:none}.vital-fighting{display:inline-flex;align-items:center;gap:.4rem;min-width:0;color:var(--red);font-weight:700;padding:.1rem .15rem .1rem .5rem;border:1px solid rgba(255,107,107,.5);border-radius:999px;background:#ff6b6b1a;white-space:nowrap}.vital-fighting-text{overflow:hidden;text-overflow:ellipsis;max-width:14em}.vital-fighting.alert{color:var(--text-bright);border-color:var(--red);background:#ff6b6b4d}.vital-fighting.alert .vital-fighting-text{animation:vital-pulse 1s ease-in-out infinite}.guard-btn{flex-shrink:0;padding:.05rem .6rem;font-family:inherit;font-size:.7rem;font-weight:700;color:var(--text-bright);background:#ff6b6b40;border:1px solid rgba(255,107,107,.6);border-radius:999px;cursor:pointer}.guard-btn:hover{background:#ff6b6b73}.follow-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;margin:-.2rem 0 .4rem;padding:.05rem .5rem;font-family:inherit;font-size:.7rem;color:var(--green);background:#51cf661a;border:1px solid rgba(81,207,102,.45);border-radius:999px;white-space:nowrap;cursor:pointer}.follow-chip:hover{border-color:var(--green)}.follow-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.follow-chip.in-vitals{display:none;margin:0}.vital-stats{color:#c8b464cc;margin-left:auto;font-weight:700;letter-spacing:.03em}.nav-pad{display:none}.nav-btn{flex:1;font-family:inherit;font-size:1rem;color:var(--cyan);background:#22b8cf14;border:1px solid rgba(34,184,207,.4);border-radius:6px;touch-action:manipulation}.nav-btn:active{background:#22b8cf4d}.nav-btn:disabled{color:var(--text-dim);border-color:var(--border);background:transparent;opacity:.5}.combat-panel{flex-shrink:0;max-height:40vh;overflow-y:auto;position:relative;padding:.4rem 1rem .5rem;background:linear-gradient(180deg,#120a0e,#08080e);border-top:1px solid color-mix(in srgb,var(--red) 40%,var(--border))}.combat-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.combat-view-toggle{font-family:inherit;font-size:.75rem;padding:.2rem .7rem;background:transparent;color:var(--cyan);border:1px solid rgba(34,184,207,.5);border-radius:999px;cursor:pointer}.combat-view-toggle:hover{background:#22b8cf26}.foe-row{margin-top:.4rem;padding:.35rem .5rem;border-radius:4px;border-left:2px solid var(--red);background:#ff6b6b0a;animation:foe-flash .6s ease-out}@keyframes foe-flash{0%{background:#ff6b6b38}to{background:#ff6b6b0a}}.foe-row.foe-crit{border-left-color:var(--yellow);animation-name:foe-flash-crit}@keyframes foe-flash-crit{0%{background:#ffd43b40}to{background:#ff6b6b0a}}.foe-top{display:flex;align-items:center;gap:.6rem}.foe-name{color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.foe-bar{flex:1;height:.5rem;background:#ffffff0f;border-radius:999px;overflow:hidden}.foe-bar-fill{display:block;height:100%;background:var(--green);transition:width .4s ease-out}.foe-bar-fill.low{background:var(--red)}.foe-pct{font-size:.8rem;color:var(--text-dim);min-width:2.6rem;text-align:right}.foe-round{margin-top:.2rem;font-size:.85rem;color:var(--red)}.foe-line+.foe-line:before{content:" · ";color:var(--text-dim)}.foe-crit-tag{margin-left:.5rem;color:var(--yellow);font-weight:700}.foe-totals{margin-top:.15rem;font-size:.75rem;color:var(--text-dim)}.foe-dealt{color:var(--green);font-weight:400}.foe-taken{color:var(--red);font-weight:400}.foe-crit .foe-dealt{color:var(--yellow)}@media(prefers-reduced-motion:reduce){.foe-row,.foe-row.foe-crit{animation:none}.foe-bar-fill{transition:none}}.dialogue-choices{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(180deg,#0a0c14,#08080e);border-top:1px solid var(--border)}.dialogue-choices:before{content:">";color:var(--text-dim);font-size:1rem;align-self:center;margin-right:.3rem}.choice-btn{font-family:inherit;font-size:1rem;padding:.5rem 1.2rem;background:linear-gradient(180deg,#141620b3,#0e1018cc);color:#22b8cfbf;border:1px solid rgba(50,53,70,.4);border-top-color:#3c3f504d;border-bottom-color:#23253280;border-radius:1px;cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;line-height:1.4;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 1px #ffffff05,0 1px 3px #0003}.choice-btn.used{color:var(--text-dim);border-color:var(--border);opacity:.5}.choice-btn:hover,.choice-btn:active{color:var(--text-bright);border-color:#22b8cf66;background:linear-gradient(180deg,#22b8cf14,#22b8cf08);box-shadow:0 1px #ffffff08,0 1px 6px #0000004d}.mic-btn{font-size:1.2rem;background:linear-gradient(180deg,#191b2699,#0f1018cc);border:1px solid rgba(50,53,70,.4);border-top-color:#4144554d;border-bottom-color:#23253280;border-radius:1px;padding:.3rem .5rem;cursor:pointer;margin-left:.4rem;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:0 1px #ffffff05,0 1px 3px #0003}.mic-btn:hover{border-color:#8c91a059}.mic-btn.active{border-color:var(--red);background:color-mix(in srgb,var(--red) 15%,transparent);animation:pulse-mic 1s ease-in-out infinite}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.6}}.input-bar{display:flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(180deg,#0c0e16,#101220);border-top:1px solid var(--border);box-shadow:0 -2px 8px #0000004d}.prompt{color:#c8b464b3;margin-right:.5rem;font-weight:700;cursor:pointer;user-select:none;text-shadow:0 0 6px rgba(200,180,100,.15)}.prompt.fighting{color:var(--red);text-shadow:0 0 6px rgba(255,107,107,.4)}.input-wrap{flex:1;position:relative}.input-ghost{position:absolute;inset:0;padding:.5rem;font-family:inherit;font-size:.9rem;color:var(--text-dim);pointer-events:none;white-space:pre;overflow:hidden}.tab-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:2;padding:.2rem .5rem;background:linear-gradient(180deg,#1e213299,#141623cc);color:var(--text-dim);border:1px solid rgba(50,53,70,.3);border-radius:1px;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .15s}.tab-btn:hover{background:#c8b46433;color:#c8b464e6;border-color:#c8b4644d}.command-input{width:100%;background:linear-gradient(180deg,#08080ef2,#0c0c14e6);color:var(--text-bright);border:1px solid rgba(50,53,70,.4);border-top-color:#1e202d80;border-bottom-color:#46495a40;border-radius:1px;padding:.5rem;font-family:inherit;font-size:.9rem;outline:none;position:relative;box-shadow:inset 0 1px 3px #0006,0 1px #ffffff05;transition:border-color .25s,box-shadow .25s}.command-input:focus{border-color:#8c91a066;box-shadow:inset 0 1px 3px #0006,0 0 8px #22b8cf0f}.settings-btn{background:linear-gradient(180deg,#191b2699,#0f1018cc);border:1px solid rgba(50,53,70,.4);border-top-color:#46495a4d;border-bottom-color:#1e202d80;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:.2rem .35rem;line-height:1;border-radius:1px;transition:all .2s ease;box-shadow:0 1px #ffffff05,0 1px 3px #0003}.settings-btn:hover{color:#c8b464d9;border-color:#c8b4644d;box-shadow:0 1px #ffffff08,0 1px 6px #0000004d}.settings-btn:active{transform:translateY(1px);box-shadow:none;background:linear-gradient(180deg,#0f1018e6,#141620cc)}.settings-overlay{position:fixed;inset:0;background:#000000a6;z-index:50}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;background:linear-gradient(180deg,#11131c,#0c0e16);border:1px solid rgba(50,53,70,.4);border-top-color:#46495a4d;border-bottom-color:#1e202d80;border-radius:2px;padding:1.5rem;width:320px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0009,0 1px #ffffff05 inset}.settings-title{color:#c8b464d9;margin-bottom:1rem;font-size:1rem;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.setting{margin-bottom:1rem}.setting-label{color:var(--text);font-size:.8rem;display:block;margin-bottom:.3rem}.setting-row{display:flex;gap:.4rem;flex-wrap:wrap}.setting-chip{padding:.3rem .7rem;background:linear-gradient(180deg,#12131ccc,#0c0c14e6);color:var(--text-dim);border:1px solid rgba(50,53,70,.4);border-top-color:#3c3f504d;border-bottom-color:#23253280;border-radius:1px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s;box-shadow:0 1px #ffffff05,0 1px 3px #0003}.setting-chip:hover{border-color:#c8b46459;color:var(--text)}.setting-chip.active{background:linear-gradient(180deg,#c8b46433,#c8b4641a);color:#c8b464e6;border-color:#c8b46466}.setting-input{width:100%;padding:.5rem;background:linear-gradient(180deg,#08080ef2,#0c0c14e6);color:var(--text);border:1px solid rgba(50,53,70,.4);border-top-color:#1e202d80;border-bottom-color:#46495a40;border-radius:1px;font-family:inherit;font-size:.8rem;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff05}.setting-hint{color:var(--text-dim);font-size:.7rem}.setting-error{color:var(--red)}.claim-setting{display:flex;flex-direction:column;gap:.45rem}.claim-setting .setting-label{margin-bottom:0}.claim-setting>.setting-chip{align-self:flex-start}.claim-code{word-break:break-all}.claim-panel{margin-bottom:1.5rem}.claim-text{color:var(--text);font-size:.85rem;line-height:1.5}.claim-text.claim-ok{color:var(--green);padding:.5rem;border:1px solid rgba(81,207,102,.3);border-radius:2px;background:#51cf660f}.claim-actions{display:flex;gap:.5rem}.claim-actions .login-button{flex:1}a.login-button{display:block;text-align:center;text-decoration:none}.mobile-map-panel{position:fixed;top:5vh;left:5vw;right:5vw;bottom:5vh;z-index:51;background:linear-gradient(180deg,#11131c,#0c0e16);border:1px solid rgba(50,53,70,.4);border-radius:2px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0009}.mobile-map-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;color:#c8b464d9;font-weight:700;font-size:.9rem;border-bottom:1px solid rgba(30,33,50,.5);flex-shrink:0;background:linear-gradient(180deg,#12141e,#0c0e16);box-shadow:0 2px 6px #0000004d}.mobile-map-body{flex:1;min-height:0}.help-panel{max-width:640px;width:90vw}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem}@media(max-width:600px){.help-columns{grid-template-columns:1fr}}.help-group h4{color:#c8b464bf;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem;padding-bottom:.2rem;border-bottom:1px solid rgba(30,33,50,.5);text-shadow:0 1px 2px rgba(0,0,0,.3)}.help-group{margin-bottom:.5rem}.help-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;line-height:1.6;color:var(--text-dim)}.help-row code{background:#0a0a12b3;padding:.1rem .3rem;border-radius:1px;font-size:.75rem;color:#22b8cfb3;white-space:nowrap;border:1px solid rgba(30,33,50,.3)}.help-row span:first-child{color:var(--text)}.help-tip{font-size:.75rem;color:var(--text-dim);margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(30,33,50,.5);line-height:1.5}.login-help{max-width:400px;margin-bottom:2rem;text-align:center;animation:fade-up .8s ease-out .15s both}.login-help p{margin-bottom:.6rem;font-size:.8rem;line-height:1.7;color:var(--text-dim)}.login-help code{background:var(--bg-input);padding:.1rem .3rem;border-radius:3px;font-size:.8rem;color:var(--accent)}.setting-close{width:100%;padding:.5rem;background:linear-gradient(180deg,#232634cc,#161823e6);color:#c8b464e6;border:1px solid rgba(80,85,100,.4);border-top-color:#6469784d;border-bottom-color:#32344180;border-radius:1px;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-top:.5rem;box-shadow:0 1px #ffffff08,0 2px 6px #0000004d;transition:all .2s}.setting-close:hover{border-color:#c8b46466;box-shadow:0 1px #ffffff0a,0 2px 10px #0006}[data-theme=light]{--bg: #f5f5f0;--bg-surface: #e8e8e0;--bg-input: #ffffff;--border: #c0c0b0;--text: #333333;--text-bright: #111111;--text-dim: #6b6b63;--accent: #b8860b;--green: #2d8a4e;--red: #cc3333;--cyan: #0e7490;--magenta: #9333ea;--orange: #c2410c;--yellow: #a16207;--blue: #2563eb;--gossip: #0b7285;--clan: #c2255c;--group: #5c940d;--quest: #6741d9;--xp: #e67700;--loot: #d9480f}@media(prefers-reduced-motion:reduce){.login-container{animation:none}.login-title .sigil,.login-title .sigil:after{animation:none}.mic-btn.active,.vital.low .vital-num,.vital-fighting.alert .vital-fighting-text{animation:none}.presence-panel{transition:none}}[data-theme=green]{--bg: #0a1a0a;--bg-surface: #0f2a0f;--bg-input: #061006;--border: #1a3a1a;--text: #33cc33;--text-bright: #66ff66;--text-dim: #1a8a1a;--accent: #00ff00;--green: #33ff33;--red: #ff4444;--cyan: #33ffcc;--magenta: #ff33ff;--orange: #ffaa33;--yellow: #ffff33;--blue: #3399ff}.editor{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-loading,.editor-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text);gap:1rem}.editor-denied h2{color:var(--red)}.editor-denied code{background:var(--bg-input);padding:.1rem .4rem;border-radius:3px;color:var(--accent)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:linear-gradient(180deg,#12141e,#0c0e16);border-bottom:1px solid var(--border);border-top:1px solid rgba(255,255,255,.02);flex-shrink:0;gap:1rem;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff05}.editor-toolbar-left,.editor-toolbar-right{display:flex;align-items:center;gap:.75rem}.editor-title{color:#c8b464d9;font-weight:700;font-size:1rem;margin-right:.5rem;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.editor-stat{color:var(--text-dim);font-size:.75rem}.editor-btn{padding:.35rem .75rem;background:linear-gradient(180deg,#191b26b3,#0f1018d9);color:var(--text);border:1px solid rgba(50,53,70,.4);border-top-color:#4144554d;border-bottom-color:#23253280;border-radius:1px;font-family:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;box-shadow:0 1px #ffffff05,0 1px 3px #0003;transition:all .2s}.editor-btn:hover{border-color:#c8b46459;color:#c8b464d9}.editor-btn:active{transform:translateY(1px);box-shadow:none}.editor-btn-primary{background:linear-gradient(180deg,#c8b46433,#c8b4641a);color:#c8b464e6;border-color:#c8b46459;font-weight:700}.editor-btn-primary:hover{background:linear-gradient(180deg,#c8b46440,#c8b46426);color:#c8b464}.editor-btn-danger{color:var(--red)}.editor-btn-danger:hover{border-color:var(--red)}.editor-btn-active{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.editor-btn-active:hover{opacity:.9;color:var(--bg)}.editor-btn-sm{padding:.15rem .4rem;background:linear-gradient(180deg,#141620b3,#0c0e16d9);color:var(--text-dim);border:1px solid rgba(50,53,70,.35);border-radius:1px;font-family:inherit;font-size:.7rem;cursor:pointer;box-shadow:0 1px #ffffff05}.editor-btn-sm:hover{border-color:var(--accent);color:var(--accent)}.editor-btn-sm.editor-btn-danger:hover{border-color:var(--red);color:var(--red)}.editor-status{padding:.3rem 1rem;background:#08080eb3;color:#22b8cf99;font-size:.7rem;letter-spacing:.04em;border-bottom:1px solid var(--border);flex-shrink:0}.editor-errors{padding:.5rem 1rem;background:color-mix(in srgb,var(--red) 15%,var(--bg));border-bottom:1px solid var(--red);flex-shrink:0;max-height:150px;overflow-y:auto}.editor-error{color:var(--red);font-size:.75rem;padding:.1rem 0}.editor-body{display:flex;flex:1;min-height:0;overflow:hidden}.editor-3d{flex:7;min-width:0;position:relative;touch-action:none}.editor-panel{flex:3;min-width:280px;max-width:420px;background:linear-gradient(180deg,#0c0e16,#0a0c14);border-left:1px solid rgba(30,33,50,.6);overflow-y:auto;padding:.75rem;box-shadow:inset 1px 0 6px #0000004d}.editor-panel-empty{color:var(--text-dim);padding:2rem 1rem;text-align:center;font-size:.85rem}.editor-panel-empty p{margin-bottom:.5rem}.editor-props{display:flex;flex-direction:column;gap:.75rem}.editor-props-header{display:flex;justify-content:space-between;align-items:center;color:#c8b464cc;font-weight:700;font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(30,33,50,.5);letter-spacing:.05em}.editor-dirty{color:var(--orange);font-size:.7rem;font-weight:400;background:#ff922b26;padding:.1rem .4rem;border-radius:3px}.editor-field{display:flex;flex-direction:column;gap:.3rem}.editor-field>label{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.editor-field input[type=text],.editor-field input[type=number],.editor-field textarea,.editor-field select{padding:.4rem .5rem;background:linear-gradient(180deg,#08080ef2,#0c0c14e6);color:var(--text);border:1px solid rgba(50,53,70,.4);border-top-color:#1e202d80;border-bottom-color:#46495a40;border-radius:1px;font-family:inherit;font-size:.8rem;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff05;width:100%}.editor-field textarea{resize:vertical;min-height:60px}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--accent);outline:none}.editor-flags{display:flex;flex-wrap:wrap;gap:.3rem}.editor-checkbox{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text);cursor:pointer;padding:.15rem .4rem;background:linear-gradient(180deg,#12131cb3,#0c0c14d9);border:1px solid rgba(50,53,70,.35);border-radius:1px}.editor-checkbox:has(input:checked){border-color:var(--accent);color:var(--accent)}.editor-checkbox input{margin:0}.editor-exits{display:flex;flex-direction:column;gap:.25rem}.editor-exit-row{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;background:#0a0a12b3;border-radius:1px;font-size:.75rem;border:1px solid rgba(30,33,50,.3)}.editor-exit-dir{color:var(--cyan);font-weight:700;min-width:3.5em}.editor-exit-target{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-add-exit{display:flex;gap:.3rem;margin-top:.3rem}.editor-add-exit select,.editor-add-exit input{padding:.3rem;background:linear-gradient(180deg,#08080ef2,#0c0c14e6);color:var(--text);border:1px solid rgba(50,53,70,.4);border-top-color:#1e202d80;border-bottom-color:#46495a40;border-radius:1px;font-family:inherit;font-size:.75rem;box-shadow:inset 0 1px 2px #0003}.editor-add-exit select{flex:1}.editor-add-exit input{width:60px}.editor-npc-row{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;background:#0a0a12b3;border:1px solid rgba(30,33,50,.3);border-radius:1px;font-size:.75rem;color:var(--yellow)}.editor-npc-services{color:var(--text-dim);flex:1;font-size:.7rem}.editor-empty{color:var(--text-dim);font-size:.75rem;font-style:italic}.editor-readonly{color:var(--text-dim);font-size:.8rem;padding:.3rem .5rem;background:#0a0a1299;border:1px solid rgba(30,33,50,.3);border-radius:1px}.editor-save-btn{margin-top:.5rem;width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#08080e99}::-webkit-scrollbar-thumb{background:#282b3c80;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#373a4b99}@media(max-width:1024px){:root{--mob-header: 3rem;--mob-vitals: 2.9rem;--mob-input: 3.6rem;--mob-nav: 0px;--mob-speak: 0px;--mob-above: calc(var(--mob-input) + var(--mob-nav) + var(--mob-speak))}:root.nav-pad-on{--mob-nav: 3.2rem}:root.speak-on{--mob-speak: 4rem}:root .speak-btn{position:fixed;left:0;right:0;bottom:calc(var(--mob-input) + var(--mob-nav));height:var(--mob-speak);z-index:10;font-size:1.2rem}.nav-pad{display:flex;position:fixed;left:0;right:0;bottom:var(--mob-input);height:var(--mob-nav);z-index:10;gap:.4rem;padding:.3rem .75rem;background:linear-gradient(180deg,#0a0c14,#0c0e16);border-top:1px solid var(--border)}body{font-size:18px}.app,.game-container,.game-main{display:block;height:auto;overflow:visible}.sidebar,.status-online{display:none}.status-info{display:inline;font-size:.65rem}.settings-btn,.stat-btn,.tab-btn,.prompt{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.tab-btn{padding:0 .6rem}.prompt{margin-right:.2rem}.header{position:fixed;top:0;left:0;right:0;z-index:10;height:var(--mob-header);padding:.2rem .5rem;gap:.4rem}.title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vitals-bar{position:fixed;top:var(--mob-header);left:0;right:0;z-index:10;height:var(--mob-vitals);gap:.15rem .5rem;padding:.2rem .5rem;font-size:.75rem;flex-wrap:wrap;align-content:center;overflow:hidden}.vital{gap:.25rem}.vital-label{width:auto;font-size:.7rem}.vital-track{width:44px;height:7px}.vital-num{min-width:auto;font-size:.75rem}.vital-break{display:block;flex-basis:100%;height:0}.vital-fighting{font-size:.7rem}.vital-fighting-text{max-width:12em}.vitals-bar:has(.vital-fighting) .vital:has(.vital-xp){display:none}.follow-chip.in-vitals{display:inline-flex;max-width:9em}.vital-stats{white-space:nowrap;font-size:.75rem}.recovery-banner{position:fixed;top:calc(var(--mob-header) + var(--mob-vitals));left:0;right:0;z-index:9;background:#1a1810;font-size:.75rem}.dialogue-choices{position:fixed;bottom:calc(var(--mob-above) + var(--combat-h, 0px));left:0;right:0;z-index:10;padding:.3rem .75rem;background:var(--bg);border-top:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.choice-btn{font-size:1.1rem;padding:.6rem 1.4rem;white-space:nowrap;flex-shrink:0}.input-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.prompt{font-size:1.1rem}.command-input{font-size:18px;padding:.6rem}.log-container{position:fixed;top:calc(var(--mob-header) + var(--mob-vitals));bottom:var(--mob-above);left:0;right:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem .75rem;font-size:1rem;line-height:1.6}.log-container.has-choices{bottom:calc(var(--mob-above) + 3.6rem)}.log-container.has-combat{bottom:calc(var(--mob-above) + var(--combat-h, 0px))}.log-container.has-combat.has-choices{bottom:calc(var(--mob-above) + var(--combat-h, 0px) + 3.6rem)}.dock{position:fixed;left:0;right:0;bottom:var(--mob-above);z-index:10}.combat-panel{padding:.3rem .6rem .4rem}.new-pill{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--mob-above) + .5rem);z-index:11}.login-title h1{font-size:1.3rem;letter-spacing:.15em}.login-container{padding:3rem 1rem 1.5rem}.login-form{width:100%;max-width:100%}.login-input,.login-select{font-size:18px;padding:.75rem}.login-button{font-size:18px;padding:.85rem}.char-preview{padding:.5rem}.stat-btn{width:32px;height:32px;font-size:1.1rem}}.voice-mode-btn{margin-top:1rem}.voice-mode-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.speak-btn{flex-shrink:0;display:block;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:1rem;letter-spacing:.05em;color:var(--accent);background:#ffd7000f;border:none;border-top:1px solid var(--border);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.speak-btn.listening{color:var(--text-bright);background:#ffd70038}.dock{flex-shrink:0;max-height:50vh;overflow-y:auto}.voice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.4rem 1rem;background:linear-gradient(180deg,#0a1014,#08080e);border-top:1px solid color-mix(in srgb,var(--cyan) 35%,var(--border))}.voice-peers{display:flex;flex-wrap:wrap;gap:.4rem;flex:1;min-width:0;align-items:center}.voice-peer,.voice-join-btn,.voice-leave-btn,.talk-btn{font-family:inherit;font-size:.85rem;padding:.3rem .8rem;color:var(--cyan);background:#22b8cf14;border:1px solid rgba(34,184,207,.4);border-radius:999px;cursor:pointer}.voice-peer.muted{color:var(--text-dim);border-color:var(--border)}.voice-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:50%;background:var(--text-dim)}.voice-peer.speaking .voice-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.voice-alone{font-size:.8rem;color:var(--text-dim)}.voice-actions{display:flex;gap:.4rem}.talk-btn{color:var(--accent);border-color:#ffd70080;touch-action:none;user-select:none;-webkit-user-select:none}.talk-btn.talking{background:#ffd70040;color:var(--text-bright)}.voice-leave-btn{color:var(--text-dim);border-color:var(--border);background:transparent}