@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-page: #0a0d0b;--bg-frame: #111613;--bg-panel: #181f1b;--bg-inset: #0a0d0b;--bg-button: #1d2823;--bg-button-hover: #25342c;--border: #2c3a30;--border-strong: #44604c;--border-gold: #4a8f6c;--text: #d8e3cd;--text-dim: #9bb09a;--text-faint: #65786a;--text-gold: #5fb38a;--text-warn: #c98a3a;--text-bad: #b34a3c;--text-good: #7bb86a;--text-info: #4c8fa3;--text-magic: #a877c4;--hp: #b34a3c;--mp: #4c8fa3;--xp: #b3a25f;--foe: #b34a3c;--gold: #5fb38a;--gold-soft: #4a8f6c;--gold-deep: #244a36;--accent-rgb: 95, 179, 138;--ember: #c98a3a;--blood: #b34a3c;--heal: #7bb86a;--mana: #4c8fa3;--line: #2c3a30;--line-soft: #1f2924;--line-bright: #44604c;--ink: #d8e3cd;--ink-soft: #9bb09a;--ink-dim: #65786a;--ink-faint: #455048;--vxp: #c47349;--f-ember: #b84e44;--f-hollow: #5d8aa8;--f-untamed: #c9a64a;--rar-crude: #5e6358;--rar-common: #b8c0ad;--rar-fine: #7bb86a;--rar-crafted: #5d8aa8;--rar-superior: #a877c4;--rar-master: #d68a3a;--rar-legend: #e6d873;--bg-0: #0a0d0b;--bg-1: #111613;--bg-2: #181f1b;--bg-3: #232c26;--btn-bg: linear-gradient(180deg, #1d2823, #131a16);--btn-bg-hover: linear-gradient(180deg, #25342c, #182019);--btn-primary-bg: linear-gradient(180deg, #1f4a36, #102a1e);--btn-primary-bg-hover: linear-gradient(180deg, #286045, #143726);--nav-bg: linear-gradient(180deg, #131a16, #0d1310);--font-body: "Spectral", Georgia, "Iowan Old Style", "Palatino Linotype", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Cinzel", "Trajan Pro", "Optima", serif;--t-xs: clamp(9px, .55vw + .3rem, 11px);--t-sm: clamp(10px, .6vw + .35rem, 12px);--t-base: clamp(12px, .65vw + .45rem, 14px);--t-md: clamp(13px, .7vw + .5rem, 15px);--t-lg: clamp(14px, .9vw + .5rem, 18px);--t-xl: clamp(18px, 1.5vw + .6rem, 26px);--t-hero: clamp(22px, 2vw + .8rem, 32px);--left-w: clamp(160px, 15vw, 210px);--right-w: clamp(210px, 22vw, 290px);--gap: 6px;--radius: 0}*,*:before,*:after{box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(95deg,rgba(95,179,138,.012) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 0%,rgba(95,179,138,.05),transparent 60%),radial-gradient(ellipse at 70% 100%,rgba(40,55,42,.1),transparent 60%)}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-page);color:var(--text);font-family:var(--font-body);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}button{font-family:var(--font-body);font-size:var(--t-sm);background:var(--btn-bg);color:var(--text);border:1px solid var(--border);padding:5px 12px;cursor:pointer;border-radius:var(--radius);transition:background .12s,border-color .12s;white-space:nowrap}button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--border-strong)}button:disabled{opacity:.38;cursor:not-allowed}button.primary{background:var(--btn-primary-bg);border-color:var(--border-gold);color:#b8e8cd}button.primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--gold-soft);color:#d0f0e0}button.danger{background:linear-gradient(180deg,#2a1414,#1c0e0e);border-color:#5a2828;color:#c89090}button.danger:hover:not(:disabled){background:linear-gradient(180deg,#381818,#241010)}input,select,textarea{font-family:var(--font-body);font-size:var(--t-sm);background:var(--bg-inset);color:var(--text);border:1px solid var(--border);padding:5px 10px;border-radius:var(--radius);outline:none;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--border-gold);box-shadow:0 0 0 2px #5fb38a1f}a{color:var(--text-gold);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg-0)}.brand{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:.2em;color:var(--text-gold);text-transform:uppercase}.left-panel{display:flex;flex-direction:column;background:var(--bg-frame);border-right:1px solid var(--border-gold);overflow:hidden}.left-logo{padding:clamp(8px,1.2vw,14px) clamp(8px,1.2vw,14px) clamp(6px,.8vw,10px);border-bottom:1px solid var(--border-gold);text-align:center;flex-shrink:0}.left-char{flex-shrink:0;padding:clamp(6px,1vw,10px)}.left-location{padding:clamp(6px,1vw,10px);border-top:1px solid var(--border);flex-shrink:0}.left-location-name{font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:.1em;color:var(--text-gold);text-transform:uppercase;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-actions{display:flex;flex-direction:column;gap:4px}.left-actions button{width:100%}.left-footer{padding:clamp(6px,1vw,10px);border-top:1px solid var(--border);flex-shrink:0}.char-vitals{margin:8px 0 10px}.vital-row{display:flex;justify-content:space-between;font-size:var(--t-xs);color:var(--text-dim);margin-bottom:2px}.bar{position:relative;height:14px;background:var(--bg-0);border:1px solid var(--line);overflow:hidden;margin-bottom:4px}.bar>div{height:100%;transition:width .35s ease}.bar>.fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--blood),#7a2e25);box-shadow:inset 0 1px #ffffff1a;transition:width .35s ease}.bar.bar-mp>.fill{background:linear-gradient(180deg,var(--mana),#2c5273)}.bar.bar-xp>.fill{background:linear-gradient(180deg,var(--xp),#5a4677)}.bar.bar-vxp>.fill{background:linear-gradient(180deg,var(--vxp),#7a3f22)}.bar.bar-prest>.fill{background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:inset 0 1px #ffffff2e,0 0 8px rgba(var(--accent-rgb),.25)}.bar.bar-heal>.fill{background:linear-gradient(180deg,var(--heal),#3f6638)}.bar>.label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 6px;font-family:var(--font-mono);font-size:10px;color:var(--ink);text-shadow:0 1px 1px rgba(0,0,0,.8);z-index:2;pointer-events:none}.bar.bar-tall{height:18px}.sprite{width:48px;height:48px;image-rendering:pixelated;background-color:var(--bg-2);border:1px solid var(--line);display:inline-block;position:relative;flex-shrink:0}.sprite.sprite-sm{width:32px;height:32px}.sprite.sprite-lg{width:72px;height:72px}.sprite.sprite-xl{width:96px;height:96px}.sprite[data-kind=humanoid]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 28%,#d6b88a 4px,transparent 5px),linear-gradient(180deg,transparent 35%,#6b4d2a 35% 60%,#4a3320 60% 80%,#2a1f15 80%)}.sprite[data-kind=wolf]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 45%,#7a6e57 7px,transparent 8px),linear-gradient(180deg,transparent 55%,#4a3f30 55%)}.sprite[data-kind=imp]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,#5a8a4a 5px,transparent 6px),linear-gradient(180deg,transparent 45%,#3f5a2f 45% 75%,#2a3f20 75%)}.sprite[data-kind=stone]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#9a9090 6px,transparent 7px),linear-gradient(180deg,transparent 40%,#6a6060 40% 70%,#4a4040 70%)}.sprite[data-kind=undead]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 28%,#c8c8a8 4px,transparent 5px),linear-gradient(180deg,transparent 35%,#5a5a48 35% 65%,#3a3a2a 65%)}.sprite[data-kind=drake]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,#8a4a2a 6px,transparent 7px),linear-gradient(180deg,transparent 45%,#6a2a10 45% 75%,#4a1a08 75%)}.sprite[data-kind=feline]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 45% 40%,#d4a870 6px,transparent 7px),linear-gradient(180deg,transparent 50%,#8a6840 50%)}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.chip-ember{color:var(--f-ember);border-color:#b84e4466;background:#b84e440f}.chip-hollow{color:var(--f-hollow);border-color:#5d8aa866;background:#5d8aa80f}.chip-untamed{color:var(--f-untamed);border-color:#c9a64a66;background:#c9a64a0f}.chip-blood{color:var(--blood);border-color:#b34a3c66;background:#b34a3c14}.h-display{font-family:var(--font-display);font-weight:600;letter-spacing:.18em;text-transform:uppercase}.h-label{font-family:var(--font-display);font-weight:500;letter-spacing:.22em;text-transform:uppercase;font-size:11px}.mono{font-family:var(--font-mono)}.chronicle-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:4px 2px;background:none;border:none;font:inherit;text-align:left;cursor:pointer}.chronicle-row:hover span:last-child{color:var(--ink-soft)}.chronicle-row:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.frame{position:relative;border:1px solid var(--line-bright);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.frame .corners:before,.frame .corners:after,.corners:before,.corners:after{content:"";position:absolute;width:12px;height:12px}.frame .corners:before,.corners:before{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}.frame .corners:after,.corners:after{top:-1px;right:-1px;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}.corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.corners>:first-child{position:absolute;bottom:-1px;left:-1px;width:12px;height:12px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold)}.corners>:last-child{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}.rule-ornament{display:flex;align-items:center;gap:10;text-align:center;color:var(--ink-faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em}.main-grid{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr 280px;gap:0;overflow:hidden}.sidebar-col{grid-column:1 / 2;grid-row:1 / 3;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--bg-1),var(--bg-0))}.top-nav{display:flex;align-items:stretch;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg-0));flex-shrink:0;overflow:hidden}.top-nav-brand{display:flex;align-items:center;gap:14px;padding:0 18px;border-right:1px solid var(--line);min-width:200px;flex-shrink:0}.top-nav-tabs-wrap{display:flex;align-items:stretch;flex:1 1 0%;min-width:0}.top-nav-tabs{display:flex;flex:1 1 auto;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin}.top-nav-tabs::-webkit-scrollbar{height:6px}.top-nav-tabs::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:3px}.top-nav-tabs::-webkit-scrollbar-track{background:transparent}.nav-scroll-btn{flex-shrink:0;min-width:1.75rem;border:none;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--gold);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 8px}.nav-scroll-btn:hover{color:var(--ink)}.nav-scroll-left{border-right:1px solid var(--line-soft)}.nav-scroll-right{border-left:1px solid var(--line-soft)}.nav-item{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:14px 18px;color:var(--ink-soft);border-right:1px solid var(--line-soft);border-top:none;border-bottom:none;border-left:none;background:transparent;cursor:pointer;position:relative;transition:color .12s;white-space:nowrap;flex-shrink:0}.nav-item:hover:not(.active){color:var(--ink);background:transparent}.nav-item.active{color:var(--gold);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),transparent)}.nav-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--gold);box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.content-panel{flex:1;min-height:0;overflow-y:auto;padding:clamp(8px,1.2vw,14px)}.panel{background:var(--bg-frame);border:1px solid var(--border);padding:clamp(6px,1vw,12px);min-height:0;overflow-y:auto;border-radius:var(--radius)}.panel h3,.content-panel h3,.left-char h3{font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-gold);margin:0 0 7px;padding-bottom:4px;border-bottom:1px solid var(--border);font-weight:400}.bottom-bar{display:grid;grid-template-columns:1fr 260px;height:280px;min-height:0;border-top:1px solid var(--line);overflow:hidden}.chat-section{display:flex;flex-direction:column;overflow:hidden;padding:clamp(4px,.7vw,8px);border-right:1px solid var(--border);min-width:0}.online-section{overflow-y:auto;padding:clamp(4px,.7vw,8px);display:flex;flex-direction:column}.online-section h3{font-family:var(--font-display);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-gold);margin:0 0 5px;padding-bottom:3px;border-bottom:1px solid var(--border);font-weight:400;flex-shrink:0}.scrollable{overflow:auto}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background:var(--line)}.chat-panel{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,var(--bg-1),var(--bg-0))}.chat-tab{font-family:var(--font-display);font-size:10px;letter-spacing:.18em;padding:8px 12px;color:var(--ink-soft);text-transform:uppercase;cursor:pointer;border-right:1px solid var(--line-soft);border-top:none;border-bottom:2px solid transparent;border-left:none;background:transparent;white-space:nowrap;transition:color .12s}.chat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.chat-tab:hover:not(.active){color:var(--ink);background:transparent}.online-panel,.event-view{display:flex;flex-direction:column;height:100%}.event-filters{display:flex;gap:4px;padding:8px 14px;flex-shrink:0;flex-wrap:wrap;border-bottom:1px solid var(--line-soft)}.event-log{font-family:var(--font-body);font-size:var(--t-sm);line-height:1.55;background:var(--bg-inset);border:1px solid var(--border);padding:8px 0;flex:1;min-height:0;overflow-y:auto;word-break:break-word}.event-line{display:flex;gap:12px;padding:5px 16px 5px 14px;font-size:13px;border-left:2px solid transparent}.tag-batl{color:var(--blood)}.tag-trvl{color:var(--mana)}.tag-qst{color:var(--heal)}.tag-lore{color:var(--xp)}.tag-sys{color:var(--ink-dim)}.tag-all{color:var(--ink)}.zone-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:5px;transition:border-color .12s}.zone-card:hover{border-color:var(--border-strong)}.zone-card .zone-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-gold);font-size:var(--t-md)}.zone-card .zone-meta{font-size:var(--t-xs);color:var(--text-dim);margin-top:2px}.char-portrait-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.char-portrait-row>div{min-width:0;overflow:hidden}.char-portrait-row>div>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.char-portrait{width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);image-rendering:pixelated;flex-shrink:0}.item-icon{width:28px;height:28px;image-rendering:pixelated;flex-shrink:0}.item-icon-placeholder{display:inline-block;width:28px;height:28px;flex-shrink:0}.equip-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 0;font-size:var(--t-sm)}.equip-row .slot-name{color:var(--text-dim);text-transform:capitalize;min-width:44px}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:var(--t-sm);font-family:var(--font-mono)}.stats-grid .stat-name{color:var(--text-dim);text-transform:capitalize}.stats-grid .stat-val{color:var(--text);text-align:right}.skill-card{padding:6px 8px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;cursor:pointer;transition:border-color .12s}.skill-card:hover{border-color:var(--border-strong)}.skill-card.active{border-color:var(--border-gold);background:var(--bg-panel)}.skill-card .skill-name{color:var(--text-gold);font-weight:500;font-size:var(--t-base)}.skill-card .skill-desc{font-size:var(--t-xs);color:var(--text-dim);margin-top:2px}.skill-card .skill-meta{font-size:var(--t-xs);color:var(--text-faint);margin-top:2px;font-family:var(--font-mono)}.btn-sm{font-family:var(--font-mono);font-size:var(--t-xs);background:var(--bg-button);color:var(--text-gold);border:1px solid var(--border-gold);padding:2px 7px;cursor:pointer;border-radius:var(--radius);line-height:1}.btn-sm:hover{background:var(--bg-button-hover)}.item-row{display:flex;justify-content:space-between;align-items:center;padding:5px 6px;border-bottom:1px solid var(--border);font-size:var(--t-sm);gap:6px}.item-row .item-name{color:var(--text)}.item-row .item-stats{color:var(--text-dim);font-size:var(--t-xs);font-family:var(--font-mono)}.item-tt-wrap{position:relative;display:inline-flex;align-items:center}.item-tt{display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:200;background:var(--bg-frame);border:1px solid var(--border-gold);border-radius:var(--radius);padding:8px 10px;min-width:170px;max-width:250px;pointer-events:none;box-shadow:0 4px 16px #0009}.item-tt-wrap:hover .item-tt{display:block}.item-tt-name{font-family:var(--font-display);font-size:var(--t-sm);color:var(--text-gold);letter-spacing:.06em;margin-bottom:3px}.item-tt-meta{font-size:var(--t-xs);color:var(--text-dim);text-transform:capitalize;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.item-tt-stats{margin-bottom:4px}.item-tt-stat{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-dim);text-transform:capitalize;line-height:1.6}.tt-val{color:var(--text)}.tt-diff-pos{color:var(--text-good)}.tt-diff-neg{color:var(--text-bad)}.item-tt-compare{font-size:var(--t-xs);color:var(--text-faint);margin-top:5px;padding-top:4px;border-top:1px solid var(--border);font-style:italic}.duel-banner{background:var(--gold-deep);border:1px solid var(--border-gold);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}.duel-banner .duel-title{font-family:var(--font-display);color:var(--text-gold);margin-bottom:5px;font-size:var(--t-md)}.duel-banner .duel-actions{display:flex;gap:8px;margin-top:6px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(160px,18vw,220px),1fr));gap:8px;margin-bottom:14px}.choice-card{background:var(--bg-frame);border:1px solid var(--border);border-radius:var(--radius);padding:10px;cursor:pointer;transition:border-color .12s,background .12s}.choice-card:hover{border-color:var(--border-strong);background:var(--bg-panel)}.choice-card.selected{border-color:var(--border-gold);background:var(--bg-panel);box-shadow:0 0 0 1px var(--border-gold)}.choice-card .choice-name{font-family:var(--font-display);color:var(--text-gold);font-size:var(--t-md);letter-spacing:.07em;margin-bottom:4px}.choice-card .choice-desc{font-size:var(--t-xs);color:var(--text-dim)}.choice-card .choice-bias{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-faint);margin-top:5px}.choice-sprite{display:block;width:clamp(52px,6vw,68px);height:clamp(52px,6vw,68px);image-rendering:pixelated;margin:0 auto 7px}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:clamp(12px,3vw,24px);background:var(--bg-page)}.parchment{background:var(--bg-frame);border:1px solid var(--border-gold);border-radius:var(--radius);padding:clamp(20px,4vw,36px) clamp(16px,5vw,48px);max-width:720px;width:100%;box-shadow:0 4px 32px #0009,inset 0 1px #5fb38a0f}.parchment h1{font-family:var(--font-display);font-size:var(--t-hero);color:var(--text-gold);letter-spacing:.22em;margin:0 0 4px;text-transform:uppercase;text-align:center;font-weight:400}.parchment h2{font-family:var(--font-display);font-size:var(--t-sm);color:var(--text-dim);letter-spacing:.28em;text-align:center;margin:0 0 22px;text-transform:uppercase;font-weight:400}.parchment label{display:block;margin-bottom:12px}.parchment label span{display:block;font-size:var(--t-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.parchment label input{width:100%}.error-msg{color:var(--text-bad);font-size:var(--t-sm);margin:6px 0}.help-msg{color:var(--text-dim);font-size:var(--t-sm);margin:6px 0}@media (max-width: 1023px){:root{--left-w: clamp(130px, 13vw, 170px)}.bottom-bar{grid-template-columns:1fr clamp(140px,16vw,190px)}}.bottom-bar-mobile-tabs{display:none}@media (max-width: 640px){.app{grid-template-columns:1fr}.left-panel{display:none}.bottom-bar{grid-template-columns:1fr;height:clamp(160px,35vw,200px)}.bottom-bar-mobile-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--line)}.bottom-bar-mobile-tabs .chat-tab{flex:1;text-align:center}.chat-section,.online-section{display:none}.chat-section.mobile-tab-active,.online-section.mobile-tab-active{display:flex}.online-col{border-left:none}}.section-hdr{display:flex;align-items:center;gap:12px;padding:10px 14px 8px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.section-hdr-text{color:var(--gold);flex-shrink:0}.section-hdr-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line) 0%,transparent 80%)}.section-hdr-right{font-size:11px;color:var(--ink-dim)}.wordmark{display:flex;flex-direction:column;align-items:center;gap:4px}.wordmark-inner{display:flex;align-items:center;gap:14px;color:var(--gold)}.wordmark-glyph{font-family:serif;opacity:.7}.wordmark-name{letter-spacing:.1em;text-shadow:0 0 18px rgba(var(--accent-rgb),.25)}.wordmark-sub{margin-top:4px;color:var(--ink-dim);font-size:10px}.bar-lbl-name{font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.bar-lbl-dim{opacity:.6}.countdown{display:flex;align-items:center;gap:6px}.countdown-time{font-size:10px;color:var(--blood)}.countdown-track{flex:1;height:4px;background:var(--bg-0);border:1px solid var(--line);overflow:hidden}.countdown-fill{height:100%;background:var(--blood)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed var(--line-soft)}.stat-row-lbl{font-family:var(--font-body);font-size:13px;color:var(--ink)}.stat-row-val{font-size:13px;color:var(--gold)}.stat-row-hint{color:var(--heal);font-size:11px;margin-left:6px}.currency{display:flex;gap:12px;font-family:var(--font-mono);font-size:11px}.currency-gold{color:var(--gold)}.currency-ember{color:var(--ember)}.currency-shard{color:var(--rar-crafted)}.currency-dim{color:var(--ink-dim);font-size:10px}.skill-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.12em;padding:2px 6px;border:1px solid;opacity:.9;display:inline-block}.skill-badge-phys{color:var(--blood);background:#b34a3c1f;border-color:var(--blood)}.skill-badge-mag{color:var(--xp);background:#b3a25f1f;border-color:var(--xp)}.skill-badge-heal{color:var(--heal);background:#7bb86a1f;border-color:var(--heal)}.skill-badge-guard{color:var(--mana);background:#4c8fa31f;border-color:var(--mana)}.skill-badge-passive{color:var(--ink-dim);background:#65786a14;border-color:var(--ink-dim)}.portrait-card{display:flex;gap:12px;padding:12px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),transparent);border-bottom:1px solid var(--line);align-items:center}.portrait-card-body{min-width:0;flex:1}.portrait-card-name{font-family:var(--font-display);font-weight:600;color:var(--gold);letter-spacing:.06em;line-height:1.1;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait-card-role{font-size:11px;color:var(--ink-soft);font-style:italic}.portrait-card-faction{font-size:10px;margin-top:3px;letter-spacing:.05em;text-transform:uppercase}.portrait-card-level{font-size:10px;color:var(--ink-dim);margin-top:2px;font-family:var(--font-mono)}.event-time{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-faint);flex-shrink:0}.event-unseen-divider{border-top:1px solid var(--line);padding:clamp(4px,.6vw,8px) 16px clamp(4px,.6vw,8px) 14px;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;color:var(--ink-faint)}.cat-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;padding:0 6px;height:16px;line-height:14px;flex-shrink:0;display:inline-flex;align-items:center;border:1px solid}.cat-tag-batl{color:var(--blood);border-color:#b34a3c54}.cat-tag-trvl{color:var(--mana);border-color:#4c8fa354}.cat-tag-qst{color:var(--heal);border-color:#7bb86a54}.cat-tag-lore{color:var(--xp);border-color:#b3a25f54}.cat-tag-sys{color:var(--ink-dim);border-color:#65786a54}.ev-filter-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase;background:transparent;border:1px solid var(--line);cursor:pointer;border-radius:0}.ev-filter-btn.active{background:rgba(var(--accent-rgb),.12);border-color:var(--gold-soft);color:var(--gold)}.ev-filter-btn-all{color:var(--ink-soft)}.ev-filter-btn-batl{color:var(--blood)}.ev-filter-btn-trvl{color:var(--mana)}.ev-filter-btn-qst{color:var(--heal)}.ev-filter-btn-lore{color:var(--xp)}.ev-filter-btn-sys{color:var(--ink-dim)}.sb-portrait{display:flex;gap:12px;padding:12px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),transparent);border-bottom:1px solid var(--line);align-items:center;flex-shrink:0}.sb-portrait-body{min-width:0;flex:1}.sb-portrait-name{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--gold);letter-spacing:.06em;line-height:1.1;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-portrait-role{font-size:11px;color:var(--ink-soft);font-style:italic}.sb-portrait-faction{font-size:10px;margin-top:3px;letter-spacing:.05em;text-transform:uppercase}.hero-bars{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.hero-bars-hdr{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-dim);padding:4px 0;border-bottom:1px solid var(--line-soft);margin-bottom:2px}.hero-bars-coin{color:var(--gold)}.hero-bars-spacer{height:4px}.zone-stripe{padding:10px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.zone-stripe-label{font-size:9px;color:var(--ink-dim);margin-bottom:2px;letter-spacing:.16em;text-transform:uppercase}.zone-stripe-name{font-family:var(--font-display);font-size:14px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.zone-stripe-meta{font-size:10px;color:var(--ink-dim);margin-top:3px}.sb-idle{padding:12px;display:flex;flex-direction:column;gap:8px}.sb-seek-btn{padding:12px 14px;font-size:12px}.sb-glyph{margin-right:8px}.sb-glyph-dim{margin-right:8px;opacity:.6}.sb-claim-btn{background:transparent;color:var(--ink-dim);border:1px solid var(--line-soft)}.sb-boost{font-size:10px;color:var(--gold);text-align:center;padding:4px 0}.combat-in-hdr{padding:10px 14px 6px;color:var(--blood);font-size:10px;display:flex;align-items:center;gap:8px}.combat-dot{width:6px;height:6px;background:var(--blood);border-radius:50%;box-shadow:0 0 6px var(--blood);display:inline-block;flex-shrink:0}.foe-panel{margin:0 12px;border:1px solid var(--line-bright);background:linear-gradient(180deg,#b34a3c0f,#0003);position:relative}.foe-panel-top{display:flex;gap:10px;padding:10px;align-items:center}.foe-panel-body{flex:1;min-width:0}.foe-panel-name{font-family:var(--font-display);font-size:13px;color:var(--ink);letter-spacing:.05em}.foe-panel-meta{font-size:10px;color:var(--ink-dim);margin-top:1px}.foe-panel-bar{padding:0 10px 10px}.foe-pct{position:absolute;top:6px;right:8px;font-size:9px}.foe-pct-low{color:var(--blood)}.foe-pct-ok{color:var(--ink-dim)}.combat-regrouping{margin:0 12px;padding:14px 10px;border:1px solid var(--line-bright);background:linear-gradient(180deg,#b34a3c0f,#0003);color:var(--text-dim);font-style:italic;font-size:var(--t-sm);text-align:center}.combat-outcome{margin:0 12px;padding:14px 10px;border:1px solid var(--line-bright);color:var(--blood);font-size:var(--t-sm);text-align:center}.combat-defeat{margin:0 12px;padding:14px 10px;border:1px solid var(--line-bright);text-align:left}.combat-defeat-hdr{color:var(--blood);font-size:var(--t-xs)}.combat-defeat-line{color:var(--text-dim);font-size:var(--t-sm);line-height:1.45;margin-top:6px}.combat-defeat-vitals{color:var(--ink-dim);font-size:var(--t-xs);margin-top:10px}.combat-defeat button{width:100%;margin-top:10px}.foe-queue-row{display:flex;align-items:center;gap:6px;padding:4px 10px;border-top:1px solid var(--line);opacity:.6;cursor:pointer}.foe-queue-row:hover{opacity:1;background:var(--bg-2)}.foe-queue-name{flex:1;font-size:11px;color:var(--ink-soft)}.foe-queue-lv,.foe-queue-hp{font-size:10px;color:var(--ink-dim)}.combat-skills{padding:12px;display:flex;flex-direction:column;gap:4px}.combat-skills-lbl{margin-bottom:4px;font-size:10px}.skill-btn{width:100%;padding:8px 10px;display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;text-align:left;position:relative;overflow:hidden}.skill-btn-idle{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line-soft);border-left:3px solid var(--line);color:var(--ink)}.skill-btn-active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.04));border:1px solid var(--gold);border-left:3px solid var(--gold);color:var(--gold)}.skill-btn-label{flex:1}.skill-btn-label.bold{font-weight:600}.skill-btn-cost{font-size:9px;color:var(--mana)}.skill-btn-cool{font-size:9px;color:var(--ink-dim)}.flee-wrap{position:relative;margin-top:8px}.flee-btn{width:100%;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.flee-timer{font-size:10px;color:var(--ink-soft)}.flee-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bg-0)}.flee-fill{height:100%;background:var(--blood);box-shadow:0 0 6px var(--blood)}.sb-spacer{flex:1}.sb-switch{margin:12px;font-size:10px;width:calc(100% - 24px);background:transparent;color:var(--ink-dim);border:1px solid var(--line-soft)}.char-tab{display:flex;flex-direction:column;height:100%}.char-tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.char-card-row{display:flex;align-items:center;gap:16px;padding:14px}.char-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.char-id-card{border:1px solid var(--line-bright);padding:16px}.char-id-hdr{display:flex;gap:14px;align-items:center}.char-id-body{flex:1}.char-id-name{font-family:var(--font-display);font-size:20px;color:var(--gold);letter-spacing:.06em}.char-id-role{font-style:italic;color:var(--ink-soft);font-size:13px;margin-top:4px}.char-id-faction{margin-top:8px}.char-levels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;padding:8px 0 0;border-top:1px solid var(--line-soft)}.char-level-mid{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);padding-left:8px}.char-level-last{padding-left:8px}.char-level-label{font-size:9px;color:var(--ink-faint);letter-spacing:.16em}.char-level-value{font-size:18px;color:var(--ink)}.char-level-value-gold{color:var(--gold)}.char-level-xp{font-size:9px;color:var(--ink-dim)}.char-attrs{margin-top:16px}.char-attrs-title{color:var(--gold);margin-bottom:8px}.char-attr-row{display:flex;align-items:center;padding:5px 0;border-top:1px dashed var(--line-soft)}.char-attr-name{flex:1;font-size:12px;color:var(--ink)}.char-attr-desc{flex:1.5;font-size:10px;color:var(--ink-soft);font-style:italic}.char-attr-val{font-size:13px;color:var(--gold);min-width:50px;text-align:right}.char-attr-bonus{color:var(--heal);font-size:10px;margin-left:4px}.char-lore-col{display:flex;flex-direction:column;gap:12px}.lore-card{padding:12px;border:1px solid var(--line);background:var(--bg-1)}.lore-card-title{color:var(--gold);margin-bottom:6px}.lore-card-desc{margin:0;color:var(--ink-soft);font-style:italic;font-size:12px}.prefs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}.prefs-btn{font-size:9px;padding:4px 10px}.prestige-sub{font-size:10px;color:var(--ink-dim)}.online-col{border-left:1px solid var(--line);overflow:hidden}.trade-desc{font-size:12px;color:var(--text-dim);margin-bottom:6px}.whisper-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center}.whisper-modal{background:var(--bg-2);border:1px solid var(--line-bright);padding:22px 24px;min-width:320px;position:relative}.whisper-modal-title{color:var(--gold);letter-spacing:.1em;margin-bottom:14px}.whisper-modal-input{width:100%;margin-bottom:12px}.whisper-modal-actions{display:flex;gap:8px;justify-content:flex-end}.italic-old{font-style:italic;font-family:var(--font-body)}.fleur{color:var(--gold);opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:5px 13px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--gold-soft);color:var(--gold-soft)}.btn:disabled,.btn.is-disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);border-color:var(--border-gold);color:#b8e8cd}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--gold-soft);color:#d0f0e0}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn-ghost:hover:not(:disabled){border-color:var(--line);color:var(--ink);background:rgba(var(--accent-rgb),.06)}.legal-shell{max-width:720px;margin:0 auto;padding:40px 24px 60px;color:var(--ink, #ddd);font-family:var(--font-body, serif);font-size:14px;line-height:1.6}.legal-shell h1{font-family:var(--font-display, serif);color:var(--gold, #c89b3c);font-size:24px;letter-spacing:.06em;margin:0 0 18px}.legal-shell h2{font-family:var(--font-display, serif);color:var(--gold-soft, #a07a30);font-size:15px;letter-spacing:.04em;margin:18px 0 6px}.legal-shell a{color:var(--gold, #c89b3c)}.legal-shell .legal-body p{margin:0 0 12px}.legal-shell .legal-body ul{padding-left:18px;margin:0 0 12px}.legal-shell hr{border:0;border-top:1px solid var(--line, #333);margin:24px 0}.legal-shell .legal-nav{font-size:12px;color:var(--ink-soft, #aaa)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#0a0c12f5;border-top:1px solid var(--gold-soft, #a07a30);display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ink, #ddd);z-index:1000}.cookie-banner a{color:var(--gold, #c89b3c)}.cookie-banner button{padding:4px 14px;font-size:11px;background:rgba(var(--accent-rgb, 200,155,60),.12);border:1px solid var(--gold-soft, #a07a30);color:var(--gold, #c89b3c);cursor:pointer}html[data-pref-font=sm]{font-size:13px}html[data-pref-font=md]{font-size:14px}html[data-pref-font=lg]{font-size:16px}html[data-pref-reduce-motion="1"] *,html[data-pref-reduce-motion="1"] *:before,html[data-pref-reduce-motion="1"] *:after{animation-duration:0s!important;transition-duration:0s!important}html[data-pref-contrast="1"]{--line: rgba(255, 255, 255, .45);--line-soft: rgba(255, 255, 255, .25);--ink-soft: rgba(255, 255, 255, .85);--ink-dim: rgba(255, 255, 255, .65)}@media (max-width: 768px){.legal-shell{padding:24px 14px 40px}.auth-shell,.center-screen{padding:14px}.main-grid{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}.sidebar-col{order:2;overflow-y:auto}.content-panel{order:1}button,.nav-item,.chat-tab{min-height:32px}.top-nav-brand{min-width:0;flex:0 1 auto}.top-nav-tabs-wrap{flex:1 1 100%;order:3}.char-card-row{flex-wrap:wrap}.char-card-actions{width:100%;justify-content:flex-end}.char-tab-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.app{height:auto;min-height:100dvh;overflow-y:visible;overflow-x:hidden}.main-grid{flex:none;height:auto;overflow:visible}.sidebar-col{overflow:visible;height:auto}.content-panel{flex:none;overflow:visible;height:auto}.bottom-bar{display:flex;flex-direction:column;height:auto;overflow:visible}.chat-section{overflow:visible;height:auto;border-right:none;border-bottom:1px solid var(--border)}.online-section{overflow:visible;height:auto}}@media (max-width: 640px){.auth-page{grid-template-columns:1fr!important;height:auto!important;min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important}.auth-hero{padding:28px 20px 16px!important;border-right:none!important;border-bottom:1px solid var(--line);overflow:visible!important}.auth-form-col{padding:24px 20px 32px!important;overflow:visible!important}.auth-card{max-width:100%!important;padding:24px 18px!important}}@media (max-width: 640px){.char-create-grid{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;height:auto!important;min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important}.char-create-sidebar{border-right:none!important;border-bottom:1px solid var(--line);padding:24px 18px!important}.char-create-preview{padding:24px 18px!important;overflow:visible!important}.char-create-empty{height:auto!important;padding:24px 0}}.seasons-self-row{background:var(--gold-deep);color:var(--text-gold);font-weight:600}.notif-bell-root{position:relative;display:inline-flex;align-items:center;flex-shrink:0;padding:0 14px;border-left:1px solid var(--line)}.notif-bell-btn{position:relative;background:transparent;border:1px solid var(--line);color:var(--ink);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-display);font-size:18px;line-height:1}.notif-bell-btn:hover{background:var(--bg-button-hover);border-color:var(--border-strong)}.notif-bell-glyph{color:var(--gold)}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--blood);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:16px;text-align:center;border:1px solid var(--bg-page)}.notif-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-width:90vw;background:var(--bg-panel);border:1px solid var(--border-strong);box-shadow:0 8px 24px #00000080;z-index:50;display:flex;flex-direction:column}.notif-dropdown-header{padding:8px 12px;font-family:var(--font-display);font-size:12px;letter-spacing:.12em;color:var(--gold);border-bottom:1px solid var(--line);text-transform:uppercase}.notif-dropdown-list{max-height:360px;overflow-y:auto}.notif-empty{padding:16px 12px;color:var(--text-faint);font-style:italic;font-size:12px}.notif-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;color:var(--text-dim);font-family:var(--font-body);font-size:12px}.notif-row:hover:not(:disabled){background:var(--bg-button-hover)}.notif-row:disabled{cursor:default}.notif-row-unread{color:var(--ink);border-left:2px solid var(--gold);background:rgba(var(--accent-rgb),.04)}.notif-row-unread .notif-row-title{font-weight:600}.notif-row-body{min-width:0;display:flex;flex-direction:column;gap:2px}.notif-row-title{font-size:12px}.notif-row-text{color:var(--text-faint);font-size:11px;line-height:1.35}.notif-row-time{color:var(--text-faint);font-family:var(--font-mono);font-size:9px;white-space:nowrap}.notif-kind-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;border:1px solid;align-self:start}.notif-kind-mail{color:var(--mana);border-color:var(--mana);background:#4c8fa31a}.notif-kind-combat{color:var(--blood);border-color:var(--blood);background:#b34a3c1a}.notif-kind-guild{color:var(--gold);border-color:var(--gold);background:#5fb38a1a}.notif-kind-achievement{color:var(--xp);border-color:var(--xp);background:#b3a25f1a}.notif-kind-auction{color:var(--ember);border-color:var(--ember);background:#c98a3a1a}.notif-kind-system{color:var(--ink-dim);border-color:var(--ink-dim);background:#65786a14}.notif-dropdown-footer{padding:6px 12px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.notif-mark-all-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--ink);font-family:var(--font-mono);font-size:10px;padding:4px 10px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase}.notif-mark-all-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--border-strong)}.notif-mark-all-btn:disabled{opacity:.4;cursor:default}