:root{--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Nunito Sans", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", monospace;--color-primary-lavender: #a897d2;--color-primary-pale-blue: #8caec9;--color-primary-dusty-rose: #b88faa;--color-primary-moss-green: #8da97b;--color-primary-soft-gold: #bea873;--color-neutral-deep-mist: #22293c;--color-neutral-soft-fog: #6f7da1;--color-neutral-cloud: #d8def1;--text-primary: #dbe3f8;--text-secondary: #aebada;--text-tertiary: #9fb0d8;--text-disabled: #7f89a8;--text-heading: #d4ddf5;--text-bright: #dde6ff;--text-placeholder: #8f9cbe;--text-white: #fff;--color-hp-light: #c5d8a8;--color-hp-dark: #9ebf75;--color-mana-light: #b8d8e8;--color-mana-dark: #7fb6cf;--color-xp-light: #e8d8a8;--color-xp-dark: #ddb86f;--color-status-online: #cde6bf;--color-status-offline: #ecc4ce;--color-status-ready: #cde6bf;--color-cooldown: #d9c8a1;--color-error: #e8a0a0;--color-damage: #d4888a;--color-heal: #8abf8a;--color-info: #8caec9;--color-dodge: #d9c8a1;--color-xp: #bea873;--line-soft: rgb(151 166 204 / 36%);--line-faint: rgb(140 154 193 / 24%);--glass-edge: rgb(236 242 255 / 18%);--surface-panel-a: rgb(54 63 90 / 95%);--surface-panel-b: rgb(43 53 79 / 92%);--surface-subpanel: rgb(50 60 88 / 94%);--surface-chip: rgb(62 74 108 / 90%);--surface-input: rgb(45 56 84 / 96%);--surface-terminal: #2f3446;--bg-primary: #2a3149;--bg-secondary: #262f47;--bg-elevated: #313a56;--bg-deep: #141828;--color-gold-bright: #d4b85c;--color-gold-coin-light: #ffe580;--color-gold-coin-dark: #c8a230;--color-toast-text: #f0d0e0;--color-accent-violet: #ce93d8;--line-panel: rgb(88 89 114 / 30%);--button-gradient-primary: linear-gradient(135deg, rgb(96 81 116 / 90%), rgb(76 99 132 / 88%));--button-gradient-secondary: linear-gradient(135deg, rgb(77 88 121 / 92%), rgb(64 79 112 / 88%));--button-gradient-tertiary: linear-gradient(135deg, rgb(62 74 108 / 80%), rgb(54 63 90 / 76%));--shadow-sm: 0 2px 7px rgb(8 10 18 / 30%);--shadow-md: 0 10px 26px rgb(8 10 18 / 36%);--shadow-lg: 0 16px 40px rgb(8 10 18 / 44%);--shadow-glow: 0 0 22px rgb(103 116 170 / 28%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-in-soft: cubic-bezier(.25, .46, .45, .94);--ease-out-soft: cubic-bezier(.33, .66, .66, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}@media(hover:none)and (pointer:coarse){input,textarea,select{font-size:16px!important}button,a,input,textarea,select,[role=button]{touch-action:manipulation}}body{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 16% 10%,rgb(96 84 138 / 36%),transparent 46%),radial-gradient(circle at 84% 14%,rgb(76 110 146 / 28%),transparent 50%),radial-gradient(circle at 50% 108%,rgb(85 74 124 / 24%),transparent 62%),linear-gradient(165deg,#252c42,#222a3f 48%,#252e45);font-family:var(--font-body);line-height:1.5;text-rendering:optimizeLegibility}.app-shell{position:relative;isolation:isolate;max-width:1600px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-4) + 72px)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 22% 22%,rgb(124 110 172 / 22%) 0,transparent 35%),radial-gradient(circle at 76% 32%,rgb(102 131 171 / 18%) 0,transparent 38%),repeating-radial-gradient(circle at 50% 50%,rgb(255 255 255 / 2%) 0 1px,transparent 1px 15px);opacity:.28}.ambient-orb{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(4px);opacity:.4;animation:drift 11s var(--ease-out-soft) infinite alternate}.ambient-orb-a{top:-100px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,#d8c5e8c7,#d8c5e800)}.ambient-orb-b{left:-90px;bottom:10%;width:220px;height:220px;background:radial-gradient(circle,#b8d8e8b8,#b8d8e800);animation-duration:13s}.top-banner,.dashboard{position:relative;z-index:1}.top-banner{isolation:isolate;overflow:visible;display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:linear-gradient(145deg,#474f6de5,#374463d6),linear-gradient(0deg,#161a286b,#161a286b);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3) var(--space-4)}.top-banner:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden;background-image:url(/assets/banner-magic-v2-CRQt8Cg4.webp);background-size:cover;background-position:center 36%;background-repeat:no-repeat;opacity:.62}.top-banner:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden;background:linear-gradient(102deg,#70649e4d,#5d668c3d 34%,#54719238 63%,#5e7b9e47),linear-gradient(180deg,#10121e5c,#10121e2e)}.top-banner>*{position:relative;z-index:1}.top-banner-title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,2.45vw,2.45rem);font-weight:700;letter-spacing:.02em;color:var(--text-primary);text-shadow:0 1px 0 rgb(14 18 30 / 58%),0 0 10px rgb(137 155 214 / 30%)}.connection-cluster{display:flex;gap:var(--space-3);align-items:center}.connection-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 13px;font-size:.86rem;font-weight:700;border:1px solid var(--line-soft);color:var(--text-primary);background:linear-gradient(135deg,#4b5675e5,#3f4d6ddb);box-shadow:var(--shadow-sm);transition:color .3s var(--ease-out-soft),background-color .3s var(--ease-out-soft)}.reconnect-btn{opacity:.5;transition:opacity .2s var(--ease-out-soft),transform .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),background-color .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft)}.reconnect-btn:hover{opacity:.85}.reconnect-btn-needed{opacity:1;background:linear-gradient(135deg,#b88faacc,#a87896c2);border-color:#b88faa7f;animation:reconnectPulse 2s ease-in-out infinite}@keyframes reconnectPulse{0%,to{box-shadow:0 0 4px #b88faa33}50%{box-shadow:0 0 12px #b88faa7f}}.connection-pill-online{color:var(--color-status-online);background:#5b795494}.connection-pill-offline{color:var(--color-status-offline);background:#79515d94}.audio-controls{position:relative;display:flex;align-items:center;gap:2px}.audio-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.audio-toggle-btn.audio-enabled{background:linear-gradient(135deg,#5b7954c7,#496b50bd);border-color:#78a06e66}.audio-toggle-icon{width:18px;height:18px}.audio-expand-btn{width:22px;height:36px;padding:0;border-radius:var(--radius-md);font-size:.7rem;line-height:1;display:flex;align-items:center;justify-content:center}.audio-sliders{position:absolute;top:calc(100% + 8px);right:0;z-index:100;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:linear-gradient(145deg,#373e58f5,#2a3248f0);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:180px}.audio-slider-row{display:flex;align-items:center;gap:var(--space-2)}.audio-slider-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary)}.audio-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-lavender),var(--color-primary-pale-blue));border:1px solid rgb(255 255 255 / 20%);cursor:pointer;box-shadow:0 1px 4px #0000004d}.audio-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-lavender),var(--color-primary-pale-blue));border:1px solid rgb(255 255 255 / 20%);cursor:pointer;box-shadow:0 1px 4px #0000004d}.soft-button{position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:999px;padding:8px 14px;background:var(--button-gradient-secondary);color:var(--text-primary);font-weight:700;cursor:pointer;transition:transform .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),background-color .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft);box-shadow:var(--shadow-sm)}.soft-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 12%),transparent 70%);opacity:0;pointer-events:none;transition:opacity .2s ease-out}.soft-button:active:after{opacity:1}.soft-button:hover{background:linear-gradient(135deg,#605174eb,#4c6384e0);border-color:#7e88ab8a;box-shadow:var(--shadow-md),var(--shadow-glow)}@media(hover:hover){.soft-button:hover{transform:translateY(-1px)}}.soft-button:active{transform:translateY(0) scale(.98);background:linear-gradient(135deg,#486082eb,#584e78e5)}.soft-button:disabled{transform:none;cursor:not-allowed;opacity:.62;background:linear-gradient(135deg,#444b61db,#3c4459d6);box-shadow:none}.soft-button:focus-visible,.command-input:focus-visible,.chip-button:focus-visible,.chat-channel-tab:focus-visible,.character-detail-tab:focus-visible,.chat-input:focus-visible,.chat-target-input:focus-visible,.mail-compose-button:focus-visible,.mail-back-button:focus-visible,.mail-compose-send:focus-visible,.mail-compose-abort:focus-visible,.mail-compose-textarea:focus-visible,.mail-delete-button:focus-visible,.mail-inbox-row:focus-visible,.mail-compose-input:focus-visible,.crafting-tab:focus-visible,.crafting-craft-button:focus-visible,.crafting-gather-button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.dashboard{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.panel{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--line-panel);background:linear-gradient(162deg,var(--surface-panel-a),var(--surface-panel-b)),linear-gradient(0deg,#1a182614,#1a182614);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 0 24px #8270a433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-3);transition:transform .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 0% 0%,rgb(175 148 206 / 28%),transparent 50%),radial-gradient(100% 80% at 100% 0%,rgb(142 177 203 / 24%),transparent 55%)}.panel:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:calc(var(--radius-xl) - 1px);border:1px solid rgb(236 229 255 / 26%);-webkit-mask:linear-gradient(to bottom,rgb(255 255 255 / 50%),rgb(255 255 255 / 4%));mask:linear-gradient(to bottom,rgb(255 255 255 / 50%),rgb(255 255 255 / 4%))}.panel:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 28px #8270a43d}.panel>*{position:relative;z-index:1}.panel-header h2{margin:0;font-family:var(--font-display);font-size:1.3rem;color:var(--text-heading)}.panel-header-icon-title{display:inline-flex;align-items:center;gap:8px;justify-content:center;line-height:1}.panel-header-avatar-icon{width:24px;height:24px;color:var(--text-heading)}.panel-header-inline-label{font-family:var(--font-display);font-size:1.18rem;font-weight:700;letter-spacing:.01em;color:var(--text-heading)}.panel-header-with-actions{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;padding-bottom:6px;border-bottom:1px solid var(--line-faint)}.panel-header-with-actions>div{min-width:0}.panel-action-row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.panel-action-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-soft);border-radius:999px;background:linear-gradient(135deg,#545f81e0,#455679d1);color:var(--text-primary);font-size:.78rem;font-weight:700;padding:6px 10px;cursor:pointer;transition:background-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),transform .18s var(--ease-out-soft)}.panel-action-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#65547eeb,#4f6789e0);box-shadow:var(--shadow-sm),0 0 12px #6674aa4d}.panel-action-button:active{transform:scale(.98);background:linear-gradient(135deg,#4c6687e0,#5d547be0)}.panel-action-button:disabled{transform:none;cursor:not-allowed;opacity:.62;background:linear-gradient(135deg,#444b61db,#3c4459d6);box-shadow:none}.panel-action-button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.panel-action-icon{width:14px;height:14px;flex-shrink:0}.panel-action-button-icon{width:34px;height:34px;padding:0;border-radius:11px;justify-content:center}.panel-action-button-icon .panel-action-icon{width:16px;height:16px}.map-icon-trigger{width:46px;height:46px;border-radius:13px;border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(150deg,#546084eb,#44567adb),linear-gradient(0deg,#0e101c4d,#0e101c4d);box-shadow:inset 0 1px #e1e8ff2e,var(--shadow-sm);padding:7px;cursor:pointer;transition:transform .17s var(--ease-out-soft),box-shadow .17s var(--ease-out-soft),background-color .17s var(--ease-out-soft)}.map-icon-trigger:hover:enabled{transform:translateY(-1px);background:linear-gradient(150deg,#64547deb,#4e6788e5),linear-gradient(0deg,#0e101c4d,#0e101c4d);box-shadow:var(--shadow-md),0 0 14px #6674aa52}.map-icon-trigger:active:enabled{transform:scale(.98)}.map-icon-trigger:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.map-icon-trigger:disabled{opacity:.62;cursor:not-allowed;box-shadow:none}.map-icon-svg{width:100%;height:100%;color:var(--text-heading)}.terminal-card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--line-panel);background:linear-gradient(180deg,#424d6cf2,#354261ed),linear-gradient(0deg,#0c0e1847,#0c0e1847);box-shadow:inset 0 1px #e8efff29,inset 0 -18px 30px #343d5c38,0 0 0 1px #dae2ff24,var(--shadow-sm);padding:var(--space-2);overflow:hidden}.prelogin-banner{border:1px solid rgb(106 96 136 / 22%);border-radius:var(--radius-lg);background:linear-gradient(140deg,#4d5a7edb,#405075d1),linear-gradient(0deg,#0c0e183d,#0c0e183d);box-shadow:inset 0 1px #e8efff2e,var(--shadow-sm);padding:10px 12px}.prelogin-banner-title{margin:0;font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:var(--text-heading)}.prelogin-banner-text{margin:3px 0 0;color:var(--text-secondary);font-size:.86rem}.terminal-host{width:100%;min-height:clamp(250px,34vh,520px);max-height:52vh}.terminal-host .xterm,.terminal-host .xterm-screen,.terminal-host .xterm-viewport{border-radius:9px}.terminal-host .xterm-viewport{background:var(--surface-terminal)!important}.chip-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-soft);border-radius:999px;background:linear-gradient(135deg,#536386e5,#5c4e7ad6);color:var(--text-primary);font-weight:700;min-height:44px;height:36px;padding:0 12px;flex:0 0 auto;text-transform:capitalize;white-space:nowrap;cursor:pointer;font-size:.84rem;transition:background-color .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.chip-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#4a6082e5,#675380db);box-shadow:var(--shadow-sm)}.chip-button:active{transform:scale(.98)}.chip-button-utility{background:linear-gradient(135deg,#62547ee5,#6f536cdb)}.chip-button-utility:hover{background:linear-gradient(135deg,#5a4c77e5,#664b64e0)}.chip-direction-icon{width:14px;height:14px;flex-shrink:0}.chip-label{line-height:1}.command-form{display:flex;gap:var(--space-2);border:1px solid var(--line-faint);border-radius:var(--radius-lg);background:linear-gradient(180deg,#4a5679d6,#3e4f72cc);padding:4px}.command-input{width:100%;border-radius:var(--radius-lg);border:1px solid rgb(107 107 123 / 20%);background:var(--surface-input);color:var(--text-primary);padding:8px 12px;font:inherit;font-size:.93rem;transition:border-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),background-color .18s var(--ease-out-soft)}.command-input::placeholder{color:var(--text-placeholder)}.command-input:focus-visible{border-color:#7b84aacc;background:#3a4566f5;box-shadow:0 0 0 2px #7e6ba23d,0 0 0 4px #6581af3d}.panel-chat{min-height:0}.social-tabs{display:flex;gap:0;padding:0;border-bottom:1px solid rgb(131 147 186 / 30%)}.social-tab{flex:1 1 0;padding:8px 6px 7px;font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:.02em;color:#b4bedab8;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;text-align:center;transition:color .17s var(--ease-out-soft),border-color .17s var(--ease-out-soft)}.social-tab:hover{color:var(--text-heading)}.social-tab-active{color:var(--text-bright);border-bottom-color:#8c9cceb8}.chat-shell{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}.chat-channel-tabs{display:flex;flex-wrap:nowrap;gap:2px;align-items:flex-end;overflow:hidden;padding:0 2px 1px;border-bottom:1px solid rgb(131 147 186 / 26%)}.chat-channel-tab{position:relative;border:1px solid rgb(131 147 186 / 30%);border-bottom:0;border-radius:11px 11px 0 0;padding:6px 7px 5px;font-size:.73rem;font-weight:700;color:var(--text-primary);background:linear-gradient(160deg,#48567ce0,#414c70d6);white-space:nowrap;flex:1 1 0;min-width:0;text-align:center;cursor:pointer;transform-origin:bottom center;transition:transform .17s var(--ease-out-soft),box-shadow .17s var(--ease-out-soft),background-color .17s var(--ease-out-soft),color .17s var(--ease-out-soft)}.chat-channel-tab:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:transparent}.chat-channel-tab:hover{transform:translateY(-1px);background:linear-gradient(160deg,#564d78e5,#4d6387db);box-shadow:0 4px 10px #5e6ea242}.chat-channel-tab-active{color:var(--text-bright);background:linear-gradient(165deg,#625788f2,#51678eeb),linear-gradient(0deg,#0a0c164d,#0a0c164d);transform:translateY(1px);box-shadow:0 6px 16px #56669a47;z-index:1}.chat-channel-tab-active:after{background:#56638bfa}.chat-feed{min-height:0;overflow:auto;border:1px solid rgb(131 147 186 / 24%);border-radius:var(--radius-lg);background:linear-gradient(165deg,#404d6ff0,#374565eb),linear-gradient(0deg,#0a0c163d,#0a0c163d);box-shadow:inset 0 1px #e4ecff29,inset 0 -20px 30px #242e4a3d;margin-top:-1px;padding:10px 10px 8px;border-top:1px solid rgb(131 147 186 / 20%);background:linear-gradient(180deg,rgb(81 92 129 / 30%),transparent 28px),linear-gradient(165deg,#404d6ff0,#374565eb),linear-gradient(0deg,#0a0c163d,#0a0c163d);scrollbar-width:thin;scrollbar-color:rgb(101 90 137 / 86%) transparent}.chat-feed::-webkit-scrollbar{width:10px}.chat-feed::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#655a89db,#546d95d1)}.chat-message-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.chat-feed-panel{display:grid;gap:var(--space-2)}.chat-feed-panel-flip{animation:detailFlipIn .22s var(--ease-out-soft);transform-origin:top center;backface-visibility:hidden}.chat-message-item{border:1px solid rgb(106 96 136 / 18%);border-radius:var(--radius-md);background:linear-gradient(140deg,#465375eb,#3c4c6fe0);box-shadow:inset 0 1px #e8efff24;padding:8px 10px;display:grid;gap:5px}.chat-message-item-self{border-color:#70835f42;background:linear-gradient(140deg,#4e6a54e0,#455e4bd1)}.chat-message-item-whisper{border-color:#8978af3d;background:linear-gradient(140deg,#50486ce5,#443f64db)}.chat-message-item-whisper .chat-message-body{font-style:italic}.chat-whisper-tag{font-size:.7rem;font-weight:700;font-style:italic;color:var(--color-primary-lavender);margin-right:5px;text-transform:uppercase;letter-spacing:.03em}.chat-message-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.chat-message-sender{font-size:.82rem;font-weight:800;color:var(--text-heading)}.chat-message-time{font-size:.74rem;color:var(--text-secondary)}.chat-message-body{margin:0;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.who-filter-bar{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-bottom:1px solid rgb(106 96 136 / 18%)}.who-filter-input{flex:1;min-width:0;font-size:.82rem;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 24%);background:#282e44b3;color:var(--text-primary)}.who-filter-input::placeholder{color:var(--text-muted)}.who-filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #b8d8e84d}.who-table{width:100%;border-collapse:collapse;font-size:.82rem}.who-th{position:sticky;top:0;z-index:1;text-align:left;padding:5px 6px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#262b3ef2;border-bottom:1px solid rgb(106 96 136 / 22%);white-space:nowrap}.who-th-level,.who-th-idle{text-align:center;width:3.2em}.who-th-action{width:36px}.who-sort-btn{all:unset;cursor:pointer;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;min-height:44px}.who-sort-btn:hover{color:var(--text-primary)}.who-row{border-bottom:1px solid rgb(106 96 136 / 10%);transition:background .12s ease}.who-row:hover{background:#4653754d}.who-td{padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-td-name{font-weight:500;color:var(--text-primary)}.who-td-level,.who-td-idle{text-align:center;color:var(--text-secondary)}.who-td-race,.who-td-class{color:var(--text-secondary)}.who-td-info{color:var(--text-muted);font-size:.78rem;max-width:10em}.who-td-action{text-align:center}.who-tell-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:28px;height:28px;border-radius:999px;border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(140deg,#d3b4cee5,#bfcfe2e0);color:var(--text-primary);cursor:pointer;box-shadow:inset 0 1px #ffffff7f,var(--shadow-sm);transition:transform .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),background-color .16s var(--ease-out-soft)}.who-tell-button:hover{transform:translateY(-1px) scale(1.03);background:linear-gradient(140deg,#c594afeb,#a2b8d1e5);box-shadow:var(--shadow-md),0 0 10px #967cb55c}.who-tell-button:active{transform:scale(.97)}.who-tell-button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.who-tell-icon{width:12px;height:12px}.who-refresh-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:28px;height:28px;padding:0;flex-shrink:0}.who-refresh-icon{width:14px;height:14px}.who-status-bar{display:flex;align-items:center;justify-content:center;padding:5px 8px;border-top:1px solid rgb(106 96 136 / 18%);font-size:.75rem;color:var(--text-muted)}.group-member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.group-member-item{border-radius:var(--radius-md);padding:8px 10px;background:linear-gradient(140deg,#465375eb,#3c4c6fe0);border:1px solid rgb(106 96 136 / 16%);box-shadow:inset 0 1px #e8efff24;display:flex;flex-direction:column;gap:4px}.group-member-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.group-member-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-leader-badge{color:#e4c878e5;margin-right:4px}.group-member-class{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.group-member-hp-track{height:4px}.group-member-hp-text{font-size:.68rem;color:var(--text-secondary);text-align:right}.guild-panel-content{display:flex;flex-direction:column;gap:var(--space-3)}.guild-info-header{display:flex;align-items:baseline;gap:var(--space-2)}.guild-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary)}.guild-tag{font-size:.78rem;font-weight:600;color:var(--color-primary-soft-gold)}.guild-rank{font-size:.78rem;color:var(--text-secondary)}.guild-motd{border-radius:var(--radius-md);padding:8px 10px;background:#323c58b3;border:1px solid var(--line-faint)}.guild-motd-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px}.guild-motd-text{margin:0;font-size:.82rem;font-style:italic;color:var(--text-primary);line-height:1.4}.guild-roster-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.guild-member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.guild-member-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:5px 8px;border-radius:6px;transition:background .14s var(--ease-out-soft)}.guild-member-item:hover{background:#505e884d}.guild-member-offline{opacity:.55}.guild-member-name{font-weight:600;font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-member-details{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:.72rem;color:var(--text-secondary)}.guild-member-status{width:7px;height:7px;border-radius:50%;flex-shrink:0}.guild-member-status-online{background:var(--color-primary-moss-green);box-shadow:0 0 4px #8da97b99}.guild-member-status-offline{background:var(--text-disabled)}.guild-member-rank{white-space:nowrap}.guild-member-level{white-space:nowrap;color:var(--text-disabled)}.guild-tab-layout,.group-tab-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;height:100%;gap:0}.guild-tab-info,.group-tab-members{overflow-y:auto;max-height:45%;padding:var(--space-3);border-bottom:1px solid var(--line-faint);display:flex;flex-direction:column;gap:var(--space-2)}.guild-compact-header{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.guild-compact-rank{font-size:.72rem;color:var(--text-secondary);margin-left:auto}.guild-roster-scroll{overflow-y:auto;flex:1 1 0}.embedded-chat-feed{overflow-y:auto;padding:var(--space-3);min-height:0}.friends-panel-content{display:flex;flex-direction:column;gap:var(--space-3)}.friend-notifications{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.friend-notification{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-style:italic;animation:friend-notify-fade 30s ease-out forwards}.friend-notification-online{color:var(--color-primary-moss-green)}.friend-notification-offline{color:var(--text-disabled)}@keyframes friend-notify-fade{0%{opacity:1}80%{opacity:1}to{opacity:.3}}.friend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.friend-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:5px 8px;border-radius:6px;transition:background .14s var(--ease-out-soft)}.friend-item:hover{background:#505e884d}.friend-item-offline{opacity:.55}.friend-item-left{display:flex;align-items:center;gap:6px;min-width:0}.friend-item-name{font-weight:600;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:.72rem;color:var(--text-secondary)}.friend-item-zone{white-space:nowrap;color:var(--color-primary-pale-blue);font-style:italic}.friend-item-level{white-space:nowrap;color:var(--text-disabled)}.friend-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.friend-status-dot-online{background:var(--color-primary-moss-green);box-shadow:0 0 4px #8da97b99}.friend-status-dot-offline{background:var(--text-disabled)}.friend-notification-text{white-space:nowrap}.social-action-bar{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-bottom:1px solid rgb(106 96 136 / 18%)}.social-action-input{flex:1;min-width:0;font-size:.82rem;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 24%);background:#282e44b3;color:var(--text-primary)}.social-action-input::placeholder{color:var(--text-muted)}.social-action-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #b8d8e84d}.social-action-btn{flex-shrink:0;font-size:.78rem;min-height:44px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(140deg,#465375eb,#3c4c6fe0);color:var(--text-primary);cursor:pointer;transition:background .12s ease,transform 80ms ease}.social-action-btn:hover:not(:disabled){background:linear-gradient(140deg,#55648ceb,#485a82e0)}.social-action-btn:active:not(:disabled){transform:scale(.97)}.social-action-btn:disabled{opacity:.5;cursor:default}.social-accept-btn{background:linear-gradient(140deg,#3c5a46eb,#32503ce0);border-color:#50785a4d}.social-accept-btn:hover:not(:disabled){background:linear-gradient(140deg,#466950eb,#3a5c44e0)}.social-decline-btn{background:transparent;border-color:#9664644d;color:var(--text-secondary)}.social-decline-btn:hover:not(:disabled){border-color:#b478787f;color:var(--text-primary)}.invite-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid rgb(80 120 90 / 30%);border-radius:var(--radius-md);background:#3c5a461f}.invite-card-text{margin:0;font-size:.82rem;color:var(--text-primary)}.invite-card-actions{display:flex;gap:var(--space-2)}.social-danger-btn{background:linear-gradient(140deg,#643c3ceb,#5a3232e0);border-color:#8c50504d}.social-danger-btn:hover:not(:disabled){background:linear-gradient(140deg,#784646eb,#693a3ae0)}.social-cancel-btn{background:transparent;border-color:transparent;color:var(--text-muted)}.social-cancel-btn:hover:not(:disabled){color:var(--text-secondary);background:#46537566}.social-edit-btn{all:unset;cursor:pointer;font-size:.78rem;color:var(--text-muted);padding:2px 4px;border-radius:var(--radius-sm);transition:color .12s ease}.social-edit-btn:hover{color:var(--text-primary)}.social-empty-action{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);align-items:center}.social-empty-action .social-action-bar{border:none;padding:0;width:100%;max-width:320px}.social-inline-btn{all:unset;cursor:pointer;font-size:.72rem;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:color .12s ease,background .12s ease}.social-inline-btn:hover{color:var(--text-primary);background:#46537599}.social-inline-btn-danger:hover{color:var(--color-accent-faded-crimson);background:#64323266}.social-remove-btn{all:unset;cursor:pointer;font-size:.9rem;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-disabled);transition:color .12s ease}.social-remove-btn:hover{color:var(--color-accent-faded-crimson)}.social-confirm-inline{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-secondary)}.social-confirm-yes{all:unset;cursor:pointer;font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);background:#64323299;color:var(--color-accent-faded-crimson);transition:background .12s ease}.social-confirm-yes:hover{background:#783c3cb3}.social-confirm-no{all:unset;cursor:pointer;font-size:.82rem;padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color .12s ease}.social-confirm-no:hover{color:var(--text-primary)}.guild-create-form{display:flex;gap:var(--space-2);width:100%;max-width:320px}.guild-tag-input{max-width:60px;text-align:center}.guild-invite-bar{border-top:none;padding-top:0}.guild-motd-edit{display:flex;gap:var(--space-2);align-items:center}.guild-motd-edit .social-action-input{flex:1}.guild-motd-display{display:flex;align-items:flex-start;gap:var(--space-2)}.guild-motd-display .guild-motd-text{flex:1}.guild-member-actions{display:inline-flex;gap:2px;margin-left:4px}.guild-hall-section{padding:6px 8px;border-top:1px solid rgb(106 96 136 / 18%)}.guild-hall-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:4px}.guild-hall-label{font-weight:600;font-size:var(--fs-sm);color:var(--text-primary)}.guild-hall-meta{font-size:var(--fs-xs);color:var(--text-secondary)}.guild-hall-room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.guild-hall-room-item{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;border-radius:var(--radius-sm);background:#6a608814;font-size:var(--fs-xs)}.guild-hall-room-title{color:var(--text-primary)}.guild-hall-room-template{color:var(--text-secondary);font-style:italic}.guild-hall-actions{display:flex;gap:var(--space-2);margin-top:6px}.guild-footer-actions{display:flex;gap:var(--space-2);padding:6px 8px;border-top:1px solid rgb(106 96 136 / 18%);justify-content:flex-end}.group-invite-bar{border-bottom:1px solid rgb(106 96 136 / 18%)}.group-footer-actions{display:flex;gap:var(--space-2);padding:6px 8px;border-top:1px solid rgb(106 96 136 / 18%);justify-content:flex-end}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);border:1px solid rgb(131 147 186 / 24%);border-radius:var(--radius-lg);background:linear-gradient(180deg,#424e72e5,#374668db);padding:3px}.chat-form-targeted{grid-template-columns:minmax(110px,.45fr) minmax(0,1fr) auto auto}.emote-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:color .12s ease,background .12s ease;flex-shrink:0}.emote-toggle-btn:hover:not(:disabled){color:var(--text-primary);background:#46537566}.emote-toggle-btn-active{color:var(--text-primary);background:#4653757f}.emote-toggle-btn:disabled{opacity:.4;cursor:default}.emote-picker{display:flex;flex-direction:column;gap:var(--space-2);padding:6px 8px;border-top:1px solid rgb(106 96 136 / 18%);animation:emote-picker-in .15s var(--ease-out-soft)}@keyframes emote-picker-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.emote-presets{display:flex;flex-wrap:wrap;gap:4px}.emote-preset-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 18%);background:#323a527f;color:var(--text-secondary);cursor:pointer;font-size:.75rem;line-height:1.2;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.emote-preset-btn:hover{background:#46537599;border-color:var(--accent-primary);color:var(--text-primary)}.emote-preset-btn:active{transform:scale(.96)}.emote-preset-emoji{font-size:.9rem;line-height:1}.emote-preset-label{font-weight:500}.emote-custom-form{display:flex;gap:var(--space-2);align-items:center}.emote-name-btn{padding:4px 8px;min-height:44px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:#7864a01f;color:var(--color-primary-lavender);font-family:var(--font-mono);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.emote-name-btn:hover{background:#7864a038;border-color:var(--color-primary-lavender)}.chat-input,.chat-target-input{width:100%;border-radius:var(--radius-lg);border:1px solid rgb(107 107 123 / 20%);background:var(--surface-input);color:var(--text-primary);padding:8px 12px;font:inherit;font-size:.9rem;transition:border-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),background-color .18s var(--ease-out-soft)}.chat-input::placeholder,.chat-target-input::placeholder{color:var(--text-placeholder)}.chat-input:disabled{opacity:.68;cursor:not-allowed}.subpanel{position:relative;border:1px solid rgb(107 107 123 / 20%);border-radius:var(--radius-lg);padding:10px;background:linear-gradient(170deg,var(--surface-subpanel),rgb(56 69 101 / 88%)),linear-gradient(0deg,#0c0e183d,#0c0e183d);box-shadow:var(--shadow-sm),inset 0 1px #e8efff2e,inset 0 -18px 28px #303a582e;min-width:0;transition:transform .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft)}.panel-world .subpanel,.panel-character .subpanel{background:linear-gradient(170deg,#3f4967f2,#374363e5),linear-gradient(0deg,#0c0e1847,#0c0e1847)}.subpanel-fill{width:100%;height:100%}.world-stack,.character-stack{display:grid;gap:var(--space-3);min-height:0}.world-stack>.subpanel,.character-stack>.subpanel{min-height:0;display:flex;flex-direction:column}.subpanel:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),inset 0 1px #f2ebff66}.prelogin-card{display:flex;flex-direction:column;min-height:100%}.prelogin-card-title{margin:0;font-family:var(--font-display);font-size:1.38rem;line-height:1.2;color:var(--text-heading)}.prelogin-runes{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:var(--space-3)}.prelogin-runes span{width:7px;height:7px;border-radius:999px;background:linear-gradient(180deg,#a99259eb,#8170a7e0);box-shadow:0 0 10px #b5a16957;opacity:.7;animation:runePulse 2.9s var(--ease-in-out-smooth) infinite}.prelogin-runes span:nth-child(2){animation-delay:.26s}.prelogin-runes span:nth-child(3){animation-delay:.52s}.subpanel h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:1.12rem;color:var(--text-heading)}.room-title{margin:0;font-weight:700;font-size:1.5rem;font-family:var(--font-display);color:var(--text-bright)}.room-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-2)}.room-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-2);min-height:0;height:100%}.room-banner{overflow:hidden;border-radius:var(--radius-md);margin:0 var(--space-2) var(--space-1)}.room-banner-image{display:block;width:100%;max-height:180px;object-fit:cover}.room-description-wrap{position:relative;min-height:0;overflow:hidden;padding-bottom:44px}.room-description{margin:0;color:var(--text-primary);font-size:.92rem;line-height:1.55;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;text-overflow:ellipsis}.room-map-trigger{width:40px;height:40px;margin-top:1px}.room-expand-trigger{position:absolute;right:0;bottom:0;width:36px;height:36px;border-radius:11px;padding:6px}.room-expand-icon{color:var(--text-secondary)}.compass-block{margin-top:0;display:grid;gap:var(--space-2)}.compass-rose{position:relative;width:min(100%,142px);aspect-ratio:1 / 1;margin:0 auto;border-radius:50%;border:1px solid rgb(106 96 136 / 24%);background:radial-gradient(circle at 50% 45%,#22273beb,#131828f5),linear-gradient(0deg,#ab90cd1a,#91aed314);box-shadow:inset 0 1px #eee7ff24,inset 0 -20px 24px #695f8c42,var(--shadow-sm)}.compass-rose:before,.compass-rose:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(180deg,#6c658b57,#7292ad4d);transform:translate(-50%,-50%);border-radius:999px}.compass-rose:before{width:2px;height:72%}.compass-rose:after{width:72%;height:2px}.compass-core{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:999px;display:grid;place-items:center;color:var(--text-secondary);border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(145deg,#293148eb,#1d253ae5);box-shadow:inset 0 1px #ece5ff2e,var(--shadow-sm)}.compass-core-icon{width:15px;height:15px}.compass-node{display:grid;place-items:center;position:absolute;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(140deg,#262e45eb,#1b2339e0);color:var(--text-tertiary);font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:inset 0 1px #ece5ff24,var(--shadow-sm);transition:transform .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),background-color .16s var(--ease-out-soft)}.compass-node:hover:enabled{transform:scale(1.06);background:linear-gradient(140deg,#614970f0,#425c7ce5);color:var(--text-primary);box-shadow:var(--shadow-md),0 0 12px #806ca352}.compass-node:active:enabled{transform:scale(.98)}.compass-node:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.compass-node:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.compass-node-icon{width:13px;height:13px}.compass-node-north{left:calc(50% - 14px);top:7px}.compass-node-east{right:7px;top:calc(50% - 14px)}.compass-node-south{left:calc(50% - 14px);bottom:7px}.compass-node-west{left:7px;top:calc(50% - 14px)}.compass-node-up{right:21px;top:21px}.compass-node-down{right:21px;bottom:21px}.compass-caption{margin:0;text-align:center;color:var(--text-tertiary);font-size:.8rem;line-height:1.35}.mini-map{display:block;width:100%;height:180px;border-radius:var(--radius-md);border:1px solid rgb(58 64 96 / 50%);background:var(--bg-deep)}.split-list{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.dialogue-panel{display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;padding:.75rem 1rem}.dialogue-npc-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-primary-soft-gold);letter-spacing:.02em}.dialogue-text{border-left:3px solid var(--color-primary-soft-gold);padding:.6rem .75rem;background:#22293c7f;border-radius:0 6px 6px 0;font-family:var(--font-display);font-size:.95rem;line-height:1.5;color:var(--text-primary)}.dialogue-choices{display:flex;flex-direction:column;gap:.35rem}.dialogue-choice-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .65rem;border:1px solid var(--line-faint);border-radius:6px;background:#363f5a99;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;text-align:left}.dialogue-choice-button:hover{transform:translate(2px);background:#363f5ad9;border-color:var(--color-primary-pale-blue)}.dialogue-choice-button:focus-visible{outline:2px solid var(--color-primary-lavender);outline-offset:1px}.dialogue-choice-index{color:var(--color-primary-pale-blue);font-weight:600;min-width:1.2em}.dialogue-ending{font-style:italic;color:var(--text-secondary);font-size:.85rem;padding:.3rem 0}.shop-panel{display:flex;flex-direction:column;gap:var(--space-2)}.shop-header{display:flex;justify-content:space-between;align-items:center}.shop-header h3{margin:0}.shop-gold{font-size:.85rem;font-weight:600;color:var(--color-primary-soft-gold)}.shop-tabs{display:flex;gap:var(--space-1)}.shop-tab{flex:1;padding:.35rem .6rem;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s var(--ease-in-out-smooth),color .15s}.shop-tab:hover{background:#ffffff0f}.shop-tab-active{background:var(--surface-chip);color:var(--text-primary);border-color:var(--glass-edge)}.shop-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:280px}.shop-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--line-faint)}.shop-item-top{display:flex;justify-content:space-between;align-items:center}.shop-item-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.shop-item-price{font-size:.82rem;font-weight:600;color:var(--color-primary-soft-gold);white-space:nowrap}.shop-item-meta{font-size:.78rem;color:var(--text-secondary);margin:0}.shop-item-worthless{font-size:.82rem;font-style:italic;color:var(--text-disabled)}.shop-buy-button,.shop-sell-button{align-self:flex-end;padding:.25rem .8rem;font-size:.78rem}.shop-popout{display:flex;flex-direction:column;gap:var(--space-3)}.shop-popout-wallet{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#bea8731f,#bea8730f);border:1px solid rgb(190 168 115 / 22%)}.shop-popout-gold-icon{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-bright),var(--color-primary-soft-gold));box-shadow:0 0 6px #bea87366;flex-shrink:0}.shop-popout-gold-amount{font-size:1.1rem;font-weight:800;color:var(--color-primary-soft-gold)}.shop-popout-gold-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.shop-popout-tabs{display:flex;gap:var(--space-2)}.shop-popout-tab{flex:1;padding:8px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:700;cursor:pointer;text-align:center;transition:background .15s var(--ease-in-out-smooth),color .15s,border-color .15s}.shop-popout-tab:hover{background:#ffffff0f}.shop-popout-tab-active{background:var(--surface-chip);color:var(--text-primary);border-color:var(--glass-edge)}.shop-popout-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:50vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(90 82 120 / 70%) transparent}.shop-popout-list::-webkit-scrollbar{width:8px}.shop-popout-list::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#5a5278b3,#465a6ea6)}.shop-popout-card{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--line-faint);transition:background .15s,border-color .15s}.shop-popout-card:hover{background:#ffffff12;border-color:var(--line-soft)}.shop-popout-card-unaffordable{opacity:.6}.shop-popout-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.shop-popout-card-info{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.shop-popout-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--line-faint)}.shop-popout-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-popout-card-name{font-size:.92rem;font-weight:700;color:var(--text-primary)}.shop-popout-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-popout-card-stats{font-size:.75rem;color:var(--color-primary-pale-blue);font-weight:600}.shop-popout-card-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.shop-popout-card-price{font-size:.88rem;font-weight:700;color:var(--color-primary-soft-gold);white-space:nowrap}.shop-popout-card-price-cant{font-size:.82rem;font-weight:600;color:var(--text-disabled);font-style:italic;white-space:nowrap}.shop-popout .soft-button.shop-popout-buy-btn,.shop-popout .soft-button.shop-popout-sell-btn{padding:4px 14px;font-size:.78rem}.shop-popout .soft-button.shop-popout-buy-btn:not(:disabled){background:linear-gradient(135deg,#8ea97bcc,#71965cc2);border-color:#8ea97b66}.shop-popout .soft-button.shop-popout-buy-btn:not(:disabled):hover{background:linear-gradient(135deg,#98b385e0,#7ba066d6)}.shop-popout .soft-button.shop-popout-sell-btn:not(:disabled){background:linear-gradient(135deg,#bea873b3,#aa945fa8);border-color:#bea8735c}.shop-popout .soft-button.shop-popout-sell-btn:not(:disabled):hover{background:linear-gradient(135deg,#c8b27dc7,#b49e69bd)}.action-bar-btn-shop{background:linear-gradient(135deg,#bea87399,#aa945f8a);border-color:#bea8734d;animation:shopPulse 2s ease-in-out infinite}.action-bar-btn-shop:hover:not(:disabled){background:linear-gradient(135deg,#c8b27dbd,#b49e69b3)}@keyframes shopPulse{0%,to{box-shadow:0 0 4px #bea87333}50%{box-shadow:0 0 12px #bea8737f}}.puzzle-popout{display:flex;flex-direction:column;gap:var(--space-2)}.puzzle-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:linear-gradient(135deg,#c4a8e814,#8c6ebe0a);transition:border-color .2s var(--ease-out-soft),background .2s var(--ease-out-soft)}.puzzle-card:hover{border-color:#c4a8e85c}.puzzle-card-solved{opacity:.6}.puzzle-card-solved .puzzle-card-question,.puzzle-card-solved .puzzle-card-hint{text-decoration:line-through;text-decoration-color:#ffffff2e}.puzzle-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#c4a8e824;color:#d9b3e2}.puzzle-card-icon>svg{width:20px;height:20px}.puzzle-card-icon-sequence{background:#9cbee424;color:#bdd8ee}.puzzle-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.puzzle-card-top{display:flex;align-items:center;gap:8px}.puzzle-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:700}.puzzle-card-badge{font-size:.68rem;padding:1px 7px;border-radius:999px;background:#8cae7b38;color:#b4d2a0;font-weight:600}.puzzle-card-question{margin:0;font-size:.92rem;line-height:1.45;color:var(--text-primary);font-style:italic;font-family:var(--font-display)}.puzzle-card-hint{margin:0;font-size:.82rem;line-height:1.4;color:var(--text-secondary)}.puzzle-sequence-dots{display:flex;gap:6px;padding-top:4px}.puzzle-sequence-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgb(255 255 255 / 18%);transition:background .3s var(--ease-out-soft),border-color .3s var(--ease-out-soft),box-shadow .3s var(--ease-out-soft)}.puzzle-sequence-dot-done{background:#8cae7bb3;border-color:#8cae7b7f}.puzzle-sequence-dot-next{background:#c4a8e84d;border-color:#c4a8e87f;box-shadow:0 0 6px #c4a8e866;animation:dot-pulse 2s var(--ease-in-out-smooth) infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 6px #c4a8e866}50%{box-shadow:0 0 12px #c4a8e8a6}}.puzzle-answer-bar{display:flex;gap:var(--space-2);padding-top:2px}.puzzle-answer-input{flex:1;padding:8px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-chip);color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:border-color .15s,background .15s}.puzzle-answer-input:focus{outline:none;border-color:#c4a8e88c;background:#ffffff0d}.puzzle-answer-submit{padding:8px 14px;white-space:nowrap;border:1px solid rgb(196 168 232 / 28%);border-radius:var(--radius-md);background:linear-gradient(135deg,#c4a8e87f,#a082c870);color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.puzzle-answer-submit:not(:disabled):hover{background:linear-gradient(135deg,#d2b6f6a8,#ae90d69e);transform:translateY(-1px)}.puzzle-answer-submit:disabled{opacity:.45;cursor:default}.feature-popout{display:flex;flex-direction:column;gap:var(--space-3)}.feature-popout-hero{display:grid;gap:var(--space-3);padding:16px 18px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,rgb(156 190 228 / 14%),transparent 32%),radial-gradient(circle at bottom left,rgb(212 178 110 / 14%),transparent 35%),linear-gradient(145deg,#475171eb,#343f5ee0)}.feature-popout-hero-empty{background:radial-gradient(circle at top right,rgb(196 168 232 / 12%),transparent 30%),linear-gradient(145deg,#414a68eb,#303a56e0)}.feature-popout-hero-copy{display:flex;flex-direction:column;gap:6px}.feature-popout-hero-copy>h3{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.65rem);color:var(--text-heading)}.feature-popout-hero-copy>p{margin:0;color:var(--text-secondary);line-height:1.55}.feature-popout-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feature-popout-summary-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid rgb(255 255 255 / 10%);font-size:.82rem;font-weight:700;color:var(--text-primary);background:#1216226b}.feature-popout-summary-door{color:#bdd8ee}.feature-popout-summary-container{color:#e1c17c}.feature-popout-summary-lever{color:#d3abdf}.feature-popout-tabs{display:flex;flex-wrap:wrap;gap:8px}.feature-popout-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-soft);border-radius:999px;background:linear-gradient(135deg,#485375c2,#394565b8);color:var(--text-secondary);font-family:var(--font-body);font-size:.84rem;font-weight:700;cursor:pointer;transition:transform .16s var(--ease-out-soft),border-color .16s var(--ease-out-soft),color .16s var(--ease-out-soft),background .16s var(--ease-out-soft)}.feature-popout-tab:hover{transform:translateY(-1px);color:var(--text-primary);border-color:#d8c5e857}.feature-popout-tab-active{color:var(--text-bright);border-color:#d8c5e870;background:linear-gradient(135deg,#605278d6,#495f83c7);box-shadow:inset 0 1px #ffffff1f,0 10px 20px #0a0c162e}.feature-popout-tab-door.feature-popout-tab-active{border-color:#9cbee46b}.feature-popout-tab-container.feature-popout-tab-active{border-color:#dfbf746b}.feature-popout-tab-lever.feature-popout-tab-active{border-color:#d3abdf6b}.feature-popout-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;background:#0f121d73;color:currentColor;font-size:.74rem}.feature-popout-grid{display:grid;gap:var(--space-3)}.feature-card{display:grid;gap:var(--space-2);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:linear-gradient(145deg,#3f4969eb,#323c59e0);box-shadow:inset 0 1px #ffffff1a}.feature-card-door{background:radial-gradient(circle at top right,rgb(146 184 223 / 14%),transparent 28%),linear-gradient(145deg,#3e496ceb,#2f3a57e0)}.feature-card-container{background:radial-gradient(circle at top right,rgb(212 178 110 / 14%),transparent 28%),linear-gradient(145deg,#48445ceb,#39374ee0)}.feature-card-lever{background:radial-gradient(circle at top right,rgb(204 154 216 / 14%),transparent 28%),linear-gradient(145deg,#494066eb,#373151e0)}.feature-popout-grid-levers{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lever-widget{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px;border:1px solid rgb(211 171 223 / 18%);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 20%,rgb(204 154 216 / 12%),transparent 60%),linear-gradient(160deg,#423a5eeb,#322c4ae5);cursor:pointer;transition:border-color .2s var(--ease-out-soft),transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft)}.lever-widget:hover{border-color:#d3abdf61;transform:translateY(-2px);box-shadow:0 8px 20px #0a08124d}.lever-widget-plate{display:flex;align-items:center;justify-content:center;width:72px;height:96px}.lever-widget-svg{width:64px;height:96px;overflow:visible}.lever-widget-svg line,.lever-widget-svg circle{transition:cx .4s var(--ease-in-out-smooth),cy .4s var(--ease-in-out-smooth),x1 .4s var(--ease-in-out-smooth),y1 .4s var(--ease-in-out-smooth),x2 .4s var(--ease-in-out-smooth),y2 .4s var(--ease-in-out-smooth)}.lever-widget-pivot{fill:#50466e;stroke:#a08cbe7f;stroke-width:1.5}.lever-widget-shaft{stroke:#bea5dc;filter:drop-shadow(0 0 3px rgb(190 165 220 / 30%))}.lever-widget-grip{fill:#645587;stroke:#d2b9f099;stroke-width:1.5}.lever-widget-glow{fill:#dcc3fa7f;filter:blur(2px);pointer-events:none}.lever-widget-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.lever-widget-name{font-size:.84rem;font-weight:700;color:var(--text-primary);line-height:1.2}.lever-widget-state{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.lever-widget-state-up{color:#b4d2a0}.lever-widget-state-down{color:#dcb482}.lever-widget-pull{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:6px 0;border:1px solid rgb(211 171 223 / 22%);border-radius:var(--radius-md);background:linear-gradient(135deg,#64558c99,#5044768f);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.lever-widget-pull:hover{background:linear-gradient(135deg,#7864a5b8,#5f528cad);border-color:#d3abdf66;transform:translateY(-1px)}.lever-widget-pull:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.lever-widget-svg line,.lever-widget-svg circle{transition:none}.lever-widget,.lever-widget-pull{transition:none}.puzzle-sequence-dot-next{animation:none}}.feature-card-sign{background:radial-gradient(circle at top right,rgb(148 188 160 / 12%),transparent 28%),linear-gradient(145deg,#3d4a5feb,#313e52e0)}.feature-card-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.feature-card-heading{display:grid;gap:4px}.feature-card-heading>h4{margin:0;font-size:1rem;color:var(--text-primary)}.feature-card-kind{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;background:#0e111b6b}.feature-card-kind-door{color:#bdd8ee}.feature-card-kind-container{color:#e1c17c}.feature-card-kind-lever{color:#d9b3e2}.feature-card-kind-sign{color:#b9d6be}.feature-card-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.feature-card-state,.feature-card-direction,.feature-card-detail-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:999px;background:#0a0c1657;color:var(--text-secondary);font-size:.8rem}.feature-card-direction{color:var(--text-primary)}.feature-card-direction-icon{width:16px;height:16px}.feature-card-details{display:flex;flex-wrap:wrap;gap:8px}.feature-card-sign-text,.feature-card-empty{margin:0;color:var(--text-secondary);line-height:1.5}.feature-card-sign-text{padding:12px 14px;border-radius:var(--radius-md);background:#0a0c1638;color:var(--text-primary);font-style:italic;white-space:pre-wrap}.feature-card-actions{display:flex;flex-wrap:wrap;gap:8px}.feature-card-action,.feature-card-inline-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius-md);background:linear-gradient(135deg,#57658c9e,#414e7294);color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;font-weight:700;cursor:pointer;transition:transform .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft),background .15s var(--ease-out-soft)}.feature-card-inline-action{padding:6px 10px;font-size:.78rem}.feature-card-action:hover,.feature-card-inline-action:hover{transform:translateY(-1px);border-color:#d8c5e857;background:linear-gradient(135deg,#6675a2b8,#4c5b84ad)}.feature-card-contents{display:grid;gap:8px;padding:12px 14px;border-radius:var(--radius-md);background:#090c163d;border:1px solid rgb(255 255 255 / 8%)}.feature-card-contents-header{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-primary);font-size:.84rem;font-weight:700}.feature-card-item-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.feature-card-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-primary);font-size:.84rem}.skills-combat-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-2)}.skills-combat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.skills-combat-header>h3{margin:0}.skills-combat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);overflow:auto}.skills-combat-item{border-radius:var(--radius-md);padding:10px;background:linear-gradient(140deg,#465375eb,#3c4c6fe0);border:1px solid rgb(106 96 136 / 18%);box-shadow:inset 0 1px #e8efff24;display:grid;gap:6px}.skills-combat-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.skills-combat-name{font-weight:700}.skills-combat-meta{color:var(--text-tertiary);font-size:.84rem}.skills-combat-desc{margin:0;color:var(--text-secondary);font-size:.86rem}.skills-combat-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.skills-combat-cooldown{color:var(--color-cooldown);font-size:.84rem;font-weight:700}.skills-combat-cooldown-ready{color:var(--color-status-ready)}.character-effects{align-content:start}.character-detail-subpanel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0}.character-detail-tabs{display:flex;gap:3px;align-items:flex-end;padding:0 6px;border-bottom:1px solid rgb(106 96 136 / 26%)}.character-detail-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgb(106 96 136 / 30%);border-bottom:0;border-radius:11px 11px 0 0;padding:7px 14px;font-size:.78rem;font-weight:700;color:var(--text-primary);background:linear-gradient(160deg,#c6d4e9db,#c9b8e2cc);cursor:pointer;transform-origin:bottom center;transition:transform .17s var(--ease-out-soft),box-shadow .17s var(--ease-out-soft),background-color .17s var(--ease-out-soft),color .17s var(--ease-out-soft)}.detail-tab-icon{width:18px;height:18px;flex-shrink:0}.character-detail-tab:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:transparent}.character-detail-tab:hover{transform:translateY(-1px) scale(1.01);background:linear-gradient(160deg,#b8cce4e5,#d3b0ccd6);box-shadow:0 4px 10px #8270a438}.character-detail-tab-active{color:var(--text-bright);background:linear-gradient(165deg,#be9fcff2,#a5bfd8eb),linear-gradient(0deg,#1a18260f,#1a18260f);transform:translateY(1px) scale(1.01);box-shadow:0 6px 16px #8270a43d;z-index:1}.character-detail-tab-active:after{background:#b4acd2fa}.character-detail-body{min-height:0;overflow:hidden;margin-top:-1px;padding:10px 2px 2px;border-top:1px solid rgb(106 96 136 / 20%);background:linear-gradient(180deg,rgb(181 172 211 / 28%),transparent 28px)}.character-detail-panel{display:grid;gap:var(--space-2);min-height:0}.character-detail-panel.character-effects{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(210 196 232 / 84%) transparent}.character-detail-panel.character-effects::-webkit-scrollbar{width:9px}.character-detail-panel.character-effects::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d2c4e8d6,#bcd3e9cc)}.character-detail-panel.character-achievements{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(210 196 232 / 84%) transparent}.character-detail-panel.character-achievements::-webkit-scrollbar{width:9px}.character-detail-panel.character-achievements::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d2c4e8d6,#bcd3e9cc)}.achievements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.achievement-item{border-radius:var(--radius-md);padding:8px 10px;background:linear-gradient(140deg,#465375eb,#3c4c6fe0);border:1px solid rgb(106 96 136 / 16%);box-shadow:inset 0 1px #e8efff24}.achievement-item-completed{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.achievement-item-completed .achievement-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-title{font-size:.72rem;font-style:italic;color:#c8bae4d1;white-space:nowrap}.achievement-item-progress{display:flex;flex-direction:column;gap:4px}.achievement-progress-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.achievement-progress-text{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.achievement-progress-track{height:4px}.character-detail-panel.character-quests{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(210 196 232 / 84%) transparent}.character-detail-panel.character-quests::-webkit-scrollbar{width:9px}.character-detail-panel.character-quests::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d2c4e8d6,#bcd3e9cc)}.quest-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;font-size:.68rem;font-weight:800;line-height:1;color:var(--text-white);background:linear-gradient(140deg,#a897d2e5,#8caec9d9)}.character-detail-panel.character-stats{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(210 196 232 / 84%) transparent}.stats-content{display:flex;flex-direction:column;gap:var(--space-3)}.stats-attribute-table{width:100%;border-collapse:collapse;font-size:.82rem}.stats-th{text-align:left;padding:4px 6px;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid rgb(106 96 136 / 22%)}.stats-th-num{text-align:center;width:3.5em}.stats-row{border-bottom:1px solid rgb(106 96 136 / 8%)}.stats-td{padding:4px 6px}.stats-td-name{font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.stats-td-num{text-align:center;color:var(--text-secondary)}.stats-buff{color:var(--color-primary-moss-green)}.stats-debuff{color:var(--color-accent-faded-crimson)}.stats-diff{margin-left:3px;font-size:.72rem;opacity:.8}.stats-derived{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--radius-md);border:1px solid rgb(106 96 136 / 16%);background:#323a5266}.stats-derived-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.stats-derived-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.stats-derived-value{color:var(--text-primary);font-weight:500}.character-detail-panel.character-score{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgb(210 196 232 / 84%) transparent}.score-content{display:flex;flex-direction:column;gap:var(--space-3)}.score-identity{display:flex;align-items:baseline;gap:var(--space-2)}.score-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.score-title{font-size:.78rem;color:var(--color-primary-pale-blue);font-style:italic}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:.82rem}.score-grid>div{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgb(106 96 136 / 8%)}.score-grid dt{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.score-grid dd{margin:0;color:var(--text-primary);font-weight:500}.score-grid-combat{grid-template-columns:1fr 1fr 1fr}.score-vitals{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:var(--radius-md);border:1px solid rgb(106 96 136 / 16%);background:#323a5266}.score-vital-row{display:flex;justify-content:space-between;font-size:.82rem}.score-vital-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.score-vital-value{color:var(--text-primary);font-weight:500}.score-stats-row{display:flex;flex-wrap:wrap;gap:4px}.score-stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 16%);background:#323a527f;font-size:.75rem}.score-stat-abbrev{color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.03em}.score-stat-val{color:var(--text-primary);font-weight:500}.score-social{display:flex;flex-direction:column;gap:2px}.score-social-row{display:flex;justify-content:space-between;font-size:.82rem}.score-social-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.score-social-value{color:var(--text-primary)}.score-currencies{margin-top:var(--space-2)}.score-currencies-label{margin:0 0 4px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.score-currencies-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin:0;font-size:.82rem}.score-currencies-grid>div{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgb(106 96 136 / 8%)}.score-currencies-grid dt{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.score-currencies-grid dd{margin:0;color:var(--text-primary);font-weight:500}.score-prestige{margin-top:var(--space-2);padding:8px;border-radius:6px;background:#3e4a6c66;border:1px solid rgb(151 166 204 / 20%)}.score-prestige-label{margin:0 0 4px;font-size:.75rem;font-weight:600;color:var(--color-primary-soft-gold);letter-spacing:.04em;text-transform:uppercase}.score-prestige-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:0}.score-prestige-grid>div{display:flex;justify-content:space-between;align-items:baseline}.score-prestige-grid dt{color:var(--text-muted);font-size:.75rem}.score-prestige-grid dd{margin:0;color:var(--text-primary);font-weight:500}.score-prestige-actions{display:flex;gap:6px;margin-top:6px}.score-prestige-btn{flex:1;font-size:.72rem;padding:4px 8px}.score-lottery{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:#6a608814;border:1px solid rgb(106 96 136 / 12%)}.score-lottery-label{margin:0 0 6px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.score-lottery-grid{display:grid;grid-template-columns:1fr;gap:4px;margin:0;padding:0;font-size:.82rem}.score-lottery-grid>div{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgb(106 96 136 / 8%)}.score-lottery-grid dt{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.score-lottery-grid dd{margin:0;color:var(--text-primary);font-weight:500}.score-lottery-jackpot{color:var(--gold, #e8c547);font-weight:600}.score-lottery-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.score-lottery-btn{flex:1;padding:4px 8px;border:1px solid var(--border-subtle, rgb(106 96 136 / 20%));border-radius:var(--radius-sm);background:var(--surface-elevated, rgb(106 96 136 / 12%));color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.score-lottery-btn:hover{background:#6a608833;border-color:#6a60884d}.score-lottery-btn:active{background:#6a608847}.score-lottery-btn-secondary{background:transparent}.score-lottery-btn-secondary:hover{background:#6a60881a}.score-section-label{font-weight:600;font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:4px}.score-section-value{font-size:var(--fs-sm);color:var(--text-secondary)}.score-duel,.score-dungeon,.score-prestige-perks{margin-top:12px;padding:8px 10px;border-radius:var(--radius-md);background:#6a608814}.score-duel-challenge{display:flex;flex-direction:column;gap:6px}.score-duel-actions{display:flex;gap:var(--space-2)}.score-dungeon-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin:4px 0}.score-dungeon-grid dt{font-size:var(--fs-xs);color:var(--text-secondary)}.score-dungeon-grid dd{font-size:var(--fs-sm);color:var(--text-primary)}.score-dungeon-complete{font-size:var(--fs-sm);font-weight:600;color:var(--color-success);margin:4px 0}.score-dungeon-actions{margin-top:6px}.prestige-perk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.prestige-perk-item{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:var(--radius-sm);font-size:var(--fs-xs)}.prestige-perk-earned{background:#6a60881f;color:var(--text-primary)}.prestige-perk-locked{background:transparent;color:var(--text-secondary);opacity:.7}.prestige-perk-rank{min-width:20px;text-align:center;font-weight:600;font-size:var(--fs-xs)}.prestige-perk-earned .prestige-perk-rank{color:var(--color-success)}.prestige-perk-desc{flex:1}.character-factions{overflow-y:auto}.factions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.faction-item{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:var(--radius-md);background:#323c5866}.faction-header{display:flex;justify-content:space-between;align-items:baseline}.faction-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.faction-tier{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.faction-tier-positive{color:var(--color-hp-light)}.faction-tier-neutral{color:var(--color-xp-light)}.faction-tier-negative{color:var(--color-error)}.faction-rep-row{display:flex;align-items:center;gap:8px}.faction-rep-track{flex:1;height:6px}.faction-rep-fill{height:100%;border-radius:inherit;transition:width .3s var(--ease-out-soft)}.faction-rep-fill-positive{background:linear-gradient(90deg,var(--color-hp-light),var(--color-hp-dark))}.faction-rep-fill-neutral{background:linear-gradient(90deg,var(--color-xp-light),var(--color-xp-dark))}.faction-rep-fill-negative{background:linear-gradient(90deg,var(--color-error),var(--color-damage))}.faction-rep-value{font-size:.72rem;font-weight:500;color:var(--text-secondary);min-width:36px;text-align:right}.quest-notifications{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.quest-notification{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 10px;border-radius:var(--radius-md);font-size:.78rem;animation:questNotifSlide .3s var(--ease-out-soft)}.quest-notification-complete{background:linear-gradient(140deg,#8da97b66,#6e945a52);border:1px solid rgb(141 169 123 / 36%)}.quest-notification-update{background:linear-gradient(140deg,#8caec952,#6e94b442);border:1px solid rgb(140 174 201 / 30%)}.quest-notification-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-notification-dismiss{flex-shrink:0;border:none;background:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:0 2px;line-height:1}.quest-notification-dismiss:hover{color:var(--text-primary)}.quest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.quest-item{border-radius:var(--radius-md);background:linear-gradient(140deg,#465375eb,#3c4c6fe0);border:1px solid rgb(106 96 136 / 16%);box-shadow:inset 0 1px #e8efff24;transition:border-color .17s var(--ease-out-soft)}.quest-item-expanded{border-color:#a897d25c}.quest-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border:none;background:none;color:var(--text-primary);font-size:.82rem;font-weight:600;text-align:left;cursor:pointer}.quest-item-header:hover{background:#ffffff0a;border-radius:var(--radius-md)}.quest-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-item-progress-badge{flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--text-secondary);background:#ffffff14;padding:2px 7px;border-radius:999px}.quest-item-details{padding:0 10px 10px;animation:questDetailsSlide .2s var(--ease-out-soft)}.quest-item-description{margin:0 0 var(--space-2);font-size:.76rem;color:var(--text-secondary);line-height:1.5}.quest-objectives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.quest-objective{display:flex;flex-direction:column;gap:3px}.quest-objective-header{display:flex;align-items:center;gap:6px;font-size:.76rem}.quest-objective-check{flex-shrink:0;width:14px;text-align:center;font-size:.72rem;color:var(--text-secondary)}.quest-objective-done .quest-objective-check{color:var(--color-primary-moss-green)}.quest-objective-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.quest-objective-done .quest-objective-text{color:var(--text-secondary);text-decoration:line-through}.quest-objective-count{flex-shrink:0;font-size:.7rem;color:var(--text-secondary);margin-left:auto}.quest-objective-track{height:3px;margin-left:20px}.meter-fill-quest{background:linear-gradient(90deg,var(--color-primary-pale-blue),var(--color-primary-lavender));box-shadow:0 0 6px #a897d266}.quest-item-actions{margin-top:var(--space-2);display:flex;justify-content:flex-end}.quest-abandon-button{border:1px solid rgb(184 143 170 / 40%);border-radius:6px;background:#b88faa24;color:var(--color-primary-dusty-rose);font-size:.72rem;font-weight:600;padding:4px 12px;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.quest-abandon-button:hover{background:#b88faa3d;border-color:#b88faa8f}@keyframes questNotifSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes questDetailsSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.crafting-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.crafting-tab-bar{display:flex;gap:var(--space-1);padding:0 var(--space-1);border-bottom:1px solid var(--line-faint)}.crafting-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .17s var(--ease-out-soft),border-color .17s var(--ease-out-soft)}.crafting-tab:hover{color:var(--text-primary)}.crafting-tab-active{color:var(--text-bright);border-bottom-color:var(--color-primary-lavender)}.crafting-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;font-size:.68rem;font-weight:800;line-height:1;color:var(--text-white);background:linear-gradient(140deg,#8da97be5,#6e945ad9)}.crafting-section{padding:0 var(--space-2);animation:craftingSectionSlide .2s var(--ease-out-soft)}@keyframes craftingSectionSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.crafting-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.crafting-empty-icon{font-size:1.6rem;opacity:.5;animation:craftingEmptyPulse 3s var(--ease-in-out-smooth) infinite}@keyframes craftingEmptyPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.crafting-load-btn{padding:6px 16px;border:1px solid var(--color-accent-moonlit-silver-muted);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--color-accent-moonlit-silver);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.crafting-load-btn:hover{background:#ffffff1a;border-color:var(--color-accent-moonlit-silver)}.crafting-skill-list,.crafting-recipe-list,.crafting-node-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.crafting-skill-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(140deg,#465375cc,#3c4c6fc2);border:1px solid var(--line-faint);transition:border-color .15s var(--ease-out-soft)}.crafting-skill-item:hover{border-color:#a897d24d}.crafting-skill-header{display:flex;justify-content:space-between;align-items:center}.crafting-skill-name{font-weight:600;color:var(--text-primary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.crafting-skill-type{flex-shrink:0;font-size:.72rem;color:var(--text-secondary);opacity:.7}.crafting-skill-level{font-size:.78rem;color:var(--text-secondary);margin:4px 0}.crafting-xp-bar-track{height:6px;border-radius:3px;background:var(--bg-secondary);overflow:hidden}.crafting-xp-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--color-primary-lavender),var(--color-primary-pale-blue));transition:width .3s var(--ease-out-soft)}.crafting-xp-label{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.crafting-recipe-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(140deg,#465375cc,#3c4c6fc2);border:1px solid var(--line-faint);transition:border-color .15s var(--ease-out-soft)}.crafting-recipe-item:hover{border-color:#a897d24d}.crafting-recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.crafting-recipe-name{font-weight:600;color:var(--text-primary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.crafting-craft-button,.crafting-gather-button{flex-shrink:0;padding:6px 14px;min-height:32px;border:1px solid rgb(141 169 123 / 44%);border-radius:var(--radius-sm);background:linear-gradient(140deg,#5a785066,#506e444d);color:var(--color-hp-light);font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft),color .18s var(--ease-out-soft),transform .12s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft)}.crafting-craft-button:hover,.crafting-gather-button:hover{background:linear-gradient(140deg,#6e915f7f,#5f824e66);border-color:#8da97ba3;box-shadow:0 0 10px #8da97b33;color:var(--text-bright);transform:translateY(-1px)}.crafting-craft-button:active,.crafting-gather-button:active{transform:scale(.97)}.crafting-craft-button:disabled,.crafting-gather-button:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.crafting-recipe-meta{display:flex;gap:var(--space-2);font-size:.75rem;color:var(--text-secondary);margin-bottom:6px}.crafting-req-unmet{color:var(--color-primary-dusty-rose)}.crafting-recipe-materials{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary)}.crafting-material{padding:2px 8px;border-radius:var(--radius-sm);background:var(--surface-chip);font-size:.72rem}.crafting-recipe-arrow{color:var(--text-secondary);opacity:.5}.crafting-recipe-output{color:var(--color-primary-lavender);font-weight:600}.crafting-node-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(140deg,#465375cc,#3c4c6fc2);border:1px solid var(--line-faint);transition:border-color .15s var(--ease-out-soft)}.crafting-node-item:hover{border-color:#a897d24d}.crafting-node-info{display:flex;flex-direction:column;gap:2px;min-width:0}.crafting-node-name{font-weight:600;color:var(--text-primary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crafting-node-skill{font-size:.75rem;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.crafting-section,.crafting-empty-icon{animation:none}.crafting-xp-bar-fill,.crafting-craft-button,.crafting-gather-button,.crafting-tab,.crafting-skill-item,.crafting-recipe-item,.crafting-node-item{transition:none}}.mail-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.mail-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.mail-empty-icon{font-size:2rem;opacity:.3;animation:mailEmptyDrift 4s var(--ease-in-out-smooth) infinite alternate}@keyframes mailEmptyDrift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2)}.mail-inbox-label{font-size:.82rem;color:var(--text-secondary);font-weight:600}.mail-unread-badge{display:inline-block;margin-left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:linear-gradient(140deg,#8d7ba9e5,#6e5a94d9);color:var(--text-bright);font-size:.72rem;font-weight:700}.mail-compose-button{padding:var(--space-2) var(--space-3);min-height:44px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;cursor:pointer;transition:background .15s var(--ease-out-soft),color .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.mail-compose-button:hover{background:var(--bg-surface-hover);color:var(--text-bright);transform:translateY(-1px)}.mail-compose-button:active{transform:scale(.97)}.mail-inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mail-inbox-item{display:flex;align-items:center;border-bottom:1px solid var(--line-faint)}.mail-inbox-item.mail-unread{background:#8d7ba914;transition:background .3s var(--ease-out-soft)}.mail-inbox-row{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:none;background:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;cursor:pointer;text-align:left;transition:color .12s,transform .12s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft)}.mail-inbox-row:hover{color:var(--text-bright);transform:translateY(-1px);box-shadow:inset 0 0 12px #8d7ba90f}.mail-inbox-row:active{transform:scale(.98)}.mail-inbox-marker{width:10px;color:var(--color-primary-lavender);font-size:1rem;flex-shrink:0}.mail-unread .mail-inbox-marker{animation:mailMarkerPulse 3s var(--ease-in-out-smooth) infinite}@keyframes mailMarkerPulse{0%,to{opacity:1}50%{opacity:.4}}.mail-inbox-from{font-weight:600;color:var(--text-primary);flex-shrink:0;min-width:70px}.mail-inbox-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.mail-inbox-date{flex-shrink:0;font-size:.72rem;opacity:.5}.mail-delete-button{padding:var(--space-2) var(--space-3);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;opacity:.4;transition:opacity .12s,color .12s}.mail-delete-button:hover,.mail-delete-confirm{opacity:1;color:var(--color-error)}.mail-message-view{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-2);animation:mailComposeEnter .2s var(--ease-out-soft)}.mail-message-header{display:flex;align-items:center;gap:var(--space-2)}.mail-back-button{padding:var(--space-2) var(--space-3);min-height:44px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;cursor:pointer;transition:background .15s var(--ease-out-soft),color .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.mail-back-button:hover{background:var(--bg-surface-hover);color:var(--text-bright);transform:translateY(-1px)}.mail-back-button:active{transform:scale(.97)}.mail-message-title{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary)}.mail-message-header .mail-message-date{flex-shrink:0;font-size:.72rem;color:var(--text-secondary);opacity:.7}.mail-message-body{font-family:var(--font-body);font-size:.82rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;margin:0}.mail-compose{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-2);animation:mailComposeEnter .2s var(--ease-out-soft)}@keyframes mailComposeEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mail-compose-form{display:flex;flex-direction:column;gap:var(--space-2)}.mail-compose-input{padding:var(--space-2) var(--space-3);border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem}.mail-compose-label{font-size:.78rem;color:var(--text-secondary);font-weight:600}.mail-compose-send{align-self:flex-start;padding:var(--space-2) var(--space-4);min-height:44px;border:none;border-radius:var(--radius-sm);background:var(--color-primary-lavender);color:var(--text-bright);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:filter .15s var(--ease-out-soft),transform .15s var(--ease-out-soft)}.mail-compose-send:disabled{opacity:.5;cursor:default;pointer-events:none}.mail-compose-send:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.mail-compose-send:not(:disabled):active{transform:scale(.97)}.mail-compose-textarea{width:100%;min-height:120px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;resize:vertical}.mail-compose-actions{display:flex;gap:var(--space-2);align-items:center}.mail-compose-abort{padding:var(--space-2) var(--space-4);min-height:44px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease}.mail-compose-abort:hover{color:var(--text-primary);border-color:var(--text-secondary)}.quest-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.quest-tab-bar{display:flex;gap:var(--space-1);padding:0 var(--space-1);border-bottom:1px solid var(--line-faint)}.quest-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .17s var(--ease-out-soft),border-color .17s var(--ease-out-soft)}.quest-tab:hover{color:var(--text-primary)}.quest-tab-active{color:var(--text-bright);border-bottom-color:var(--color-primary-lavender)}.quest-tab-badge-available{background:linear-gradient(140deg,#8da97be5,#6e945ad9)}.quest-panel-section{animation:questDetailsSlide .2s var(--ease-out-soft)}.quest-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.quest-empty-icon{font-size:2rem;opacity:.3;animation:questEmptyDrift 4s var(--ease-in-out-smooth) infinite alternate}@keyframes questEmptyDrift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.quest-item-icon{flex-shrink:0;font-size:.72rem;color:var(--color-primary-lavender);margin-right:2px}.quest-item-complete .quest-item-icon{color:var(--color-primary-moss-green)}.quest-item-complete .quest-item-header{color:var(--text-secondary)}.quest-item-mini-progress{padding:0 10px 8px}.quest-mini-track{height:3px}.meter-fill-quest-done{background:linear-gradient(90deg,var(--color-primary-moss-green),rgb(141 180 110 / 90%));box-shadow:0 0 6px #8da97b7f}.quest-available-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.quest-available-card{border-radius:var(--radius-md);background:linear-gradient(145deg,#3c4e64e5,#32445fdb);border:1px solid rgb(141 169 123 / 22%);padding:var(--space-3) var(--space-3) var(--space-3);box-shadow:inset 0 1px #e8efff1a;transition:border-color .17s var(--ease-out-soft),box-shadow .17s var(--ease-out-soft);animation:questCardAppear .28s var(--ease-out-soft)}.quest-available-card:hover{border-color:#8da97b66;box-shadow:inset 0 1px #e8efff1a,0 0 12px #8da97b24}@keyframes questCardAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quest-available-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.quest-available-icon{color:var(--color-primary-moss-green);font-size:.82rem}.quest-available-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-heading);letter-spacing:.01em}.quest-available-description{margin:0 0 var(--space-2);font-size:.76rem;color:var(--text-secondary);line-height:1.55}.quest-available-objectives{list-style:none;padding:0;margin:0 0 var(--space-2);display:flex;flex-direction:column;gap:4px}.quest-available-objective{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-tertiary)}.quest-available-obj-icon{flex-shrink:0;font-size:.6rem;opacity:.6}.quest-available-obj-count{margin-left:auto;flex-shrink:0;font-size:.68rem;color:var(--text-disabled)}.quest-available-rewards{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:.74rem}.quest-available-rewards-label{color:var(--text-secondary);font-weight:600}.quest-reward-xp{color:var(--color-xp-dark);font-weight:700}.quest-reward-gold{color:var(--color-primary-soft-gold);font-weight:700}.quest-accept-button{display:block;width:100%;padding:8px 16px;border:1px solid rgb(141 169 123 / 44%);border-radius:var(--radius-sm);background:linear-gradient(140deg,#5a78507f,#506e4466);color:var(--color-hp-light);font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.quest-accept-button:hover{background:linear-gradient(140deg,#6e915f99,#5f824e7f);border-color:#8da97ba3;box-shadow:0 0 14px #8da97b47;transform:translateY(-1px)}.quest-accept-button:active{transform:scale(.97)}.quest-notification-icon{flex-shrink:0;font-size:.68rem}.quest-notification-complete .quest-notification-icon{color:var(--color-primary-moss-green)}.quest-notification-update .quest-notification-icon{color:var(--color-primary-pale-blue)}.action-bar-btn-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-family:var(--font-body);font-size:.58rem;font-weight:800;line-height:1;color:var(--text-white);background:linear-gradient(140deg,var(--color-primary-lavender),var(--color-primary-pale-blue));box-shadow:0 1px 4px #080a1266;pointer-events:none}.quest-load-button{display:inline-block;margin-top:var(--space-2);padding:8px 20px;border:1px solid rgb(168 151 210 / 44%);border-radius:var(--radius-sm);background:linear-gradient(140deg,#5a508273,#50648c59);color:var(--text-bright);font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.quest-load-button:hover{background:linear-gradient(140deg,#6e5f9b8c,#5f73a073);border-color:#a897d2a3;box-shadow:0 0 14px #a897d247;transform:translateY(-1px)}.quest-load-button:active{transform:scale(.97)}.quest-timed-board{display:flex;flex-direction:column;gap:var(--space-2)}.quest-streak-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:0 var(--space-1);border-radius:var(--radius-sm);background:linear-gradient(140deg,#b4a0502e,#c8b4641f);border:1px solid rgb(200 180 100 / 25%)}.quest-streak-icon{font-size:.82rem;color:var(--color-primary-soft-gold)}.quest-streak-text{font-size:.78rem;font-weight:700;color:var(--color-primary-soft-gold)}.quest-timed-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-1)}.quest-timed-row{padding:10px 12px;border-radius:var(--radius-sm);background:#6b6b7b14;border:1px solid rgb(107 107 123 / 12%);transition:background .15s var(--ease-out-soft)}.quest-timed-row:hover{background:#6b6b7b24}.quest-timed-row-done{opacity:.65}.quest-timed-row-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.quest-timed-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-xs);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-white);background:linear-gradient(140deg,#a897d2cc,#8caec9b3)}.quest-timed-description{flex:1;font-size:.78rem;color:var(--text-primary)}.quest-timed-track{height:4px;margin:4px 0}.quest-timed-done-check{font-size:.72rem;font-weight:700;color:var(--color-primary-moss-green);margin:4px 0}.quest-timed-rewards{display:flex;gap:var(--space-2);font-size:.72rem;margin-top:2px}.quest-bounty-card{padding:var(--space-3) var(--space-3);margin:0 var(--space-1);border-radius:var(--radius-md);background:#6b6b7b14;border:1px solid rgb(107 107 123 / 14%);display:flex;flex-direction:column;gap:var(--space-3)}.quest-bounty-header{display:flex;align-items:center;gap:8px}.quest-bounty-icon{font-size:1rem;color:var(--color-primary-lavender)}.quest-bounty-title{font-size:.88rem;font-weight:700;color:var(--text-bright)}.quest-bounty-progress{display:flex;flex-direction:column;gap:4px}.quest-bounty-details{display:flex;align-items:center;gap:var(--space-3);font-size:.76rem}.quest-bounty-timer{color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums}.quest-global-card{padding:var(--space-3) var(--space-3);margin:0 var(--space-1);border-radius:var(--radius-md);background:#6b6b7b14;border:1px solid rgb(107 107 123 / 14%);display:flex;flex-direction:column;gap:var(--space-3)}.quest-global-header{display:flex;align-items:center;gap:8px}.quest-global-icon{font-size:1rem;color:var(--color-primary-pale-blue)}.quest-global-title{flex:1;font-size:.88rem;font-weight:700;color:var(--text-bright)}.quest-global-complete-badge{padding:2px 10px;border-radius:var(--radius-xs);font-size:.64rem;font-weight:800;text-transform:uppercase;color:var(--text-white);background:linear-gradient(140deg,#8da97be5,#6e945ad9)}.quest-global-progress{display:flex;flex-direction:column;gap:4px}.quest-global-timer{font-size:.74rem;color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums}.quest-global-leaderboard{margin-top:var(--space-1)}.quest-global-leaderboard-title{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.quest-global-leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.quest-global-leaderboard-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-xs);font-size:.74rem}.quest-global-leaderboard-row:nth-child(odd){background:#6b6b7b0f}.quest-global-lb-rank{font-weight:800;color:var(--color-primary-soft-gold);min-width:28px;font-variant-numeric:tabular-nums}.quest-global-lb-name{flex:1;color:var(--text-primary);font-weight:600}.quest-global-lb-progress{font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.quest-empty-icon,.quest-available-card,.quest-panel-section{animation:none}}.inventory-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.inventory-section{display:flex;flex-direction:column;gap:var(--space-2)}.inventory-section-title{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--text-heading);margin:0;padding:0 var(--space-1);letter-spacing:.02em}.inventory-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.inventory-item{border-radius:var(--radius-sm);background:linear-gradient(140deg,#465375cc,#3c4c6fc2);border:1px solid var(--line-faint);transition:border-color .15s var(--ease-out-soft)}.inventory-item:hover{border-color:#a897d24d}.inventory-item-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:6px 8px}.inventory-item-info{display:flex;align-items:center;gap:var(--space-2);min-width:0}.inventory-item-thumb{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--line-faint)}.inventory-item-name{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-item-slot{font-size:.66rem;color:var(--text-disabled);background:#ffffff0f;padding:1px 6px;border-radius:999px;flex-shrink:0}.inventory-item-actions{display:flex;gap:2px;flex-shrink:0}.inventory-action-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:28px;height:28px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;transition:background .14s var(--ease-out-soft),color .14s var(--ease-out-soft),border-color .14s var(--ease-out-soft)}.inventory-action-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary);border-color:var(--line-faint)}.inventory-action-btn:disabled{opacity:.38;cursor:not-allowed}.inventory-action-btn-active{background:#a897d233;border-color:#a897d266}.inventory-action-equip{color:var(--color-primary-moss-green)}.inventory-action-examine,.inventory-action-use,.inventory-action-put{font-size:.68rem;font-weight:600;padding:2px 6px}.inventory-action-examine{color:var(--color-accent-moonlit-silver)}.inventory-action-icon{width:16px;height:16px}.inventory-give-picker{display:flex;align-items:center;gap:var(--space-1);padding:4px 8px 6px;flex-wrap:wrap}.inventory-give-label{font-size:.72rem;color:var(--text-secondary)}.inventory-give-option{font-size:.72rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line-faint);background:#ffffff0f;color:var(--text-primary);cursor:pointer;transition:background .12s var(--ease-out-soft)}.inventory-give-option:hover{background:#a897d23d}.inventory-empty-state{padding:var(--space-6) var(--space-4);text-align:center}.container-list{display:flex;flex-direction:column;gap:var(--space-2)}.container-entry{border:1px solid rgb(106 96 136 / 16%);border-radius:var(--radius-md);background:#323a524d;padding:6px 8px}.container-entry-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.container-entry-name{font-size:.82rem;font-weight:500;color:var(--text-primary)}.container-items{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.container-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:2px 4px;border-radius:var(--radius-sm)}.container-item:hover{background:#4653754d}.container-item-name{font-size:.78rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-panel-v2{position:relative;padding:var(--space-2) 0}.paperdoll-layout{display:flex;gap:var(--space-3);align-items:flex-start}.paperdoll-sprite-col{flex-shrink:0}.paperdoll-sprite-wrap{position:relative;width:220px;height:220px}.paperdoll-sprite{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg);filter:drop-shadow(0 4px 12px rgb(8 10 18 / 50%))}.paperdoll-sprite-placeholder{background:linear-gradient(140deg,#323c58cc,#28324bb3);border:2px dashed var(--line-faint);border-radius:var(--radius-lg)}.paperdoll-slot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid rgb(168 151 210 / 50%);background:#22293ce5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .17s var(--ease-out-soft),box-shadow .17s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.paperdoll-slot:hover{border-color:var(--color-primary-lavender);box-shadow:0 0 10px #a897d266;transform:translate(-50%,-50%) scale(1.1)}.paperdoll-slot-selected{border-color:var(--color-primary-lavender);box-shadow:0 0 14px #a897d27f}.paperdoll-slot-empty{animation:slotPulse 3s var(--ease-in-out-smooth) infinite}.paperdoll-slot-filled{border-color:#8da97b99}.paperdoll-slot-filled:hover{border-color:var(--color-primary-moss-green);box-shadow:0 0 10px #8da97b66}.paperdoll-slot-img{width:24px;height:24px;border-radius:50%;object-fit:cover}.paperdoll-slot-letter{font-family:var(--font-body);font-size:.68rem;font-weight:700;color:var(--text-disabled)}@keyframes slotPulse{0%,to{opacity:.7;box-shadow:0 0 6px #a897d233}50%{opacity:1;box-shadow:0 0 12px #a897d266}}.paperdoll-slots-col{flex:1;min-width:0}.paperdoll-slot-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.paperdoll-list-item{padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s var(--ease-out-soft)}.paperdoll-list-item:hover{background:#ffffff0a}.paperdoll-list-item-selected{background:#a897d21f}.paperdoll-list-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.paperdoll-list-slot{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.paperdoll-list-name{font-size:.78rem;color:var(--text-primary);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paperdoll-list-name-empty{color:var(--text-disabled);font-style:italic}.paperdoll-list-actions{margin-top:4px;display:flex;justify-content:flex-end;animation:questDetailsSlide .16s var(--ease-out-soft)}.paperdoll-remove-btn{display:flex;align-items:center;gap:4px;border:1px solid rgb(184 143 170 / 40%);border-radius:var(--radius-sm);background:#b88faa24;color:var(--color-primary-dusty-rose);font-size:.72rem;font-weight:600;padding:4px 12px;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.paperdoll-remove-btn:hover{background:#b88faa3d;border-color:#b88faa8f}.paperdoll-remove-icon{width:14px;height:14px}.paperdoll-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a127f;border-radius:var(--radius-md);z-index:10;cursor:pointer;animation:previewOverlayIn .18s var(--ease-out-soft)}.paperdoll-preview-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--surface-panel-a);border:1px solid rgb(168 151 210 / 30%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 40px #a897d233;cursor:default;animation:previewCardIn .25s var(--ease-out-soft)}.paperdoll-preview-img{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-md);border:2px solid rgb(168 151 210 / 40%);box-shadow:0 0 20px #a897d266,0 0 40px #8caec938}.paperdoll-preview-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-heading);text-align:center}.paperdoll-preview-close{position:absolute;top:6px;right:8px;border:none;background:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;line-height:1;padding:2px 4px}.paperdoll-preview-close:hover{color:var(--text-primary)}@keyframes previewOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes previewCardIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.paperdoll-slot-empty,.paperdoll-preview{animation:none}}.character-detail-panel-flip{animation:detailFlipIn .22s var(--ease-out-soft);transform-origin:top center;backface-visibility:hidden}.entity-list,.effects-list,.item-list,.equipment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.entity-item,.equipment-list li,.item-list li,.effect-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:8px 10px;background:linear-gradient(140deg,#465375eb,#3c4c6fe0);border:1px solid rgb(106 96 136 / 16%);box-shadow:inset 0 1px #e8efff24}.entity-item>span:first-child,.equipment-list li>span:last-child,.item-list li{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-name-with-thumb{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.item-list li>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-meta,.effect-time,.effect-type,.equipment-slot{color:var(--text-tertiary);font-size:.86rem}.mob-card{display:flex;flex-direction:column;gap:var(--space-2)}.mob-meta-actions{display:inline-flex;align-items:center;gap:6px}.mob-command-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(140deg,#605174e5,#4c6384e0);color:var(--text-primary);cursor:pointer;box-shadow:inset 0 1px #ffffff7f,var(--shadow-sm);transition:transform .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),background-color .16s var(--ease-out-soft)}.mob-command-button:hover{transform:translateY(-1px) scale(1.03);background:linear-gradient(140deg,#6c5881eb,#556d8ee5);box-shadow:var(--shadow-md),0 0 10px #967cb55c}.mob-command-button:active{transform:scale(.97)}.mob-command-button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.mob-command-icon{width:14px;height:14px}.play-entities{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);overflow-x:auto;overflow-y:hidden}.play-entity-group{flex:1 1 0;min-width:0}.play-entity-heading{font-family:var(--font-display);font-size:.95rem;color:var(--text-tertiary);margin:0 0 var(--space-2);letter-spacing:.03em}.play-entity-thumb{width:38px;height:38px}.item-popout-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.item-list-entry{display:flex;flex-direction:column}.item-list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.mob-command-button-active{background:#a897d24d;border-color:#a897d27f}.give-player-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0 2px;animation:questDetailsSlide .18s var(--ease-out-soft)}.give-picker-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-right:2px}.give-player-option{border:1px solid rgb(140 174 201 / 36%);border-radius:6px;background:#8caec924;color:var(--color-primary-pale-blue);font-size:.74rem;font-weight:600;padding:3px 10px;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.give-player-option:hover{background:#8caec947;border-color:#8caec98f}.equipment-popout-row{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:visible;white-space:normal}.equipment-popout-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-name{margin:0;font-size:1.72rem;font-family:var(--font-display);font-weight:600;color:var(--text-bright);line-height:1.15}.identity-detail{margin:2px 0 0;color:var(--text-secondary);line-height:1.2}.identity-controls{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.identity-select-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.identity-select-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.identity-select{font-size:.78rem;padding:3px 6px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 24%);background:#282e44b3;color:var(--text-primary);cursor:pointer;min-width:0}.identity-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #b8d8e84d}.identity-stat-grid{margin-top:var(--space-4);gap:6px}.identity-stat-grid dt{letter-spacing:.01em;text-transform:uppercase;font-size:.68rem}.identity-stat-grid dd{margin-top:2px;font-size:.86rem;font-weight:800}.character-identity-subpanel{overflow:hidden}.identity-row{display:flex;align-items:center;gap:var(--space-3)}.identity-text{flex:1;min-width:0}.character-sprite-button{flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;transition:box-shadow .2s ease}.character-sprite-button:disabled{cursor:default}.character-sprite-button:not(:disabled):hover,.character-sprite-button-active{box-shadow:0 0 0 2px var(--accent-primary),0 0 10px #b8d8e859}.character-sprite-img{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:50%;border:2px solid rgb(167 182 216 / 25%);background:#2a2c3966}.description-editor-section{margin-top:var(--space-3)}.description-editor-toggle{display:flex;align-items:center;gap:4px;padding:0;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.03em;transition:color .15s var(--ease-out-soft)}.description-editor-toggle:hover{color:var(--text-primary)}.description-editor-toggle-label{text-transform:uppercase}.description-editor-toggle-chevron{display:inline-block;font-size:.82rem;line-height:1;transition:transform .15s var(--ease-out-soft)}.description-editor-toggle-chevron-open{transform:rotate(90deg)}.description-editor-body{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.description-editor-textarea{width:100%;resize:vertical;min-height:72px;max-height:180px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 24%);background:#282e44b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;line-height:1.45;transition:border-color .15s var(--ease-out-soft),box-shadow .15s var(--ease-out-soft)}.description-editor-textarea::placeholder{color:var(--text-placeholder)}.description-editor-textarea:focus{outline:none;border-color:var(--color-primary-pale-blue);box-shadow:0 0 0 2px #8caec940}.description-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.description-editor-counter{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-secondary);transition:color .15s var(--ease-out-soft)}.description-editor-counter-warn{color:var(--color-primary-soft-gold)}.description-editor-counter-limit{color:var(--color-error);font-weight:700}.description-editor-actions{display:flex;gap:var(--space-2)}.description-editor-btn{border-radius:6px;font-size:.72rem;font-weight:600;padding:4px 12px;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.description-editor-clear-btn{border:1px solid rgb(184 143 170 / 40%);background:#b88faa24;color:var(--color-primary-dusty-rose)}.description-editor-clear-btn:hover{background:#b88faa3d;border-color:#b88faa8f}.description-editor-save-btn{border:1px solid rgb(141 169 123 / 40%);background:#8da97b2e;color:var(--color-primary-moss-green)}.description-editor-save-btn:hover:not(:disabled){background:#8da97b4d;border-color:#8da97b8f}.description-editor-save-btn:disabled{cursor:not-allowed;opacity:.5}.sprite-selector{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#1e2234d9;border:1px solid rgb(106 96 136 / 24%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:260px;overflow-y:auto}.sprite-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sprite-selector-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.sprite-selector-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 2px;line-height:1}.sprite-selector-close:hover{color:var(--text-primary)}.sprite-category{margin-top:var(--space-3)}.sprite-category-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-2)}.sprite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2)}.sprite-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2);border-radius:var(--radius-sm);border:2px solid transparent;background:#2a2c397f;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;color:var(--text-secondary)}.sprite-option:hover{border-color:#a7b6d866;background:#32364c99}.sprite-option-active{border-color:var(--accent-primary);background:#32364cb3;box-shadow:0 0 8px #b8d8e833}.sprite-option-active .sprite-option-name{color:var(--text-primary)}.sprite-option-img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);background:#1e223466}.sprite-option-name{font-size:.6rem;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sprite-option-default{flex-direction:row;gap:var(--space-2);margin-bottom:var(--space-2)}.sprite-option-auto-label{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:#6a608833;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0}.sprite-option-default .sprite-option-name{font-size:.72rem}.meter-stack{display:flex;flex-direction:column;gap:var(--space-3)}.meter-placeholder-stack{display:grid;gap:var(--space-2)}.meter-placeholder-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary)}.meter-track-placeholder{background:#6b6b7b29}.meter-fill-placeholder{width:38%;background:linear-gradient(90deg,#dfd2eebd,#bfd9ecb8)}.meter-block{display:flex;flex-direction:column;gap:var(--space-1)}.meter-label-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary)}.meter-track{width:100%;height:9px;border-radius:999px;background:#6b6b7b26;overflow:hidden;box-shadow:inset 0 1px 2px #2a2c391f}.meter-fill{display:block;height:100%;border-radius:inherit;transition:width .22s var(--ease-in-out-smooth);position:relative}.meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff42,#fff0)}.meter-fill-hp{background:linear-gradient(90deg,var(--color-hp-light),var(--color-hp-dark))}.meter-fill-mana{background:linear-gradient(90deg,var(--color-mana-light),var(--color-mana-dark))}.meter-fill-xp{background:linear-gradient(90deg,var(--color-xp-light),var(--color-xp-dark))}.panel-character .character-detail-panel.meter-stack{gap:var(--space-2)}.panel-character .meter-block{gap:2px}.panel-character .meter-label-row{font-size:.76rem}.panel-character .meter-track{height:7px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.stat-grid dt{margin:0;font-size:.74rem;color:var(--text-tertiary)}.stat-grid dd{margin:var(--space-1) 0 0;font-weight:700}.empty-note{margin:0;color:var(--text-tertiary);font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.look-target-card{position:fixed;top:80px;right:20px;z-index:100;max-width:320px;padding:var(--space-3) var(--space-4);background:#1e1928f0;border:1px solid rgb(120 100 160 / 30%);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;animation:lookTargetFadeIn .2s ease-out}@keyframes lookTargetFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.look-target-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.look-target-name{font-size:.88rem;font-weight:700;color:var(--color-accent-moonlit-silver)}.look-target-meta{font-size:.72rem;color:var(--text-secondary)}.look-target-desc{margin:0;font-size:.78rem;color:var(--text-primary);line-height:1.4}.look-target-image{display:block;max-width:100%;max-height:120px;margin-top:var(--space-2);border-radius:var(--radius-sm)}.possession-vignette{position:fixed;inset:0;z-index:90;pointer-events:none;box-shadow:inset 0 0 120px 60px #64468c59;animation:possessionVignetteIn .6s ease-out,possessionVignettePulse 4s ease-in-out .6s infinite}@keyframes possessionVignetteIn{0%{opacity:0}to{opacity:1}}@keyframes possessionVignettePulse{0%,to{box-shadow:inset 0 0 120px 60px #64468c59}50%{box-shadow:inset 0 0 140px 70px #7850a066}}.possession-badge{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:91;padding:6px 16px;border:1px solid rgb(150 120 200 / 40%);border-radius:var(--radius-md);background:#1e192de5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);font-size:.78rem;font-family:var(--font-body);white-space:nowrap;animation:possessionBadgeIn .4s ease-out}.possession-badge-icon{margin-right:var(--space-1)}@keyframes possessionBadgeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.possession-vignette{animation:none;box-shadow:inset 0 0 120px 60px #64468c59}.possession-badge{animation:none}}.broadcast-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:broadcastFadeIn .3s ease-out}@keyframes broadcastFadeIn{0%{opacity:0}to{opacity:1}}.broadcast-card{max-width:440px;width:90%;padding:var(--space-6);background:linear-gradient(145deg,#281e37f5,#1e162af0);border:1px solid rgb(180 140 220 / 35%);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000007f,0 0 60px #8c64c81f;animation:broadcastCardSlide .3s ease-out}@keyframes broadcastCardSlide{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.broadcast-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.broadcast-icon{font-size:1.4rem}.broadcast-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-primary-soft-gold);letter-spacing:.02em}.broadcast-message{margin:0 0 var(--space-4);font-size:.95rem;line-height:1.6;color:var(--text-bright);white-space:pre-wrap}.broadcast-footer{display:flex;align-items:center;justify-content:space-between}.broadcast-sender{font-size:.78rem;color:var(--text-secondary);font-style:italic}.broadcast-dismiss{padding:var(--space-2) var(--space-5);border:1px solid rgb(180 140 220 / 40%);border-radius:var(--radius-sm);background:linear-gradient(140deg,#785aaa4d,#64469640);color:var(--text-bright);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.broadcast-dismiss:hover{background:linear-gradient(140deg,#8c6ebe66,#785aaa59);border-color:#b48cdc99}.broadcast-dismiss:focus-visible{outline:none;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.game-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:100;padding:8px 20px;font-size:.82rem;font-weight:600;color:var(--color-toast-text);background:#2a1a30eb;border:1px solid rgb(212 106 138 / 50%);border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;pointer-events:none;animation:toastLifecycle 4s var(--ease-out-soft) forwards}@keyframes toastLifecycle{0%{opacity:0;transform:translate(-50%) translateY(-8px)}5%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}@media(max-width:959px){.map-icon-trigger{width:44px;height:44px}.compass-rose{width:min(100%,160px)}.top-banner{flex-direction:row;align-items:center;flex-wrap:wrap;padding:6px 10px;gap:var(--space-2);margin-bottom:0}.top-banner:before{background-image:url(/assets/banner-magic-mobile-BVCsOOJy.webp);background-position:center 46%;opacity:.7}.top-banner:after{background:linear-gradient(180deg,#bfb0dc6b,#aec2d957),linear-gradient(180deg,#18162333,#1816231a)}.top-banner-title{font-size:clamp(1.3rem,4.5vw,1.8rem)}.connection-cluster{gap:var(--space-2);margin-left:auto}.terminal-host{min-height:clamp(220px,36vh,420px);max-height:46vh}.app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px 0}.panel-play,.panel-play .terminal-card{flex:1;min-height:0}.panel-play.text-mode .canvas-strip{height:100px}.panel-play.text-mode .terminal-card-text-mode{flex:1;min-height:0}.action-bar{padding-bottom:max(0px,env(safe-area-inset-bottom))}.action-bar-hud,.action-bar-controls{padding:4px 10px}.action-bar-vitals{min-width:80px}.action-bar-vital-text{font-size:.58rem;font-weight:700;white-space:nowrap}.action-bar-skills{overflow-x:auto;overflow-y:hidden;flex-shrink:1;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.action-bar-skills::-webkit-scrollbar{display:none}.action-bar-skill{width:32px;height:32px;flex-shrink:0}.action-bar-command{min-width:100px}}@media(max-width:480px){.top-banner-title{display:none}.top-banner{padding:4px 8px}.action-bar-btn{width:40px;height:40px}.action-bar-btn-icon{width:20px;height:20px}.popout-dialog{max-height:calc(100dvh - 20px)}.popout-dialog-panel{width:100%;max-height:calc(100dvh - 20px)}}@media(min-width:960px){.app-shell{height:100dvh;display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;padding-bottom:var(--space-3)}.top-banner{margin-bottom:0;align-items:center;padding:var(--space-3) var(--space-5)}.dashboard{flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.panel{display:flex;min-height:0;overflow:hidden}.panel-play{flex:1;min-height:0;display:flex;flex-direction:column}.panel-play .terminal-card{flex:1;min-height:0;padding:var(--space-2)}.panel-play .terminal-host{height:100%;min-height:0;max-height:none}.panel-play.text-mode .terminal-card-text-mode{flex:1;min-height:0;padding:var(--space-2)}.panel-play.text-mode .canvas-strip{height:160px;flex-shrink:0}.world-stack,.character-stack{min-height:0;align-content:stretch;height:100%}.world-stack{grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr)}.character-stack{grid-template-rows:auto minmax(0,1fr)}.world-stack>.subpanel,.character-stack>.subpanel{overflow:hidden}.split-list>div{min-height:0;display:flex;flex-direction:column}.panel-world .mini-map{height:clamp(110px,17vh,160px)}.panel-world .split-list{grid-template-columns:minmax(0,1fr)}.connection-pill{font-size:.8rem;padding:5px 12px}.soft-button{padding:7px 14px;font-size:.84rem}}@media(min-width:960px)and (max-width:1120px){.app-shell{padding-left:var(--space-3);padding-right:var(--space-3)}.panel{padding:10px}.subpanel{padding:9px}}.popout-backdrop{position:fixed;inset:0;z-index:80;background:#35324a8a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--space-4);animation:backdropFadeIn .2s var(--ease-out-soft)}.popout-dialog{width:min(980px,100%);max-height:calc(100dvh - 40px);border-radius:var(--radius-xl);border:1px solid rgb(106 96 136 / 22%);background:linear-gradient(165deg,#303752f7,#262f47f2),linear-gradient(0deg,#18162333,#18162333);color:var(--text-primary);box-shadow:var(--shadow-lg),var(--shadow-glow);display:flex;flex-direction:column;overflow:hidden;animation:dialogSlideIn .28s var(--ease-out-soft)}.popout-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgb(107 107 123 / 22%)}.popout-header h2{margin:0;font-family:var(--font-display);font-size:1.5rem}.popout-close{flex-shrink:0}.popout-content{padding:var(--space-4);overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(90 82 120 / 70%) transparent}.popout-content::-webkit-scrollbar{width:10px}.popout-content::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#5a5278b3,#465a6ea6)}.room-popout-copy{margin:0;display:grid;gap:var(--space-3)}.room-popout-title{margin:0;font-family:var(--font-display);font-size:1.8rem;color:var(--text-primary)}.room-popout-image{width:100%;max-height:240px;object-fit:cover;border-radius:var(--radius-md)}.room-popout-text{margin:0;color:var(--text-primary);line-height:1.7;white-space:pre-wrap}.room-popout-exits{margin:0;color:var(--text-secondary);font-weight:700;font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.room-popout-exits-label{margin-right:var(--space-1)}.room-popout-exits-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1)}.room-exit-btn{padding:4px 10px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s var(--ease-out-soft),color .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.room-exit-btn:hover{background:var(--bg-surface-hover);color:var(--text-bright);border-color:var(--line-subtle)}.room-exit-btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.room-resources-section{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line-faint);display:flex;flex-direction:column;gap:var(--space-2)}.room-resource-line{margin:0;font-size:.82rem;color:var(--text-primary)}.room-resource-icon{margin-right:var(--space-1)}.room-resource-nodes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:.82rem;color:var(--text-primary)}.room-resource-btn{display:inline-flex;align-items:center;padding:4px 10px;min-height:44px;border:1px solid rgb(141 169 123 / 40%);border-radius:var(--radius-sm);background:#8da97b1f;color:var(--color-primary-moss-green);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.room-resource-btn:hover{background:#8da97b38;border-color:#8da97b99}.room-features-section{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line-faint)}.room-features-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.room-features-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2)}.room-features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.room-feature-item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-surface);transition:background .15s var(--ease-out-soft)}.room-feature-item:hover{background:var(--bg-surface-hover)}.room-feature-name{font-weight:600;color:var(--text-primary);font-size:.82rem}.room-feature-state{font-size:.75rem;color:var(--text-secondary);opacity:.7}.room-feature-actions{margin-left:auto;display:flex;gap:var(--space-1)}.room-feature-btn{padding:6px 12px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:background .15s var(--ease-out-soft),color .15s var(--ease-out-soft)}.room-feature-btn:hover{background:var(--bg-surface-hover);color:var(--text-bright)}.room-feature-btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.room-feature-panel-link{margin-bottom:var(--space-2)}.container-contents-section{margin-top:var(--space-2)}.container-contents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.container-contents-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);font-size:.82rem;color:var(--text-primary)}.room-sign-text{margin:var(--space-1) 0 0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-inset);font-size:.82rem;font-style:italic;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.feature-popout-tab,.feature-card-action,.feature-card-inline-action,.room-feature-item,.room-feature-btn,.room-exit-btn{transition:none}}@media(max-width:720px){.feature-card-header,.feature-card-contents-header,.feature-card-item{flex-direction:column;align-items:flex-start}.feature-card-meta{justify-content:flex-start}}.mini-map-popout{height:min(62vh,560px)}.spellbook{display:flex;flex-direction:column;gap:var(--space-3)}.spellbook-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--space-2)}.spellbook-class{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.spellbook-level{font-size:.78rem;color:var(--text-tertiary)}.spellbook-hint{margin:0;padding:0 var(--space-2);font-size:.72rem;color:var(--text-disabled);font-style:italic}.spellbook-tabs{display:flex;gap:2px;padding:0 var(--space-2);margin-bottom:var(--space-2)}.spellbook-tab{flex:1;padding:4px 8px;font-size:.75rem;font-weight:600;border:1px solid var(--line-faint);border-radius:var(--radius-md);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.spellbook-tab:hover{background:#ffffff14}.spellbook-tab-active{background:#a897d238;color:var(--text-primary);border-color:#a897d266}.spellbook-grid{display:flex;flex-direction:column;gap:6px;max-height:min(56vh,500px);overflow-y:auto;padding:0 var(--space-1);scrollbar-width:thin;scrollbar-color:var(--line-faint) transparent}.spellbook-grid::-webkit-scrollbar{width:6px}.spellbook-grid::-webkit-scrollbar-thumb{background:var(--line-faint);border-radius:3px}.spellbook-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(135deg,#32385299,#282e487f);border:1px solid var(--line-faint);border-radius:var(--radius-md);cursor:pointer;transition:background .12s ease,border-color .12s ease;text-align:left;color:var(--text-primary)}.spellbook-card:hover:not(:disabled){background:linear-gradient(135deg,#3c4464b3,#323a5899);border-color:var(--line-soft)}.spellbook-card:active:not(:disabled){background:linear-gradient(135deg,#465074b3,#3a426099)}.spellbook-card-cooldown{opacity:.55;cursor:default}.spellbook-card-icon{position:relative;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line-faint)}.spellbook-card-image{width:100%;height:100%;object-fit:cover;display:block}.spellbook-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#4a567999,#3a44647f)}.spellbook-card-cd-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c18a6;color:var(--text-primary);font-size:.72rem;font-weight:700}.spellbook-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.spellbook-card-name{font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spellbook-card-desc{font-size:.74rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spellbook-card-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.spellbook-stat{font-size:.68rem;font-weight:600;padding:1px 5px;border-radius:3px;background:#ffffff0f}.spellbook-stat-mana{color:#78a0f0}.spellbook-stat-cd{color:#c8b48c}.spellbook-stat-target{color:#a0c8a0}.spellbook-stat-level{color:var(--text-tertiary)}.spellbook-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-secondary)}.spellbook-empty-hint{font-size:.8rem;color:var(--text-tertiary);margin-top:var(--space-2)}.spellbook-sp-hint{color:var(--accent-gold)}.spellbook-sp-badge{margin-left:auto;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600;background:#ffffff14;color:var(--text-secondary);border:1px solid rgb(255 255 255 / 12%)}.spellbook-sp-badge-available{background:#ffd2642e;color:var(--accent-gold);border-color:#ffd2644d}.spellbook-card-wrapper{position:relative}.spellbook-assign-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:1px solid rgb(168 151 210 / 40%);background:#3c325acc;color:#a897d2;font-size:.65rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,transform .12s ease;z-index:2}.spellbook-assign-btn:hover{background:#504178e5;transform:scale(1.1)}.spellbook-assign-btn-active{background:#a897d24d;border-color:#a897d2b3}.spellbook-slot-picker{position:absolute;top:4px;right:28px;display:flex;gap:2px;padding:3px 4px;background:#28233cf2;border:1px solid rgb(168 151 210 / 40%);border-radius:var(--radius-md);z-index:3;box-shadow:0 4px 12px #0006}.spellbook-slot-pick{width:22px;height:22px;border-radius:4px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0d;color:var(--text-secondary);font-size:.7rem;font-weight:700;cursor:pointer;transition:background .1s ease}.spellbook-slot-pick:hover{background:#a897d24d;color:var(--text-primary)}.trainer-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);height:100%;overflow-y:auto}.trainer-header{display:flex;align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.trainer-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.trainer-class{font-size:.8rem;color:var(--text-secondary);margin-left:auto;text-transform:uppercase;letter-spacing:.05em}.trainer-class-tabs{display:flex;gap:6px;margin-bottom:var(--space-3);flex-wrap:wrap}.trainer-class-tab{appearance:none;border:1px solid var(--line-soft);background:linear-gradient(135deg,#3c4664e0,#2e3850d6);color:var(--text-primary);padding:6px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .12s var(--ease-out-soft),background .15s,border-color .15s}.trainer-class-tab:hover{transform:translateY(-1px);border-color:#a897d27f}.trainer-class-tab:active{transform:scale(.96)}.trainer-class-tab-active{background:linear-gradient(135deg,#a897d2eb,#8caec9db);border-color:#d8c5e899;color:var(--text-bright)}.trainer-class-tab-locked{opacity:.78}.trainer-class-tab-lock{font-size:.7rem;opacity:.85}.trainer-skill-points{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff0a;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.trainer-sp-label{font-size:.82rem;color:var(--text-secondary)}.trainer-sp-value{margin-left:auto;font-size:1.1rem;font-weight:700;min-width:1.5ch;text-align:right}.trainer-sp-available{color:var(--accent-gold)}.trainer-sp-empty{color:var(--text-tertiary)}.trainer-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-secondary);font-size:.88rem}.trainer-ability-list{display:flex;flex-direction:column;gap:var(--space-2)}.trainer-ability-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:background .12s}.trainer-ability-row:hover{background:#ffffff0f}.trainer-ability-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.trainer-ability-img{width:100%;height:100%;object-fit:cover}.trainer-ability-placeholder{width:24px;height:24px;border-radius:4px;background:#ffffff1f}.trainer-ability-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trainer-ability-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainer-ability-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.trainer-ability-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.trainer-meta-tag{font-size:.72rem;padding:1px 6px;border-radius:99px;background:#ffffff14;color:var(--text-tertiary);white-space:nowrap}.trainer-learn-btn{flex-shrink:0;align-self:center;padding:5px 12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;background:var(--accent-lavender);color:#fff;border:none;cursor:pointer;transition:background .12s,opacity .12s}.trainer-learn-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-lavender) 80%,white)}.trainer-learn-btn-disabled{background:#ffffff14;color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.trainer-locked{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center}.trainer-locked-msg{font-size:.95rem;color:var(--text-primary)}.trainer-locked-req{font-size:.82rem;color:var(--text-secondary)}.trainer-unlock-btn{padding:8px 20px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;background:color-mix(in srgb,var(--accent-gold) 70%,transparent);color:#fff;border:1px solid rgb(255 210 100 / 40%);cursor:pointer;transition:background .12s}.trainer-unlock-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 85%,transparent)}.trainer-unlock-btn-disabled{background:#ffffff14;color:var(--text-tertiary);border-color:#ffffff1f;cursor:not-allowed;opacity:.6}.entity-detail-dialog{width:min(380px,100%);animation:detailFlipIn .22s var(--ease-out-soft)}.entity-detail-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4)}.entity-detail-image{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 24px #967cb54d,var(--shadow-md)}.entity-detail-placeholder{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#6051747f,#4c63847f);box-shadow:var(--shadow-sm)}.entity-detail-name{margin:0;font-family:var(--font-display);font-size:1.6rem;text-align:center}.entity-detail-hp{width:100%;display:flex;flex-direction:column;gap:var(--space-1)}.entity-detail-hp-label{font-size:.86rem;color:var(--text-tertiary);text-align:center}.entity-detail-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.entity-detail-action-button{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid rgb(106 96 136 / 24%);background:linear-gradient(140deg,#605174e5,#4c6384e0);color:var(--text-primary);font-size:.92rem;font-weight:600;cursor:pointer;box-shadow:inset 0 1px #ffffff7f,var(--shadow-sm);transition:transform .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),background-color .16s var(--ease-out-soft)}.entity-detail-action-button:hover{transform:translateY(-1px) scale(1.03);background:linear-gradient(140deg,#6c5881eb,#556d8ee5);box-shadow:var(--shadow-md),0 0 10px #967cb55c}.entity-detail-action-button:active{transform:scale(.97)}.entity-detail-action-button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.entity-detail-action-attack{background:linear-gradient(140deg,#8c4646e0,#743c4cdb)}.entity-detail-action-attack:hover{background:linear-gradient(140deg,#a05050eb,#824454e5);box-shadow:var(--shadow-md),0 0 10px #b45a5a5c}.entity-detail-action-icon{width:16px;height:16px}.popout-dialog-panel{width:min(90vw,560px);max-height:min(80dvh,640px)}.popout-panel-content{overflow-y:auto}.popout-panel-content .panel{border:none;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;gap:var(--space-3)}.popout-panel-content .panel:before,.popout-panel-content .panel:after{display:none}.popout-panel-content .panel:hover{transform:none;box-shadow:none}.action-bar{display:flex;flex-direction:column;background:linear-gradient(170deg,var(--surface-panel-a),var(--surface-panel-b)),linear-gradient(0deg,#18162314,#18162314);border-top:1px solid var(--line-soft);flex-shrink:0;position:relative;z-index:1}.action-bar-hud{display:flex;align-items:center;gap:10px;padding:5px 12px;border-bottom:1px solid var(--line-faint)}.action-bar-controls{display:flex;align-items:center;gap:10px;padding:5px 12px}.action-bar-panels{display:flex;gap:4px;flex-shrink:0}.action-bar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--line-faint);background:linear-gradient(135deg,#536386cc,#5c4e7abd);color:var(--text-primary);cursor:pointer;transition:background-color .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.action-bar-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#4a6082db,#675380d1);box-shadow:var(--shadow-sm)}.action-bar-btn:active:not(:disabled){transform:scale(.96)}.action-bar-btn-active{background:linear-gradient(135deg,#a897d2e5,#8caec9e0);box-shadow:var(--shadow-glow),var(--shadow-sm);border-color:#a897d266}.action-bar-btn-disabled{opacity:.38;cursor:not-allowed}.action-bar-btn-icon{width:18px;height:18px}.action-bar-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:999px;background:var(--color-primary-dusty-rose);color:var(--text-white);font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.action-bar-vitals{display:flex;flex-direction:column;gap:3px;flex-shrink:0;min-width:110px}.action-bar-vital{display:flex;align-items:center;gap:6px}.action-bar-vital-label{font-size:.65rem;font-weight:800;color:var(--text-secondary);width:20px;text-align:right;flex-shrink:0}.action-bar-vital-track{flex:1;height:10px;border-radius:999px;background:#18162347;overflow:hidden;position:relative}.action-bar-vital-fill{display:block;height:100%;border-radius:999px;transition:width .32s var(--ease-out-soft)}.action-bar-vital-fill-hp{background:linear-gradient(90deg,var(--color-hp-light),var(--color-hp-dark))}.action-bar-vital-fill-mana{background:linear-gradient(90deg,var(--color-mana-light),var(--color-mana-dark))}.action-bar-vital-fill-xp{background:linear-gradient(90deg,var(--color-xp-light),var(--color-xp-dark))}.action-bar-gold{display:flex;align-items:center;gap:4px;padding:0 2px}.action-bar-gold-coin{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--color-gold-coin-light),var(--color-gold-coin-dark));border:1px solid rgb(160 130 40 / 60%);flex-shrink:0}.action-bar-gold-text{font-size:.65rem;font-weight:700;color:var(--color-primary-soft-gold)}.action-bar-vital-text{font-size:.62rem;font-weight:700;color:var(--text-secondary);min-width:52px;text-align:left;flex-shrink:0}.action-bar-instances{display:flex;align-items:center;gap:5px;padding:0 6px;border-left:1px solid rgb(106 96 136 / 18%)}.instance-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.instance-selector{display:flex;gap:3px}.instance-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 20%);background:#323a5299;color:var(--text-secondary);cursor:pointer;font-size:.65rem;line-height:1;transition:background .12s ease,border-color .12s ease}.instance-btn:hover:not(:disabled){background:#465375b3;border-color:var(--accent-primary)}.instance-btn-current{background:linear-gradient(140deg,#46645099,#3c5a467f);border-color:#64966e66;color:var(--text-primary);cursor:default}.instance-num{font-weight:700;font-size:.68rem}.instance-pop{font-size:.58rem;color:var(--text-muted)}.action-bar-targets{display:flex;align-items:center;gap:5px;padding:0 6px;border-left:1px solid rgb(106 96 136 / 18%);max-width:220px;overflow:hidden}.target-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.target-list{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;max-height:60px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(106 96 136 / 40%) transparent}.target-btn{display:flex;align-items:center;gap:4px;padding:1px 5px;border-radius:var(--radius-sm);border:1px solid rgb(106 96 136 / 16%);background:#323a527f;color:var(--text-secondary);cursor:pointer;font-size:.62rem;line-height:1.2;transition:background .12s ease,border-color .12s ease;min-width:0}.target-btn:hover{background:#5a32327f;border-color:#b4505066;color:var(--text-primary)}.target-btn-current{background:#6432327f;border-color:#c85a5a66;color:var(--text-primary);box-shadow:0 0 4px #c85a5a33}.target-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;font-weight:500}.target-hp-track{width:28px;height:4px;border-radius:2px;background:#28282899;flex-shrink:0;overflow:hidden}.target-hp-fill{display:block;height:100%;border-radius:2px;background:var(--color-accent-faded-crimson);transition:width .2s ease}.action-bar-skills{display:flex;gap:4px;flex-shrink:0}.action-bar-skill{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--line-faint);background:linear-gradient(135deg,#62547ed1,#6f536cc7);color:var(--text-primary);cursor:pointer;overflow:hidden;transition:background-color .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft),transform .16s var(--ease-out-soft)}.action-bar-skill:hover:not(:disabled){transform:translateY(-1px)}.action-bar-skill:hover:not(:disabled).skill-attack{box-shadow:0 2px 10px #c0405066}.action-bar-skill:hover:not(:disabled).skill-aoe{box-shadow:0 2px 10px #c0703066}.action-bar-skill:hover:not(:disabled).skill-debuff{box-shadow:0 2px 10px #9860c066}.action-bar-skill:hover:not(:disabled).skill-heal{box-shadow:0 2px 10px #40a06066}.action-bar-skill:hover:not(:disabled).skill-buff{box-shadow:0 2px 10px #3090a066}.action-bar-skill:hover:not(:disabled).skill-self{box-shadow:0 2px 10px #5070c066}.action-bar-skill:active:not(:disabled){transform:scale(.96)}.action-bar-skill-empty{border-style:dashed;border-color:#ffffff26;background:#3c325066;cursor:default}.action-bar-skill.drag-over{box-shadow:0 0 8px 2px #d46a8a7f;border-color:#d46a8a99}.skill-attack{border-color:#c0405099;box-shadow:inset 0 0 6px #c0405040,0 0 4px #c0405033}.skill-aoe{border-color:#c0703099;box-shadow:inset 0 0 6px #c0703040,0 0 4px #c0703033}.skill-debuff{border-color:#9860c099;box-shadow:inset 0 0 6px #9860c040,0 0 4px #9860c033}.skill-heal{border-color:#40a06099;box-shadow:inset 0 0 6px #40a06040,0 0 4px #40a06033}.skill-buff{border-color:#3090a099;box-shadow:inset 0 0 6px #3090a040,0 0 4px #3090a033}.skill-self{border-color:#5070c099;box-shadow:inset 0 0 6px #5070c040,0 0 4px #5070c033}.action-bar-skill-cooldown{opacity:.5;cursor:not-allowed}.action-bar-skill-icon{width:18px;height:18px;position:relative;z-index:1}.action-bar-skill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:inherit}.action-bar-skill-sweep{position:absolute;bottom:0;left:0;right:0;background:#1816238f;pointer-events:none;transition:height .25s linear}.action-bar-skill-key{position:absolute;bottom:1px;right:3px;font-size:.55rem;font-weight:800;color:#ffffff85;pointer-events:none;z-index:1}.action-bar-command{display:flex;gap:var(--space-1);flex:1;min-width:0;border:1px solid var(--line-faint);border-radius:var(--radius-lg);background:linear-gradient(180deg,#4a5679d6,#3e4f72cc);padding:3px;overflow:hidden;margin-left:auto}.action-bar-command .command-input{padding:4px 8px;font-size:.82rem;opacity:1;width:100%;flex:1;min-width:0}.action-bar-command .action-bar-send{display:flex;align-items:center;justify-content:center;padding:4px 8px;flex-shrink:0}.action-bar-send-icon{width:16px;height:16px}.entity-thumb-clickable{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;transition:transform .16s var(--ease-out-soft)}.entity-thumb-clickable:hover{transform:scale(1.04)}.entity-thumb-clickable:hover .entity-thumb{box-shadow:0 0 8px #967cb566}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.05s!important;scroll-behavior:auto!important}}@keyframes drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(12px) scale(1.04)}}@keyframes runePulse{0%,to{opacity:.58;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-1px) scale(1.08)}}@keyframes detailFlipIn{0%{opacity:.55;transform:perspective(760px) rotateX(-9deg) translateY(5px)}to{opacity:1;transform:perspective(760px) rotateX(0) translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginStepIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.combat-panel{display:flex;flex-direction:column;gap:.55rem}.combat-target-card{padding:.5rem .65rem;border-radius:10px;background:linear-gradient(135deg,#a897d21f,#8caec91a);border:1px solid var(--line-faint)}.combat-target-info{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem}.combat-target-thumb{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-lavender);flex-shrink:0}.combat-target-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:#a897d22e}.combat-target-thumb-icon{width:24px;height:24px;color:var(--color-primary-lavender)}.combat-target-details{display:flex;flex-direction:column;gap:.1rem;min-width:0}.combat-target-name{font-family:Cormorant Garamond,serif;font-weight:600;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-target-hp-text{font-size:.78rem;color:var(--text-secondary)}.combat-in-combat-badge{display:flex;align-items:center;gap:.45rem;padding:.25rem 0;color:var(--color-primary-dusty-rose);font-weight:600;font-size:.88rem;animation:combatPulse 2s ease-in-out infinite}.combat-badge-icon{width:18px;height:18px}@keyframes combatPulse{0%,to{opacity:1}50%{opacity:.6}}.combat-target-select{display:flex;flex-direction:column;gap:.2rem}.combat-target-option{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;border-radius:6px;border:1px solid transparent;background:#a897d20f;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.combat-target-option:hover:not(:disabled){background:#a897d224;border-color:var(--line-faint)}.combat-target-option-active{border-color:var(--color-primary-lavender);color:var(--text-primary);cursor:default}.combat-target-option-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-target-option-hp{flex-shrink:0;margin-left:.5rem;font-size:.72rem;opacity:.8}.combat-tab-bar{display:flex;gap:.3rem}.combat-tab{padding:.2rem .65rem;border-radius:12px;border:1px solid var(--line-faint);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.combat-tab:hover{background:#a897d21a}.combat-tab-active{background:#a897d22e;color:var(--text-primary);border-color:var(--color-primary-lavender)}.combat-ability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.combat-show-all{background:none;border:none;color:var(--color-primary-lavender);font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem 0;text-align:center;width:100%}.combat-show-all:hover{text-decoration:underline}.combat-ability-button{position:relative;display:flex;align-items:center;gap:.35rem;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--line-faint);background:linear-gradient(135deg,#a897d21a,#8caec914);color:var(--text-primary);font-size:.78rem;cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.combat-ability-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #a897d240;border-color:var(--color-primary-lavender)}.combat-ability-button-disabled{opacity:.5;cursor:not-allowed}.combat-ability-icon-wrap{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.combat-ability-icon{width:18px;height:18px}.combat-ability-label{display:flex;flex-direction:column;min-width:0;line-height:1.2}.combat-ability-name{font-weight:600}.combat-ability-cost{font-size:.68rem;color:var(--color-primary-pale-blue);opacity:.85}.combat-ability-cooldown-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary-dusty-rose);border-radius:0 0 8px 8px;transition:width .25s linear;opacity:.7}.combat-action-bar{display:flex;gap:.4rem}.combat-action-bar>*{flex:1}.combat-action-icon{width:16px;height:16px}.combat-flee-button{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .6rem;border-radius:8px;border:1px solid rgb(184 143 170 / 40%);background:linear-gradient(135deg,#b88faa38,#b88faa1f);color:var(--color-primary-dusty-rose);font-weight:600;font-size:.82rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.combat-flee-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #b88faa4d;background:linear-gradient(135deg,#b88faa52,#b88faa2e)}.combat-action-bar .soft-button{display:flex;align-items:center;justify-content:center;gap:.35rem}.combat-target-mini{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;margin:.15rem .3rem;border-radius:8px;background:linear-gradient(135deg,#b88faa24,#a897d21a);border:1px solid rgb(184 143 170 / 25%);font-size:.78rem;animation:combatPulse 2s ease-in-out infinite}.combat-mini-icon{width:16px;height:16px;color:var(--color-primary-dusty-rose);flex-shrink:0}.combat-mini-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-mini-bar{flex:1;height:6px;border-radius:3px;background:#00000040;overflow:hidden;min-width:40px}.combat-mini-hp{font-size:.72rem;color:var(--text-secondary);flex-shrink:0}.help-trigger{display:inline-flex;align-items:center;gap:5px;padding:5px 10px}.help-trigger-icon{width:16px;height:16px}.help-trigger-label{font-size:.82rem}.help-search-wrap{position:sticky;top:0;z-index:1;padding-bottom:var(--space-3)}.help-search-input{width:100%;padding:8px 12px;border:1px solid rgb(131 147 186 / 30%);border-radius:var(--radius-md);background:#2f344699;color:var(--text-primary);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s}.help-search-input::placeholder{color:var(--text-placeholder)}.help-search-input:focus{border-color:#7b84aacc;box-shadow:0 0 0 2px #7e6ba23d}.help-category-list{display:flex;flex-direction:column;gap:var(--space-4)}.staff-admin-button{background:linear-gradient(140deg,#bea87347,#a8976438);border-color:#bea87370;color:var(--color-primary-soft-gold);font-weight:700}.staff-admin-button:hover{background:linear-gradient(140deg,#bea87366,#a8976452);border-color:#bea87399}.staff-invis-button{padding:4px 8px;font-size:.85rem;line-height:1;opacity:.6;transition:opacity .15s ease,background .15s ease}.staff-invis-button:hover{opacity:1}.staff-invis-active{opacity:1;background:linear-gradient(140deg,#7864aa59,#64509647);border-color:#9678c87f}.admin-dialog{max-width:1040px}.admin-content{display:flex;flex-direction:column;gap:var(--space-4)}.admin-section-title,.admin-form-title{margin:0;font-family:var(--font-display);font-size:1rem;color:var(--text-primary)}.admin-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-status-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid rgb(120 134 188 / 18%);background:linear-gradient(180deg,#191f31eb,#101421f0)}.admin-status-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.admin-feedback-banner{margin:0;padding:.85rem 1rem;border-radius:14px;border:1px solid rgb(120 134 188 / 18%);background:linear-gradient(180deg,#191f31eb,#101421f0);color:var(--text-secondary)}.admin-feedback-banner-success{border-color:#69c09247;background:linear-gradient(180deg,#224435eb,#111e18f0);color:#e5fff0}.admin-feedback-banner-error{border-color:#d6757547;background:linear-gradient(180deg,#4f2323eb,#1f1212f0);color:#ffe2e2}.help-category-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid rgb(131 147 186 / 20%)}.help-command-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.help-command-entry{display:flex;gap:var(--space-3);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .12s}.help-command-entry:hover{background:#8393ba1a}.help-command-syntax{flex:0 0 auto;min-width:200px;font-family:var(--font-mono);font-size:.82rem;color:var(--accent-lavender, #c4b8e8);white-space:nowrap}.help-command-desc{flex:1;font-size:.84rem;color:var(--text-secondary);margin:0}.admin-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-action-section{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-md);border:1px solid rgb(120 134 188 / 16%);background:linear-gradient(180deg,#1b2236eb,#111522f2)}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid rgb(106 96 136 / 24%);border-radius:var(--radius-md);background:linear-gradient(140deg,#404e6fd6,#2e3a57cc);color:var(--text-primary);cursor:pointer;transition:background .17s var(--ease-out-soft),border-color .17s var(--ease-out-soft),transform .17s var(--ease-out-soft)}.admin-action-tile:hover{background:linear-gradient(140deg,#4f5e85e0,#3d4c6fd6);border-color:#a897d25c;transform:translateY(-1px)}.admin-action-tile-active{background:linear-gradient(140deg,#a897d24d,#8caec942);border-color:#a897d285;box-shadow:0 0 12px #a897d22e}.admin-action-tile-danger{border-color:#b88faa42}.admin-action-tile-utility{border-color:#8da97b3d}.admin-action-label{font-size:.82rem;font-weight:700}.admin-action-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.3;text-align:left}.admin-form{display:flex;flex-direction:column;gap:var(--space-3);animation:questDetailsSlide .2s var(--ease-out-soft);padding:14px;border-radius:18px;border:1px solid rgb(125 141 196 / 14%);background:#1014208a}.admin-field{display:flex;flex-direction:column;gap:4px}.admin-field-label{font-size:.74rem;font-weight:600;color:var(--text-secondary)}.admin-input{border:1px solid rgb(106 96 136 / 30%);border-radius:8px;background:var(--surface-input);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;padding:8px 12px;outline:none;transition:border-color .15s var(--ease-out-soft)}.admin-input:focus{border-color:#a897d28f}.admin-input::placeholder{color:var(--text-disabled)}.admin-textarea{min-height:88px;resize:vertical}.admin-choice-row{display:flex;flex-wrap:wrap;gap:8px}.admin-choice-chip{padding:6px 12px;border-radius:999px;border:1px solid rgb(120 134 188 / 22%);background:#7886bc1a;color:var(--text-secondary);font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft),color .15s var(--ease-out-soft)}.admin-choice-chip:hover{background:#8caec924;border-color:#8caec952;color:var(--text-primary)}.admin-choice-chip-active{background:#a897d22e;border-color:#a897d25c;color:var(--text-primary)}.admin-shutdown-warning{font-size:.78rem;color:var(--color-primary-dusty-rose);padding:8px 12px;border-radius:8px;background:#b88faa1f;border:1px solid rgb(184 143 170 / 24%);text-align:center}.admin-submit-row{display:flex;justify-content:flex-end}.admin-submit{border:1px solid rgb(140 174 201 / 40%);border-radius:8px;background:linear-gradient(140deg,#8caec938,#a897d22e);color:var(--color-primary-pale-blue);font-size:.82rem;font-weight:700;padding:8px 16px;cursor:pointer;transition:background .15s var(--ease-out-soft),border-color .15s var(--ease-out-soft)}.admin-submit:disabled{opacity:.52;cursor:not-allowed}.admin-submit:hover{background:linear-gradient(140deg,#8caec957,#a897d247);border-color:#8caec999}.admin-submit-danger{border-color:#b88faa70;background:linear-gradient(140deg,#b88faa2e,#aa829624);color:var(--color-primary-dusty-rose)}.admin-submit-danger:hover{background:linear-gradient(140deg,#b88faa47,#aa829638);border-color:#b88faa99}.admin-submit-confirm{background:linear-gradient(140deg,#c864644d,#b850503d);border-color:#c864647f;color:var(--color-error);animation:questNotifSlide .2s var(--ease-out-soft)}.admin-submit-confirm:hover{background:linear-gradient(140deg,#c864646b,#b850505c);border-color:#c86464a8}.teleport-browser{display:flex;flex-direction:column;gap:var(--space-2);max-height:320px;overflow-y:auto;border:1px solid var(--line-faint);border-radius:var(--radius-md);padding:var(--space-2);background:#1e263899}@media(max-width:720px){.admin-dialog{max-width:min(96vw,640px)}.admin-status-strip,.admin-section-grid{grid-template-columns:1fr}.admin-action-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.help-command-entry{flex-direction:column;gap:2px}.help-command-syntax{min-width:0}.help-trigger-label{display:none}.admin-action-grid{grid-template-columns:1fr}.admin-submit-row{justify-content:stretch}.admin-submit{width:100%}}.teleport-filter{position:sticky;top:0;z-index:1}.teleport-section{display:flex;flex-direction:column}.teleport-section-title{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--color-primary-pale-blue);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-1);padding:0 var(--space-1)}.teleport-zone-header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:5px 6px;border:none;background:none;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:background .12s var(--ease-out-soft)}.teleport-zone-header:hover{background:#ffffff0d}.teleport-zone-header-expanded{color:var(--text-bright)}.teleport-zone-arrow{font-size:.7rem;color:var(--text-secondary);width:10px}.teleport-zone-name{flex:1}.teleport-zone-count{font-size:.68rem;color:var(--text-disabled)}.teleport-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.teleport-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:3px 6px 3px 20px;border-radius:var(--radius-sm);transition:background .1s var(--ease-out-soft)}.teleport-item:hover{background:#ffffff0a}.teleport-item-player{padding-left:6px}.teleport-item-name{font-size:.78rem;color:var(--color-primary-pale-blue);font-weight:600}.teleport-item-room{display:flex;flex-direction:column;gap:1px;min-width:0}.teleport-item-id{font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teleport-item-title{font-size:.7rem;color:var(--text-disabled);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teleport-item-meta{font-size:.68rem;color:var(--text-disabled);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teleport-go-btn{flex-shrink:0;padding:2px 10px;border:1px solid rgb(141 169 123 / 40%);border-radius:var(--radius-sm);background:#8da97b24;color:var(--color-primary-moss-green);font-size:.68rem;font-weight:700;cursor:pointer;transition:background .14s var(--ease-out-soft),border-color .14s var(--ease-out-soft)}.teleport-go-btn:hover{background:#8da97b42;border-color:#8da97b99}.teleport-go-btn:disabled{opacity:.45;cursor:not-allowed}.pixi-canvas-host{border-radius:9px;overflow:hidden}.pixi-canvas-host canvas{display:block;width:100%!important;height:100%!important;border-radius:9px}.terminal-hidden{position:absolute;left:-9999px;top:-9999px;width:800px;height:400px;overflow:hidden;pointer-events:none}.reconnect-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;padding:10px 22px;border-radius:var(--radius-md, 10px);border:1px solid rgb(140 154 193 / 24%);background:#121622e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body, sans-serif);box-shadow:0 4px 24px #0006;animation:reconnect-slide-in .3s cubic-bezier(.25,1,.5,1)}.reconnect-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--text-disabled);border-top-color:var(--color-primary-lavender);border-radius:50%;animation:reconnect-spin .8s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}@keyframes reconnect-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.reconnect-spinner,.reconnect-banner{animation:none}}.combat-log-wrap{position:absolute;bottom:12px;left:12px;z-index:8;max-width:min(360px,50%);pointer-events:none}.character-picker-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#121622c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:backdropFadeIn .25s var(--ease-out-soft)}.character-picker{background:linear-gradient(160deg,var(--surface-panel-a),var(--surface-panel-b));border:1px solid var(--glass-edge);border-radius:var(--radius-lg, 16px);padding:32px 28px 28px;max-width:380px;width:90%;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-lg),var(--shadow-glow);animation:dialogSlideIn .32s var(--ease-out-soft)}.character-picker-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary-lavender);letter-spacing:.02em;margin:0;animation:loginTitleGlow 3s var(--ease-in-out-smooth) infinite}@media(prefers-reduced-motion:reduce){.character-picker-title{animation:none;text-shadow:0 0 10px rgb(168 151 210 / 20%)}.character-picker,.character-picker-overlay{animation:none}}.character-picker-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 16px}.character-picker-list{display:flex;flex-direction:column;gap:8px;width:100%}.character-picker-entry{display:flex;gap:0;width:100%}.character-picker-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--line-soft);border-radius:var(--radius-md, 10px) 0 0 var(--radius-md, 10px);background:linear-gradient(140deg,#58488447,#483e7038);color:var(--text-bright);font-family:var(--font-display);font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.character-picker-btn:hover{background:linear-gradient(140deg,#6c589866,#58488452);border-color:var(--color-primary-lavender);transform:translateY(-1px)}.character-picker-btn:active{transform:scale(.98)}.character-picker-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-picker-btn-arrow{font-size:1.3rem;color:var(--text-tertiary);transition:color .15s}.character-picker-btn:hover .character-picker-btn-arrow{color:var(--color-primary-lavender)}.character-picker-remove{width:36px;min-width:36px;padding:0;border:1px solid var(--line-soft);border-left:none;border-radius:0 var(--radius-md, 10px) var(--radius-md, 10px) 0;background:#c8505000;color:var(--text-tertiary);font-size:1rem;cursor:pointer;transition:background .15s,color .15s,width .15s,min-width .15s;display:flex;align-items:center;justify-content:center}.character-picker-remove:hover{background:#c8505024;color:var(--color-error);border-color:#c850504d}.character-picker-remove--confirm{width:auto;min-width:auto;padding:0 10px;background:#c8505033;color:var(--color-error);border-color:#c8505066;font-size:.8rem;font-weight:600;letter-spacing:.02em}.character-picker-divider{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 4px}.character-picker-divider-line{flex:1;height:1px;background:var(--line-soft)}.character-picker-divider-text{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.character-picker-new{width:100%;padding:12px 18px;border:1px dashed var(--line-soft);border-radius:var(--radius-md, 10px);background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.95rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.character-picker-new:hover{color:var(--text-primary);border-color:var(--color-primary-lavender);background:#a897d20f}.world-atmosphere-subpanel{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.world-atmosphere-heading{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 2px}.world-atmosphere-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.world-atmosphere-icon{flex-shrink:0;width:1.1em;text-align:center;font-size:.9rem}.world-atmosphere-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-atmosphere-value{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.78rem}.world-atmosphere-event,.world-atmosphere-event-icon{color:var(--color-primary-lavender)}.atmosphere-hud{position:fixed;bottom:calc(var(--game-bottom-inset, 0px) + env(safe-area-inset-bottom,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);top:auto;left:auto;z-index:11;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;pointer-events:none;max-width:40vw}.atmosphere-hud-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-md);background:#0a0c148c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 8%);color:var(--text-secondary);font-size:.78rem;font-weight:500;pointer-events:auto;white-space:nowrap}.atmosphere-hud-icon{font-size:.9rem;flex-shrink:0}.atmosphere-hud-label{font-variant-numeric:tabular-nums}.atmosphere-hud-chip-event{color:var(--color-primary-lavender);border-color:#b294bb33}.character-logout-row{display:flex;justify-content:center;padding:12px 0 4px}.character-logout-btn{font-size:.78rem;color:var(--text-secondary);opacity:.7;transition:opacity .15s}.character-logout-btn:hover{opacity:1}.character-pet-subpanel{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.pet-header-row{display:flex;align-items:flex-start;gap:10px}.pet-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid rgb(140 154 193 / 18%);flex-shrink:0}.pet-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pet-name{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-stat-grid{font-size:.78rem;gap:4px 12px}.pet-actions{display:flex;justify-content:flex-end}.pet-dismiss-btn{font-size:.75rem;padding:3px 10px;color:var(--text-secondary);opacity:.8;transition:opacity .15s,color .15s}.pet-dismiss-btn:hover{opacity:1;color:var(--color-hp-red)}.score-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.score-section-header-spaced{margin-bottom:.8rem}.score-open-btn{white-space:nowrap;padding:.28rem .72rem;font-size:.72rem}.systems-panel{display:flex;flex-direction:column;gap:1rem}.systems-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.systems-tab{border:1px solid rgb(146 157 205 / 24%);background:#141828db;color:var(--text-secondary);border-radius:999px;padding:.5rem .9rem;font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.systems-tab:hover{border-color:#b4bff073;color:var(--text-primary);transform:translateY(-1px)}.systems-tab-active{background:linear-gradient(135deg,#6f83dc4d,#3f4e8e85);border-color:#aebfff99;color:var(--text-primary)}.systems-local-message{margin:0;padding:.8rem .95rem;border-radius:16px;background:#252f52b8;border:1px solid rgb(132 150 224 / 28%);color:var(--text-secondary)}.systems-local-message-success{background:#244e3ac7;border-color:#73c89d47;color:#e7fff1}.systems-local-message-error{background:#632929cc;border-color:#df7f7f42;color:#ffe5e5}.systems-body,.systems-section{display:flex;flex-direction:column;gap:1rem}.systems-title{margin:0;font-size:1.1rem}.systems-card-list{display:grid;gap:1rem}.systems-card{display:flex;flex-direction:column;gap:.95rem;padding:1rem 1.05rem;border-radius:22px;background:linear-gradient(180deg,#161a2cf0,#0c0f1af0);border:1px solid rgb(102 117 180 / 24%);box-shadow:0 18px 36px #00000029}.systems-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.systems-card-header h4{margin:.18rem 0 0;font-size:1.05rem}.systems-card-label{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;color:var(--text-muted)}.systems-card-copy,.systems-detail-line{margin:0;color:var(--text-secondary);line-height:1.5}.systems-feed{display:flex;flex-direction:column;gap:.7rem}.systems-feed-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem .9rem;border-radius:16px;background:#ffffff08;border:1px solid rgb(255 255 255 / 6%)}.systems-feed-item-positive{border-color:#64c4912e;background:linear-gradient(180deg,#2040306b,#10191799)}.systems-feed-item-negative{border-color:#e07d7d29;background:linear-gradient(180deg,#47212170,#1c121299)}.systems-feed-copy{margin:.22rem 0 0;color:var(--text-secondary);font-size:.88rem}.systems-feed-time{white-space:nowrap;font-size:.78rem;color:var(--text-muted)}.systems-pill{align-self:flex-start;padding:.34rem .75rem;border-radius:999px;background:#353e66e5;border:1px solid rgb(128 145 219 / 28%);color:var(--text-primary);font-size:.76rem;white-space:nowrap}.systems-pill-success{background:#295f43e0;border-color:#6dc49757}.systems-pill-danger{background:#6d2b2be0;border-color:#e0848457}.systems-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.systems-stat-grid>div{padding:.75rem .85rem;border-radius:16px;background:#ffffff08;border:1px solid rgb(255 255 255 / 6%)}.systems-stat-grid dt{margin:0 0 .3rem;font-size:.74rem;color:var(--text-muted)}.systems-stat-grid dd{margin:0;font-size:.98rem;color:var(--text-primary)}.systems-action-row{display:flex;flex-wrap:wrap;gap:.7rem}.systems-primary-btn,.systems-secondary-btn{border-radius:14px;padding:.72rem 1rem;font:inherit;cursor:pointer;transition:transform .14s ease,filter .14s ease,border-color .14s ease}.systems-primary-btn{border:1px solid rgb(149 170 255 / 34%);background:linear-gradient(135deg,#5c71d2eb,#3c498feb);color:#f8faff}.systems-secondary-btn{border:1px solid rgb(134 146 191 / 24%);background:#181c2deb;color:var(--text-primary)}.systems-primary-btn:hover:not(:disabled),.systems-secondary-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.systems-primary-btn:disabled,.systems-secondary-btn:disabled{cursor:not-allowed;opacity:.55}.systems-choice-list{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.systems-choice-list-compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.systems-choice-card{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;text-align:left;padding:.85rem .95rem;border-radius:16px;border:1px solid rgb(129 143 199 / 18%);background:#ffffff08;color:var(--text-primary);font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.systems-choice-card:hover{transform:translateY(-1px);border-color:#abbcff57;background:#49568f24}.systems-choice-card-active{border-color:#b8c5ff75;background:#606fbd33}.systems-choice-title{font-weight:700}.systems-choice-copy{color:var(--text-secondary);font-size:.84rem;line-height:1.45}.systems-number-input,.systems-text-input{min-width:0;flex:1 1 180px;border-radius:14px;border:1px solid rgb(132 145 196 / 26%);background:#0a0d18db;color:var(--text-primary);padding:.72rem .85rem;font:inherit}.systems-callout{padding:.8rem .95rem;border-radius:16px;background:#272f4f99;border:1px solid rgb(117 132 196 / 24%);color:var(--text-secondary)}.systems-perk-list{display:grid;gap:.7rem}.systems-perk-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem;border-radius:14px;background:#ffffff08;border:1px solid rgb(255 255 255 / 6%)}.systems-perk-card-earned{border-color:#69c79647;background:#2a524038}.systems-perk-rank{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.systems-perk-desc{color:var(--text-primary)}.systems-bullet-list{margin:0;padding-left:1.15rem;color:var(--text-secondary);display:grid;gap:.35rem}.systems-meter{display:flex;align-items:center;gap:.8rem}.systems-meter-track{position:relative;flex:1 1 auto;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.systems-meter-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#68cf9cf2,#c4de7af2)}.systems-meter-value{min-width:3.5rem;text-align:right;color:var(--text-primary)}@media(max-width:720px){.systems-tab{flex:1 1 calc(50% - .55rem);justify-content:center}.systems-card-header{flex-direction:column}.systems-action-row,.systems-choice-list{grid-template-columns:1fr}}.combat-log-filter-toggle{pointer-events:auto;position:relative;width:26px;height:26px;border:1px solid rgb(140 154 193 / 24%);border-radius:var(--radius-sm, 6px);background:#121622a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:4px;transition:border-color .15s,color .15s}.combat-log-filter-toggle:hover{border-color:var(--color-primary-lavender);color:var(--text-primary)}.combat-log-filter-toggle-active{border-color:var(--color-primary-lavender);color:var(--color-primary-lavender)}.combat-log-filters{pointer-events:auto;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.combat-log-filter-chip{font-size:.68rem;font-family:var(--font-mono, monospace);padding:2px 7px;border-radius:var(--radius-sm, 6px);border:1px solid rgb(140 154 193 / 20%);background:#1216227f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-disabled);cursor:pointer;transition:opacity .15s,border-color .15s,color .15s;opacity:.55}.combat-log-filter-chip-on{opacity:1}.combat-log-filter-chip-on.combat-log-filter-chip-damage{color:var(--color-damage, #d4888a);border-color:var(--color-damage, #d4888a)}.combat-log-filter-chip-on.combat-log-filter-chip-heal{color:var(--color-heal, #8abf8a);border-color:var(--color-heal, #8abf8a)}.combat-log-filter-chip-on.combat-log-filter-chip-dodge{color:var(--color-dodge, #d9c8a1);border-color:var(--color-dodge, #d9c8a1)}.combat-log-filter-chip-on.combat-log-filter-chip-kill{color:var(--color-xp, #bea873);border-color:var(--color-xp, #bea873)}.combat-log-filter-chip-on.combat-log-filter-chip-info{color:var(--color-info, #8caec9);border-color:var(--color-info, #8caec9)}.combat-log-filter-chip-on.combat-log-filter-chip-xp{color:var(--color-xp, #bea873);border-color:var(--color-xp, #bea873)}.combat-log{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto;overflow-x:hidden;pointer-events:none;scrollbar-width:none}.combat-log::-webkit-scrollbar{display:none}.combat-log-msg{padding:3px 10px;border-radius:var(--radius-sm, 6px);font-size:.8rem;line-height:1.35;font-family:var(--font-mono, monospace);background:#121622a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text, #e0e0e0);transition:opacity .3s ease-out;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.combat-log-msg-damage{color:var(--color-damage, #d4888a);border-left:2px solid var(--color-damage, #d4888a)}.combat-log-msg-heal{color:var(--color-heal, #8abf8a);border-left:2px solid var(--color-heal, #8abf8a)}.combat-log-msg-error{color:var(--color-error, #e8a0a0);border-left:2px solid var(--color-error, #e8a0a0)}.combat-log-msg-info{color:var(--color-info, #8caec9);border-left:2px solid var(--color-info, #8caec9)}.combat-log-msg-kill{color:var(--color-xp, #bea873);border-left:2px solid var(--color-xp, #bea873);font-weight:600}.combat-log-msg-dodge{color:var(--color-dodge, #d9c8a1);border-left:2px solid var(--color-dodge, #d9c8a1);font-style:italic}.combat-log-msg-xp{color:var(--color-xp, #bea873);border-left:2px solid var(--color-xp, #bea873)}@media(prefers-reduced-motion:reduce){.combat-log-msg{transition:none}}.terminal-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius-lg);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-in-out-smooth)}.terminal-overlay-visible{opacity:1;pointer-events:auto;background:#1216227f}.terminal-overlay-opaque{background:#121622e0}.terminal-overlay .xterm,.terminal-overlay .xterm-screen,.terminal-overlay .xterm-viewport{border-radius:0;height:100%!important}.terminal-overlay .xterm-viewport{background:transparent!important}.panel-play.text-mode{display:flex;flex-direction:column}.canvas-strip{position:relative;flex-shrink:0;height:160px;min-height:100px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-panel);background:#2f3446;opacity:.85;transition:height .3s var(--ease-in-out-smooth),opacity .3s var(--ease-in-out-smooth)}.terminal-card-text-mode{flex:1;min-height:0;display:flex;flex-direction:column}.terminal-primary{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius-lg);overflow:hidden;opacity:1;pointer-events:auto;background:#121622f0}.terminal-primary .xterm,.terminal-primary .xterm-screen,.terminal-primary .xterm-viewport{border-radius:0;height:100%!important}.terminal-primary .xterm-viewport{background:transparent!important}.layout-mode-button{font-size:.78rem;white-space:nowrap}@media(prefers-reduced-motion:no-preference){.panel-play,.terminal-card,.canvas-strip,.terminal-primary,.terminal-overlay{transition-duration:.3s;transition-timing-function:var(--ease-in-out-smooth)}}@media(prefers-reduced-motion:reduce){.canvas-strip,.terminal-primary,.terminal-overlay{transition:none}}.login-modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#121622c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:backdropFadeIn .25s var(--ease-out-soft)}.login-modal{width:min(420px,90vw);border-radius:var(--radius-lg);border:1px solid var(--glass-edge);background:linear-gradient(160deg,#363f5af5,#2b354ff0),linear-gradient(0deg,#0c0e184d,#0c0e184d);box-shadow:inset 0 1px #e8efff29,0 0 24px #a897d233,0 8px 32px #080a127f,0 0 0 1px #dae2ff1a;padding:28px 24px;animation:dialogSlideIn .32s var(--ease-out-soft)}.login-modal-title{margin:0 0 20px;text-align:center;font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-primary-lavender);letter-spacing:.02em;animation:loginTitleGlow 3s var(--ease-in-out-smooth) infinite}@keyframes loginTitleGlow{0%,to{text-shadow:0 0 10px rgb(168 151 210 / 20%)}50%{text-shadow:0 0 20px rgb(168 151 210 / 40%)}}@media(prefers-reduced-motion:reduce){.login-modal-title{animation:none;text-shadow:0 0 10px rgb(168 151 210 / 20%)}.soft-button:after{display:none}}.login-step{display:flex;flex-direction:column;gap:10px;animation:loginStepIn .25s var(--ease-out-soft)}.login-step-label{margin:0;font-size:.95rem;color:var(--text-primary);text-align:center}.login-step-sub{margin:0;font-size:.88rem;color:var(--text-secondary);text-align:center}.login-error{margin:0;padding:6px 10px;border-radius:6px;background:#c8505024;border:1px solid rgb(200 80 80 / 30%);color:var(--color-error);font-size:.84rem;text-align:center}.login-form{display:flex;gap:8px}.login-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--line-soft);background:var(--surface-input);color:var(--text-primary);font-family:inherit;font-size:.92rem;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--color-primary-lavender)}.login-button{padding:8px 18px;border-radius:8px;border:1px solid var(--line-soft);background:linear-gradient(140deg,#5848847f,#483e7070);color:var(--text-primary);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.login-button:hover{background:linear-gradient(140deg,#6c589899,#58488485);border-color:var(--color-primary-lavender)}.login-button-secondary{background:linear-gradient(140deg,#3e4a6c7f,#363f5a70)}.login-button-secondary:hover{background:linear-gradient(140deg,#48547699,#3e486485);border-color:var(--text-secondary)}.login-choice-row{display:flex;gap:10px;justify-content:center}.login-modal--wide{width:min(860px,96vw);max-height:90vh;overflow-y:auto}.char-picker{align-items:center}.char-card-grid{display:grid;grid-template-columns:repeat(5,110px);gap:10px;justify-content:center}.char-card-grid--cols6{grid-template-columns:repeat(6,110px)}.char-card{position:relative;width:110px;aspect-ratio:3 / 4;border-radius:12px;border:2px solid var(--line-faint);background:#1e243899;overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,box-shadow .2s,transform .15s}.char-card:hover{border-color:#a897d27f;transform:translateY(-2px);box-shadow:0 6px 20px #080a1266}.char-card.selected{border-color:var(--color-primary-lavender);box-shadow:0 0 0 1px var(--color-primary-lavender),0 0 18px #a897d259,0 6px 20px #080a1266;transform:translateY(-2px)}.char-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.char-card-placeholder{position:absolute;inset:0;background:linear-gradient(160deg,#363f5acc,#283048b3)}.char-card-label{position:absolute;bottom:0;left:0;right:0;padding:18px 4px 6px;background:linear-gradient(to top,rgb(16 20 32 / 88%) 0%,transparent 100%);font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:.02em;line-height:1.2}.char-detail{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(160deg,#363f5acc,#283048b3);animation:char-detail-enter .2s ease-out}@keyframes char-detail-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.char-detail-name{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-primary-lavender);letter-spacing:.02em}.char-detail-stats{margin:0;font-size:.82rem;color:var(--color-primary-moss-green);font-weight:600;letter-spacing:.03em}.char-detail-desc{margin:0;font-size:.88rem;color:var(--text-primary);text-align:center;line-height:1.45}.char-detail-traits{width:100%;display:flex;flex-direction:column;gap:4px}.char-detail-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.char-detail-trait-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.char-detail-trait{font-size:.82rem;line-height:1.35}.char-detail-trait-name{color:var(--color-primary-soft-gold);font-weight:600}.char-detail-trait-detail{color:var(--text-secondary);margin-left:2px}.char-detail-trait-detail:before{content:" — ";color:var(--text-tertiary)}.char-detail-backstory{margin:0;font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.45;font-style:italic}.char-picker-select{align-self:center;padding:10px 32px;font-size:.95rem}@media(prefers-reduced-motion:reduce){@keyframes char-detail-enter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}.video-modal-overlay{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-modal-overlay.video-fade-in{animation:videoFadeIn .6s ease-out forwards}.video-modal-overlay.video-fade-out{animation:videoFadeOut .6s ease-in forwards}@keyframes videoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes videoFadeOut{0%{opacity:1}to{opacity:0}}.video-modal{position:relative;width:min(800px,92vw);border-radius:var(--radius-lg);border:1px solid var(--glass-edge);background:#121622f5;box-shadow:0 8px 32px #0009;padding:8px}.video-modal-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-edge);background:#2a1040e5;color:var(--color-accent-violet);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.video-modal-close:hover{background:#3e1a54e5}.video-modal-close:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #b8d8e894,0 0 0 4px #d8c5e84d}.video-modal-player{width:100%;border-radius:8px;outline:none}.cmd-palette-backdrop{position:fixed;inset:0;z-index:210;display:flex;align-items:flex-start;justify-content:center;padding-top:min(18vh,140px);background:#121622a3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:backdropFadeIn .18s var(--ease-out-soft)}.cmd-palette{width:min(520px,92vw);max-height:min(68vh,520px);border-radius:var(--radius-lg);border:1px solid var(--glass-edge);background:linear-gradient(160deg,#363f5af7,#2b354ff2),linear-gradient(0deg,#0c0e184d,#0c0e184d);box-shadow:inset 0 1px #e8efff24,0 12px 44px #080a128c,0 0 0 1px #dae2ff14;display:flex;flex-direction:column;overflow:hidden;animation:dialogSlideIn .22s var(--ease-out-soft)}.cmd-palette-header{padding:12px 14px 0}.cmd-palette-search-row{display:flex;align-items:center;gap:8px;background:var(--surface-input);border:1px solid var(--line-faint);border-radius:var(--radius-md);padding:0 12px;height:42px;transition:border-color .17s var(--ease-out-soft)}.cmd-palette-search-row:focus-within{border-color:#a897d27f}.cmd-palette-search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.cmd-palette-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:.92rem;color:var(--text-primary)}.cmd-palette-input::placeholder{color:var(--text-placeholder)}.cmd-palette-kbd{font-family:var(--font-mono);font-size:.7rem;padding:2px 6px;border-radius:4px;background:#3e4a6cb3;border:1px solid var(--line-faint);color:var(--text-secondary);line-height:1;flex-shrink:0}.cmd-palette-list{flex:1;overflow-y:auto;padding:8px 6px}.cmd-palette-empty{text-align:center;padding:24px 16px;color:var(--text-tertiary);font-size:.88rem}.cmd-palette-group{margin-bottom:4px}.cmd-palette-group-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-lavender);padding:6px 10px 3px;opacity:.85}.cmd-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);font-family:var(--font-body);font-size:.86rem;cursor:pointer;text-align:left;transition:background .12s var(--ease-out-soft),transform .12s var(--ease-out-soft)}.cmd-palette-item:hover,.cmd-palette-item-selected{background:#505f867f}.cmd-palette-item-selected{background:linear-gradient(140deg,#505f86a3,#44567c8f)}.cmd-palette-item-usage{font-family:var(--font-mono);font-size:.82rem;color:var(--text-bright);white-space:nowrap;min-width:0;flex-shrink:0}.cmd-palette-item-desc{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cmd-palette-item-badge{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px;background:#bea8734d;border:1px solid rgb(190 168 115 / 40%);color:var(--color-primary-soft-gold);flex-shrink:0}.cmd-palette-item-staff .cmd-palette-item-usage{color:var(--color-primary-soft-gold)}.cmd-palette-footer{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--line-faint)}.cmd-palette-hint{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-tertiary)}.cmd-palette-kbd-sm{font-family:var(--font-mono);font-size:.64rem;padding:1px 4px;border-radius:3px;background:#3e4a6c99;border:1px solid var(--line-faint);color:var(--text-secondary);line-height:1}.housing-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.housing-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.housing-empty-icon{font-size:2.5rem;opacity:.6}.housing-hint{font-size:.78rem;color:var(--text-muted)}.housing-hint code{padding:1px 5px;border-radius:3px;background:var(--bg-surface);font-size:.76rem}.housing-owner-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-2)}.housing-owner-name{font-size:.92rem;font-weight:700;color:var(--text-bright)}.housing-room-count{font-size:.76rem;color:var(--text-muted)}.housing-actions{display:flex;gap:var(--space-2);padding:0 var(--space-2)}.housing-action-btn{padding:5px 12px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s var(--ease-out-soft),color .15s var(--ease-out-soft)}.housing-action-btn:hover{border-color:var(--line-subtle);color:var(--text-primary)}.housing-save-btn{background:var(--bg-surface-hover);border-color:var(--line-subtle);color:var(--text-bright)}.housing-visiting-banner{margin:0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--color-accent-moonlit-silver-muted);color:var(--color-accent-moonlit-silver);font-size:.82rem;font-weight:600}.housing-room-list{list-style:none;margin:0;padding:0 var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.housing-room-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--line-faint);transition:border-color .15s var(--ease-out-soft)}.housing-room-item:hover{border-color:var(--line-subtle)}.housing-room-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.housing-room-title{font-size:.85rem;font-weight:700;color:var(--text-bright)}.housing-room-template{font-size:.7rem;color:var(--text-muted);opacity:.7}.housing-room-desc{margin:4px 0 0;font-size:.78rem;color:var(--text-secondary);line-height:1.45}.housing-customize-section{padding:var(--space-2);border-top:1px solid var(--line-faint)}.housing-section-label{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.housing-edit-buttons{display:flex;gap:var(--space-2)}.housing-edit-form{display:flex;flex-direction:column;gap:var(--space-2)}.housing-edit-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.housing-edit-input,.housing-edit-textarea{width:100%;padding:6px 10px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;outline:none;transition:border-color .15s var(--ease-out-soft)}.housing-edit-input:focus,.housing-edit-textarea:focus{border-color:var(--color-primary-lavender)}.housing-edit-textarea{resize:vertical;min-height:60px}.housing-edit-actions{display:flex;gap:var(--space-2)}.housing-vault-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;background:var(--bg-surface-hover);color:var(--color-accent-lavender);font-size:.72rem;font-weight:600}.trade-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;background:linear-gradient(160deg,var(--surface-panel-a),var(--surface-panel-b));border:1px solid var(--glass-edge);border-radius:var(--radius-lg, 16px);padding:22px 24px;width:min(880px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow-lg),var(--shadow-glow);animation:dialogSlideIn .25s var(--ease-out-soft)}.trade-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.trade-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-heading)}.trade-cancel-btn{padding:7px 14px;border:1px solid rgb(200 80 80 / 30%);border-radius:6px;background:#c8505024;color:var(--color-error);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.trade-cancel-btn:hover{background:#c8505040;transform:translateY(-1px)}.trade-columns{display:grid;grid-template-columns:minmax(0,1.35fr) 1px minmax(0,1fr);gap:0;align-items:start;margin-bottom:18px}.trade-column{display:flex;flex-direction:column;gap:10px}.trade-column-manage{padding-right:14px}.trade-column-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.trade-column-label{margin:0;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.trade-divider{width:1px;background:var(--line-soft);margin:0 12px}.trade-items{display:flex;flex-direction:column;gap:8px;min-height:88px;padding:10px;border-radius:12px;background:#0000002e;border:1px solid rgb(255 255 255 / 5%)}.trade-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--text-primary);padding:7px 10px;border-radius:10px;background:#ffffff08}.trade-item-owned{border:1px solid rgb(255 255 255 / 5%)}.trade-gold{color:var(--color-soft-gold, #d4b86a);font-weight:600}.trade-empty{color:var(--text-tertiary);font-style:italic;justify-content:center;text-align:center}.trade-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgb(255 255 255 / 7%);background:#ffffff0d;font-size:.74rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.trade-accepted{color:var(--color-heal, #8abf8a);border-color:#62be844d;background:#62be841f}.trade-offer-controls{display:flex;flex-direction:column;gap:14px}.trade-gold-editor,.trade-inventory-picker{padding:12px;border-radius:12px;border:1px solid rgb(255 255 255 / 6%);background:#ffffff0a}.trade-field-label,.trade-picker-title{display:block;margin:0 0 8px;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.trade-picker-count,.trade-available-gold{color:var(--text-tertiary);font-size:.73rem}.trade-gold-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.trade-gold-input{flex:1 1 180px;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgb(255 255 255 / 7%);background:#00000047;color:var(--text-primary);font:inherit}.trade-gold-input:focus{outline:none;border-color:var(--color-primary-lavender);box-shadow:0 0 0 1px #beb0ff47}.trade-secondary-btn,.trade-item-remove{padding:8px 12px;border-radius:9px;border:1px solid rgb(255 255 255 / 9%);background:#ffffff12;color:var(--text-primary);font-size:.79rem;font-weight:600;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.trade-secondary-btn:hover,.trade-item-remove:hover{transform:translateY(-1px);border-color:var(--color-primary-lavender);background:#beb0ff21}.trade-item-remove{color:var(--text-secondary);white-space:nowrap}.trade-picker-empty{margin:0;color:var(--text-tertiary);font-size:.8rem}.trade-picker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.trade-picker-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgb(255 255 255 / 7%);background:#0000002e;color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.trade-picker-item:hover{transform:translateY(-1px);border-color:var(--color-primary-lavender);background:#beb0ff1f}.trade-picker-name{font-size:.82rem}.trade-picker-meta{color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase}.trade-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:0}.trade-action-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.trade-reset-note,.trade-local-message{margin:0;font-size:.77rem;line-height:1.45}.trade-reset-note{color:var(--text-tertiary)}.trade-local-message{color:var(--text-secondary)}.trade-action-buttons{display:flex;align-items:center;gap:10px}.trade-accept-btn{padding:10px 20px;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(140deg,#5848847f,#483e7070);color:var(--text-primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.trade-accept-btn:hover:not(:disabled){background:linear-gradient(140deg,#6c589899,#58488485);border-color:var(--color-primary-lavender);transform:translateY(-1px)}.trade-accept-btn:disabled{opacity:.5;cursor:default}@media(max-width:900px){.trade-panel{padding:18px}.trade-columns{grid-template-columns:1fr;gap:14px}.trade-column-manage{padding-right:0}.trade-divider{display:none}.trade-actions{flex-direction:column;align-items:stretch}.trade-action-buttons{justify-content:stretch}.trade-action-buttons>*{flex:1 1 0}}.leaderboard-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.leaderboard-empty{padding:var(--space-4);color:var(--text-muted);font-size:.85rem;text-align:center}.leaderboard-empty p{margin:0 0 var(--space-2)}.leaderboard-content{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-2)}.leaderboard-cat-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) 0 var(--space-3)}.leaderboard-cat-btn{padding:4px 10px;border:1px solid var(--line-faint);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:background .15s,color .15s}.leaderboard-cat-btn:hover{background:var(--primary-glass);color:var(--text-primary);border-color:var(--primary-dim)}.leaderboard-category{margin-bottom:var(--space-4)}.leaderboard-cat-header{font-size:.78rem;font-weight:600;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) 0;border-bottom:1px solid var(--line-faint);margin-bottom:var(--space-2)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-row{transition:background .1s}.leaderboard-row:hover{background:#ffffff08}.leaderboard-rank{width:2rem;color:var(--text-muted);font-size:.78rem;padding:3px 0}.leaderboard-name{color:var(--text-primary);font-size:.85rem;padding:3px var(--space-2)}.leaderboard-score{text-align:right;color:var(--accent-gold);font-size:.82rem;font-variant-numeric:tabular-nums;padding:3px 0}.auction-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;gap:var(--space-3)}.auction-view-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-3)}.auction-view-tab{padding:7px 12px;border:1px solid var(--line-faint);border-radius:999px;background:#ffffff0d;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.auction-view-tab:hover{background:#ffffff14;color:var(--text-primary)}.auction-view-tab-active{border-color:var(--primary-dim);background:var(--primary-glass);color:var(--text-primary)}.auction-toolbar{display:flex;gap:var(--space-2);padding:0 var(--space-3)}.auction-filter-input{flex:1;padding:9px 12px;border:1px solid var(--line-faint);border-radius:10px;background:#ffffff0d;color:var(--text-primary);font-size:.82rem}.auction-filter-input:focus,.auction-price-input:focus{outline:none;border-color:var(--color-primary-lavender);box-shadow:0 0 0 1px #beb0ff3d}.auction-filter-input::placeholder{color:var(--text-muted)}.auction-refresh-btn{padding:8px 14px;border:1px solid var(--line-faint);border-radius:10px;background:#ffffff0d;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.auction-refresh-btn:hover{background:var(--primary-glass);color:var(--text-primary);border-color:var(--primary-dim)}.auction-local-message{margin:0;padding:0 var(--space-3);color:var(--text-secondary);font-size:.78rem}.auction-local-message-success{color:#b8f5d0}.auction-local-message-error{color:#ffb4b4}.auction-empty{padding:var(--space-4);color:var(--text-muted);font-size:.85rem;text-align:center}.auction-empty p{margin:0 0 var(--space-2)}.auction-content{flex:1;overflow-y:auto;padding:0 var(--space-3) var(--space-3)}.auction-table{width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden;background:#0000001f;border:1px solid rgb(255 255 255 / 5%)}.auction-header-row{border-bottom:1px solid var(--line-faint)}.auction-header-row th{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-1);text-align:left}.auction-col-price,.auction-cell-price{text-align:right}.auction-col-action,.auction-cell-action{text-align:center;width:3.5rem}.auction-row{transition:background .1s}.auction-row:hover{background:#ffffff08}.auction-row-owned{background:#beb0ff14}.auction-cell-item{color:var(--text-primary);font-size:.85rem;padding:10px var(--space-1)}.auction-cell-price{color:var(--accent-gold);font-size:.82rem;font-variant-numeric:tabular-nums;padding:10px var(--space-1);white-space:nowrap}.auction-gold-coin{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent-gold);margin-right:4px;vertical-align:middle}.auction-cell-seller{color:var(--text-secondary);font-size:.82rem;padding:10px var(--space-1)}.auction-item-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auction-owned-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#beb0ff2e;color:var(--text-primary);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auction-buy-btn{padding:6px 12px;border:1px solid var(--line-faint);border-radius:10px;background:#ffffff0d;color:var(--text-secondary);font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.auction-buy-btn:hover{background:var(--primary-glass);color:var(--text-primary);border-color:var(--primary-dim);transform:translateY(-1px)}.auction-buy-btn-secondary{border-color:#ffffff17;background:#ffffff12}.auction-create,.auction-my-listings{flex:1;overflow-y:auto;padding:0 var(--space-3) var(--space-3)}.auction-create-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:18px;border:1px solid rgb(255 255 255 / 6%);background:linear-gradient(160deg,#00000024,#ffffff0a)}.auction-create-title{margin:0;color:var(--text-heading);font-size:1rem}.auction-create-field{display:flex;flex-direction:column;gap:10px}.auction-create-label{color:var(--text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.auction-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.auction-item-picker{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid rgb(255 255 255 / 7%);background:#0000002e;color:var(--text-primary);cursor:pointer;text-align:left;transition:transform .15s,border-color .15s,background .15s}.auction-item-picker:hover{transform:translateY(-1px);border-color:var(--color-primary-lavender);background:#beb0ff1a}.auction-item-picker-active{border-color:var(--color-primary-lavender);background:#beb0ff24;box-shadow:inset 0 0 0 1px #beb0ff24}.auction-item-picker-name{font-size:.84rem;font-weight:600}.auction-item-picker-meta{color:var(--text-tertiary);font-size:.74rem}.auction-price-row{display:flex;gap:10px;flex-wrap:wrap}.auction-price-input{flex:1 1 220px;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line-faint);background:#ffffff0d;color:var(--text-primary);font:inherit}.auction-create-submit{padding:10px 16px;border:1px solid var(--primary-dim);border-radius:10px;background:var(--primary-glass);color:var(--text-primary);font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.auction-create-submit:hover{transform:translateY(-1px);border-color:var(--color-primary-lavender);background:#beb0ff2e}.auction-create-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0d;color:var(--text-primary)}.auction-create-summary-label{color:var(--text-tertiary);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.auction-my-listings{display:flex;flex-direction:column;gap:10px}.auction-owned-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid rgb(255 255 255 / 6%);background:#00000029}.auction-owned-copy{min-width:0}.auction-owned-item,.auction-owned-price{margin:0}.auction-owned-item{color:var(--text-primary);font-size:.88rem;font-weight:600}.auction-owned-price{margin-top:4px;color:var(--accent-gold);font-size:.8rem}@media(max-width:760px){.auction-toolbar,.auction-view-tabs,.auction-content,.auction-create,.auction-my-listings,.auction-local-message{padding-left:var(--space-2);padding-right:var(--space-2)}.auction-toolbar{flex-direction:column}.auction-table,.auction-header-row,.auction-header-row th,.auction-row,.auction-cell-item,.auction-cell-price,.auction-cell-seller,.auction-cell-action{display:block;width:100%;text-align:left}.auction-row{padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 6%)}.auction-header-row{display:none}.auction-cell-action{margin-top:8px}.auction-owned-card{flex-direction:column;align-items:stretch}}.bank-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);height:100%;overflow-y:auto}.bank-panel .panel-header{display:flex;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.bank-panel .panel-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.bank-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.bank-empty-icon{font-size:2.4rem;opacity:.5}.bank-hint{font-size:.82rem;color:var(--text-tertiary);line-height:1.5}.bank-hint code{font-size:.78rem;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-secondary)}.bank-content{display:flex;flex-direction:column;gap:var(--space-3)}.bank-gold-section{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#bea8731f,#bea8730f);border:1px solid rgb(190 168 115 / 22%)}.bank-gold-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.bank-gold-value{font-size:1.2rem;font-weight:800;color:var(--color-primary-soft-gold)}.bank-gold-actions{display:flex;align-items:center;gap:var(--space-2)}.bank-gold-input{flex:1;min-width:80px;padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:border-color .15s}.bank-gold-input:focus{outline:none;border-color:var(--color-primary-soft-gold);box-shadow:0 0 0 2px #bea8732e}.bank-gold-input::placeholder{color:var(--text-disabled)}.bank-gold-input::-webkit-inner-spin-button,.bank-gold-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bank-gold-input[type=number]{-moz-appearance:textfield}.bank-action-btn{padding:7px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid rgb(190 168 115 / 30%);background:linear-gradient(135deg,#bea8737f,#aa945f70);color:#fff;transition:background .15s,opacity .15s;white-space:nowrap}.bank-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#c8b27da3,#b49e6994)}.bank-action-btn:active:not(:disabled){transform:translateY(1px)}.bank-action-btn:disabled{opacity:.45;cursor:not-allowed}.bank-capacity-section{display:flex;flex-direction:column;gap:6px}.bank-capacity-header{display:flex;align-items:center;justify-content:space-between}.bank-capacity-label{font-size:.88rem;font-weight:600;color:var(--text-primary)}.bank-capacity-count{font-size:.82rem;color:var(--text-secondary);font-weight:600}.bank-capacity-bar-track{height:8px;border-radius:99px;background:#ffffff0f;overflow:hidden}.bank-capacity-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#8ea97bcc,#71965ce5);transition:width .3s var(--ease-in-out-smooth);box-shadow:0 0 6px #8ea97b66}.bank-capacity-bar-fill.bank-capacity-full{background:linear-gradient(90deg,#d4888acc,#c06a6ce5);box-shadow:0 0 8px #d4888a7f}.bank-item-actions{display:flex;align-items:center;gap:var(--space-2)}.bank-item-input{flex:1;min-width:80px;padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:border-color .15s}.bank-item-input:focus{outline:none;border-color:var(--color-primary-soft-gold);box-shadow:0 0 0 2px #bea8732e}.bank-item-input::placeholder{color:var(--text-disabled)}.bank-items-empty{text-align:center;padding:var(--space-4);color:var(--text-tertiary);font-size:.85rem;font-style:italic}.bank-item-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;max-height:40vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(90 82 120 / 70%) transparent}.bank-item-list::-webkit-scrollbar{width:8px}.bank-item-list::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#5a5278b3,#465a6ea6)}.bank-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-subtle);transition:background .12s,border-color .12s}.bank-item-row:hover{background:#ffffff0f;border-color:var(--line-soft)}.bank-item-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.bank-item-image{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--line-faint)}.bank-item-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-withdraw-btn{flex-shrink:0;padding:5px 12px;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid rgb(142 169 123 / 30%);background:linear-gradient(135deg,#8ea97b99,#71965c8a);color:#fff;transition:background .15s}.bank-withdraw-btn:hover{background:linear-gradient(135deg,#98b385b8,#7ba066ad)}.stylist-panel{display:flex;flex-direction:column;gap:var(--space-3)}.stylist-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.stylist-empty-icon{font-size:2.4rem;opacity:.55}.stylist-hint{font-size:.82rem;color:var(--text-tertiary);line-height:1.5}.stylist-hint code{font-size:.78rem;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-secondary)}.stylist-wallet{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#bea8731f,#bea8730f);border:1px solid rgb(190 168 115 / 22%)}.stylist-gold-icon{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-bright),var(--color-primary-soft-gold));box-shadow:0 0 6px #bea87366;flex-shrink:0}.stylist-gold-amount{font-size:1.1rem;font-weight:800;color:var(--color-primary-soft-gold)}.stylist-gold-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.stylist-fee-tag{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-sm);background:#b092d024;border:1px solid rgb(176 146 208 / 22%);white-space:nowrap}.stylist-race-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:50vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(90 82 120 / 70%) transparent}.stylist-race-list::-webkit-scrollbar{width:8px}.stylist-race-list::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#5a5278b3,#465a6ea6)}.stylist-race-card{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--line-faint);transition:background .15s,border-color .15s}.stylist-race-card:hover{background:#ffffff12;border-color:var(--line-soft)}.stylist-race-card-current{border-color:#b092d066;background:#b092d014}.stylist-race-card-unaffordable{opacity:.6}.stylist-race-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stylist-race-card-info{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.stylist-race-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--line-faint)}.stylist-race-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.stylist-race-name{font-size:.92rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.stylist-badge-current{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#c8b0e8;background:#b092d02e;border:1px solid rgb(176 146 208 / 30%);border-radius:var(--radius-sm);padding:1px 6px}.stylist-race-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stylist-race-mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.stylist-mod-chip{font-size:.7rem;font-weight:700;font-family:var(--font-mono);padding:1px 5px;border-radius:3px;white-space:nowrap}.stylist-mod-pos{color:#a0d28c;background:#8ea97b29}.stylist-mod-neg{color:#dc8c8c;background:#c8787824}.stylist-race-card-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.stylist-race-price{font-size:.88rem;font-weight:700;color:var(--color-primary-soft-gold);white-space:nowrap}.stylist-race-price-cant{color:var(--text-disabled)}.soft-button.stylist-change-btn{padding:4px 14px;font-size:.78rem}.soft-button.stylist-change-btn:not(:disabled){background:linear-gradient(135deg,#b092d0b3,#9176b4a8);border-color:#b092d05c}.soft-button.stylist-change-btn:not(:disabled):hover{background:linear-gradient(135deg,#c0a2e0c7,#a58ac8bd)}body:has(.game-shell){overflow:hidden;background:#141828}html:has(.game-shell),#root:has(.game-shell){height:100%;overflow:hidden}.game-shell{position:fixed;inset:0;display:flex;flex-direction:column;background:#141828;color:var(--text-primary);font-family:var(--font-body);overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.game-canvas-layer{position:absolute;top:0;right:0;bottom:var(--game-bottom-inset, 0px);left:0;z-index:0}.game-canvas-layer canvas{width:100%!important;height:100%!important;display:block}.staff-fab{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);z-index:12;display:flex;flex-direction:column;gap:6px}.staff-fab-btn{appearance:none;border:1px solid rgb(212 184 92 / 50%);background:linear-gradient(135deg,#605132eb,#4c4024e0);color:var(--color-gold-bright);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 12px #080a1266;transition:transform .12s var(--ease-out-soft),box-shadow .15s}.staff-fab-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #d4b85c47}.staff-fab-btn:active{transform:scale(.96)}.staff-fab-invis{font-size:1rem;padding:4px 10px;letter-spacing:0}.staff-fab-invis-active{background:linear-gradient(135deg,#a882c6cc,#8c6ea8c2);border-color:#d8c5e899;color:var(--text-bright)}.game-target-hud{position:absolute;top:calc(env(safe-area-inset-top,0) + 12px);left:50%;transform:translate(-50%);z-index:11;background:linear-gradient(180deg,#501e28e5,#3c1620d6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(232 160 160 / 50%);border-radius:var(--radius-md);padding:6px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px 14px #080a1266;pointer-events:none;min-width:140px}.game-target-name{font-size:.85rem;font-weight:600;color:var(--text-bright);text-shadow:0 1px 4px rgb(0 0 0 / 60%)}.game-target-hp-track{width:100%;height:5px;background:#0000007f;border-radius:3px;overflow:hidden}.game-target-hp-fill{display:block;height:100%;background:linear-gradient(90deg,#d4888a,#e8a0a0);transition:width .25s var(--ease-out-soft)}.game-shell .combat-log-wrap{position:absolute;left:12px;bottom:calc(var(--game-bottom-inset, 0px) + 12px);right:auto;z-index:9;max-width:min(420px,calc(100vw - 24px))}.vbar{position:absolute;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,#22293cdb,#141828f5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:8px;box-shadow:0 -8px 24px #080a1266}.vbar-vitals{display:flex;align-items:center;gap:10px}.vbar-vital{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.vbar-vital-label{font-size:.62rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.vbar-vital-track{position:relative;height:6px;background:#0006;border-radius:3px;overflow:hidden;border:1px solid var(--line-faint)}.vbar-vital-fill{position:absolute;top:0;left:0;bottom:0;border-radius:3px;transition:width .3s var(--ease-out-soft)}.vbar-vital-hp{background:linear-gradient(90deg,var(--color-hp-dark),var(--color-hp-light));box-shadow:0 0 8px #9ebf755c}.vbar-vital-mp{background:linear-gradient(90deg,var(--color-mana-dark),var(--color-mana-light));box-shadow:0 0 8px #7fb6cf5c}.vbar-vital-text{font-size:.66rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.vbar-gold{display:flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#d4b85c2e,#bda8731f);border:1px solid rgb(212 184 92 / 36%);border-radius:999px}.vbar-gold-coin{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--color-gold-coin-light),var(--color-gold-coin-dark));box-shadow:0 0 6px #d4b85c99}.vbar-gold-text{font-size:.78rem;font-weight:700;color:var(--color-gold-bright);font-variant-numeric:tabular-nums}.vbar-skills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0;scroll-snap-type:x mandatory}.vbar-skills::-webkit-scrollbar{display:none}.vbar-skill{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);border:2px solid var(--line-soft);background:linear-gradient(135deg,#3c4664eb,#2e3850e0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s var(--ease-out-soft),border-color .15s;overflow:hidden;scroll-snap-align:start}.vbar-skill.skill-attack{border-color:#d4888a99}.vbar-skill.skill-aoe{border-color:#d4985a99}.vbar-skill.skill-debuff{border-color:#a882c699}.vbar-skill.skill-heal{border-color:#8abf8a99}.vbar-skill.skill-buff{border-color:#6ca8b299}.vbar-skill.skill-self{border-color:#8caec999}.vbar-skill:active:not(:disabled){transform:scale(.92)}.vbar-skill:disabled{opacity:.7;cursor:not-allowed}.vbar-skill-empty{border-style:dashed;background:#2830467f;cursor:default}.vbar-skill.drag-over{border-color:#d8c5e8cc;box-shadow:0 0 0 2px #d8c5e84d,0 4px 14px #a897d261}.vbar-skill-img{width:100%;height:100%;object-fit:cover}.vbar-skill-icon{width:28px;height:28px;color:var(--text-bright)}.vbar-skill-sweep{position:absolute;bottom:0;left:0;right:0;background:#080a1299;pointer-events:none;transition:height .25s linear}.vbar-skill-key{position:absolute;top:2px;right:4px;font-size:.6rem;font-weight:700;color:var(--text-tertiary);text-shadow:0 1px 2px rgb(0 0 0 / 80%);font-family:var(--font-mono)}.vbar-actions{display:flex;align-items:center;gap:10px}.vbar-btn{appearance:none;border:1px solid var(--line-soft);background:linear-gradient(135deg,#4d5879e5,#3e4a6cd6);color:var(--text-bright);width:44px;height:44px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s,background .15s;flex-shrink:0}.vbar-btn:active{transform:scale(.94)}.vbar-btn-active{background:linear-gradient(135deg,#a897d2e5,#8caec9d6);border-color:#d8c5e899}.vbar-icon{width:22px;height:22px;color:currentcolor}.vbar-status{flex:1;text-align:center;font-size:.72rem;color:var(--text-tertiary)}.vbar-status-on{color:var(--color-status-online)}.vbar-input-row{display:flex;gap:8px;animation:vbar-slide-up .2s var(--ease-out-soft)}.vbar-input{flex:1;appearance:none;background:#141828e5;border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s}.vbar-input:focus{border-color:#a897d2b3;box-shadow:0 0 0 3px #a897d22e}.vbar-input-send{appearance:none;border:none;background:linear-gradient(135deg,#a897d2eb,#8caec9db);color:var(--text-white);width:44px;height:44px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center}.vbar-input-send:active{transform:scale(.94)}.vbar-panel-grid{display:none;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0;max-height:50vh;overflow-y:auto}.vbar-panel-grid-open{display:grid;animation:vbar-slide-up .2s var(--ease-out-soft)}.vbar-panel-btn{appearance:none;border:1px solid var(--line-soft);background:linear-gradient(135deg,#3c4664e0,#2e3850d6);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .12s,background .15s;min-height:70px}.vbar-panel-btn:active{transform:scale(.95)}.vbar-panel-btn-active{background:linear-gradient(135deg,#a897d2eb,#8caec9db);border-color:#d8c5e899}.vbar-panel-btn .vbar-icon{width:24px;height:24px}.vbar-panel-label{font-size:.66rem;font-weight:600;text-align:center}@keyframes vbar-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.drawer-backdrop{position:fixed;inset:0;background:#080a1200;z-index:100;pointer-events:none;transition:background .3s var(--ease-out-soft)}.drawer-backdrop-visible{background:#080a127f;pointer-events:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.drawer-sheet{position:fixed;bottom:0;left:0;right:0;z-index:101;background:linear-gradient(180deg,#2b354ffa,#222940fa);border-top:1px solid var(--line-soft);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -16px 48px #080a1299;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);height:var(--drawer-height, 60vh);transition:var(--drawer-transition, none)}.drawer-handle-zone{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drawer-handle-zone:active{cursor:grabbing}.drawer-handle{width:40px;height:4px;background:#d8def15c;border-radius:2px}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px;border-bottom:1px solid var(--line-faint)}.drawer-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-bright);margin:0}.drawer-close{appearance:none;border:1px solid var(--line-soft);background:#3c4664cc;color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.drawer-close:active{transform:scale(.94)}.drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 20px}@media(min-width:600px){.vbar{padding-left:20px;padding-right:20px}.vbar-panel-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:768px){.vbar-panel-grid{display:grid}.vbar-actions{display:none}.vbar-actions.vbar-actions-show{display:flex}}.vbar-btn-reconnect{width:auto;padding:0 14px;font-size:.78rem;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#a897d2eb,#8caec9db);color:var(--text-white);border-color:#d8c5e899}@media(min-width:768px){.drawer-sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(720px,92vw);max-height:82vh;height:auto;border:1px solid var(--line-soft);border-radius:var(--radius-xl);box-shadow:0 24px 60px #080a1299,0 8px 24px #080a1266;transition:opacity .2s var(--ease-out-soft);padding-bottom:0}.drawer-sheet .drawer-handle-zone{display:none}.drawer-sheet .drawer-header{padding-top:16px}.drawer-sheet .drawer-body{flex:1 1 auto;min-height:0}}@media(min-width:1024px){.vbar-panel-grid{grid-template-columns:repeat(13,1fr)}.drawer-sheet{width:min(840px,80vw);max-height:80vh}}.app-shell,.top-banner,.dashboard,.terminal-hidden,.terminal-card,.panel-play,.terminal-overlay,.terminal-primary{display:none!important}