:root{--bg: #071018;--panel: rgba(8, 22, 32, .82);--line: rgba(212, 160, 23, .35);--gold: #d4a017;--gold2: #f0d48a;--sea: #2aa0b0;--hp: #c23b3b;--mp: #3b7ec2;--xp: #c9a227;--text: #e8dcc4;--dim: #8fa3ad;--danger: #e06a5c}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Manrope,sans-serif}h1,h2,h3{font-family:Georgia,Times New Roman,Cinzel,serif;font-weight:700;margin:0}.hidden{display:none!important}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#071018}#gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#071018}#maint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#071018e8;display:grid;place-content:center;text-align:center;pointer-events:auto}#maint div{padding:28px 36px;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-width:420px}#maint b{font-family:Cinzel,serif;color:var(--gold);font-size:22px}#maint p{margin:12px 0 0;color:var(--dim)}#boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;z-index:50;overflow:hidden}#boot .auth-bg{z-index:0}.boot-inner{position:relative;z-index:1}.boot-mark{font-size:48px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.auth-bg>i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.auth-card{position:relative;z-index:1;margin:8vh auto;width:min(440px,92vw);padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #0008}.brand{text-align:center;margin-bottom:18px}.brand-mark{font-size:36px}.brand h1{font-size:28px;letter-spacing:.08em}.brand h2{color:var(--gold);font-size:18px;margin:4px 0 8px}.brand p{color:var(--dim);font-size:13px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1;background:transparent;color:var(--dim);border:1px solid #234;border-radius:8px;padding:8px;cursor:pointer;font:inherit}.tab.on{color:var(--gold2);border-color:var(--gold)}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim);margin-bottom:10px}input,textarea,select{background:#0a1822;border:1px solid #2a4555;color:var(--text);border-radius:8px;padding:10px 12px;font:inherit}.btn{border:0;border-radius:10px;padding:11px 16px;font:600 14px Manrope,sans-serif;cursor:pointer}.btn.gold{width:100%;background:linear-gradient(180deg,#e0b84a,#b8860b);color:#1a1204}.btn.ghost{background:transparent;color:var(--text);border:1px solid #456}.err{color:var(--danger);min-height:1.2em;font-size:13px}.hint{color:#567;font-size:11px;text-align:center}.row{display:flex;gap:8px}.chars-wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:24px;height:100%;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.char-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer}.char-card:hover{border-color:var(--gold)}.create-box{margin-top:24px;background:var(--panel);border:1px solid #234;border-radius:12px;padding:16px}.class-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0}.class-pick{border:1px solid #345;background:#0c1c26;border-radius:10px;padding:10px;cursor:pointer;text-align:left;color:inherit}.class-pick.on{border-color:var(--gold)}.class-pick small{display:block;color:var(--dim)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud *{pointer-events:auto}#world-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#world-labels .nl{position:absolute;left:0;top:0;font-size:11px;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;pointer-events:none;text-align:center;will-change:transform;opacity:1;transition:opacity .12s}#world-labels .nl.pk{color:#e06a5c}#world-labels .say{position:absolute;left:0;top:0;max-width:200px;white-space:pre-wrap;word-break:break-word;background:#0a1824eb;border:1px solid rgba(240,212,138,.45);border-radius:12px 12px 12px 4px;padding:6px 10px;font-size:12px;line-height:1.3;color:#f4ead4;text-shadow:none;box-shadow:0 6px 16px #0007;pointer-events:none;text-align:left;will-change:transform}#vitals{position:absolute;left:14px;top:12px;width:min(300px,72vw)}#party-frames{display:flex;flex-direction:column;gap:4px;margin-top:8px}#party-frames.hidden{display:none}.party-frame{display:block;width:100%;text-align:left;cursor:pointer;background:#071018cc;border:1px solid var(--line);border-radius:10px;padding:6px 8px;color:var(--text);font:12px Manrope,sans-serif}.party-frame.on{border-color:var(--gold)}.party-frame b{font-size:12px}.party-frame em{opacity:.72;font-style:normal;font-size:11px}.party-frame .bar{height:8px;margin-bottom:3px}.party-frame .bar span{display:none}.unit-frame{display:flex;gap:8px;background:#071018cc;border:1px solid var(--line);border-radius:12px;padding:8px}.portrait{width:52px;height:52px;border-radius:10px;background:linear-gradient(180deg,#2a4a58,#0b1c28);border:1px solid var(--gold);display:grid;place-items:center;font-size:22px;flex-shrink:0}.unit-body{flex:1;min-width:0}.nameplate{font-size:13px;margin-bottom:4px;text-shadow:0 1px 4px #000}.bar{position:relative;height:14px;background:#0008;border:1px solid #000;border-radius:4px;margin-bottom:4px;overflow:hidden}.bar i{display:block;height:100%;width:0;transition:width .15s}.bar.hp i{background:linear-gradient(90deg,#8b1e1e,var(--hp))}.bar.mp i{background:linear-gradient(90deg,#1e4a8b,var(--mp))}.bar.fo i{background:linear-gradient(90deg,#1a5a6a,#7ec8ff)}.bar.fo{height:11px}.bar.fo span{line-height:11px;font-size:9px}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;text-align:center;line-height:14px;text-shadow:0 1px 2px #000}#xp-dock{position:absolute;left:8px;right:8px;bottom:0;height:14px;background:#000a;border:1px solid #6a5310;pointer-events:none;overflow:hidden}#xp-dock i{display:block;height:100%;background:linear-gradient(90deg,#6a5310,var(--xp));width:0}#xp-dock span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;text-align:center;line-height:12px}#minimap{position:absolute;right:14px;top:14px;width:148px;height:148px;border:2px solid var(--gold);border-radius:10px;overflow:hidden;background:#062028cc;box-shadow:0 8px 24px #0008}#mini{width:100%;height:100%}#target{position:absolute;left:50%;top:12px;transform:translate(-50%);min-width:240px;background:#071018ee;padding:8px 12px;border-radius:10px;border:1px solid #a33}#hotbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#skills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:640px}.sk{width:56px;height:56px;border-radius:10px;border:1px solid var(--gold);background:#0b1c28ee;color:var(--text);position:relative;cursor:pointer;font:700 10px Manrope,sans-serif;overflow:hidden;padding:0;flex:0 0 56px}.sk.empty{opacity:.38;width:42px;height:42px;flex-basis:42px;cursor:default}.sk.locked{opacity:.42;filter:grayscale(.7)}#chat-log .wh{color:#c9a8e8}.sk img{width:100%;height:100%;max-width:56px;max-height:56px;object-fit:cover;display:block;pointer-events:none}.sk .sk-name{position:absolute;left:0;right:0;bottom:1px;font-size:8px;text-align:center;text-shadow:0 1px 3px #000;pointer-events:none}.sk kbd{position:absolute;top:2px;left:4px;font-size:10px;color:var(--gold);z-index:1;text-shadow:0 1px 2px #000}.sk .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;font-size:14px;z-index:2;pointer-events:none}#hurt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px 24px #5a000000;transition:box-shadow .25s}#hurt-vignette.on{box-shadow:inset 0 0 140px 50px #8c08088c}#dungeon-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent;transition:background .35s}#dungeon-veil.dark{background:radial-gradient(ellipse at center,#080a122e,#04060c8c)}#dungeon-veil.mist{background:radial-gradient(ellipse at center,#283c461f,#141e2466)}#dungeon-veil.heat{background:radial-gradient(ellipse at center,#50140814,#320a0447)}#dungeon-veil.void{background:radial-gradient(ellipse at center,#14082029,#08021080)}#chat{position:absolute;left:14px;bottom:22px;width:min(360px,42vw)}#chat-log{height:128px;overflow:auto;background:#0007;padding:8px;font-size:12px}#chat-log .sys{color:#c9a227}#chat-in{width:100%;border-radius:0 0 8px 8px}#gold{position:absolute;right:14px;top:172px;font-size:13px;text-shadow:0 1px 3px #000;pointer-events:none}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;text-shadow:0 2px 8px #000;font-weight:700;pointer-events:none;max-width:70vw}#buffs{position:absolute;left:16px;top:92px;font-size:12px;color:#e8a;max-width:280px}.aura{display:inline-block;margin:2px 4px 0 0;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600}.aura.buff{background:#163a24cc;color:#9fdc9f;border:1px solid #3a8a4a}.aura.debuff{background:#3a1618cc;color:#f0a0a0;border:1px solid #8a3a3a}#tgt-auras{margin-top:4px;min-height:16px}#tgt-auras .hint{text-align:left;color:#678}#zone-tag{display:block;font-style:normal;color:#8f8;font-size:11px;font-weight:600}.map-lab{position:absolute;left:50%;top:4px;transform:translate(-50%);font-size:11px;color:var(--gold2);pointer-events:none;font-weight:700}#quest-tracker{position:absolute;right:14px;top:204px;width:240px;background:#071018cc;border:1px solid #456;border-radius:10px;padding:8px 10px;font-size:12px}#quest-tracker h4{font-size:12px;color:var(--gold);margin-bottom:6px;display:flex;justify-content:space-between}#quest-tracker kbd{font:700 10px Manrope,sans-serif;color:var(--dim)}#qt-list{color:#dde;line-height:1.35}#interact-hint{position:absolute;left:50%;bottom:168px;transform:translate(-50%);background:#000a;border:1px solid var(--gold);padding:6px 14px;border-radius:8px;font-weight:700}#menubar{display:flex;gap:4px;background:#071018ee;border:1px solid var(--line);border-radius:12px;padding:4px}#menubar button{width:54px;height:44px;background:transparent;color:var(--gold2);border:0;border-radius:8px;cursor:pointer;font:700 13px Cinzel,serif}#menubar button span{display:block;font:500 9px Manrope,sans-serif;color:var(--dim)}#menubar button:hover,#menubar button.on{background:#d4a01722}.chat-tabs{display:flex;gap:0}.chat-tabs button{background:#0006;color:var(--dim);border:0;padding:4px 10px;font:11px Manrope,sans-serif;cursor:pointer}.chat-tabs button.on{color:var(--gold2);background:#0009}#windows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud #windows{pointer-events:none}.win{pointer-events:auto;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:74vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px 18px;box-shadow:0 16px 50px #000a}.win.win-wide{width:min(980px,96vw);max-height:82vh}.auc-tabs,.auc-cats{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.auc-chip.on,.auc-tabs .btn.on,.auc-item.on{border-color:var(--gold);color:var(--gold2)}.auc-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.auc-toolbar input[type=search]{flex:1;min-width:180px}.auc-grid{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:12px}.auc-list{max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:4px}.auc-item{text-align:left;background:#0a1822;color:var(--text);border:1px solid #345;border-radius:8px;padding:8px;cursor:pointer;font:13px Manrope,sans-serif}.auc-item b{display:block}.book{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.auc-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;padding:2px 0}.auc-row.ask{color:#f08a8a}.auc-row.bid{color:#8fd4a8}.auc-trade{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.auc-trade .btn{width:100%}.win h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.win .x{background:transparent;color:var(--gold);border:0;font-size:26px;cursor:pointer;line-height:1;padding:4px 8px;pointer-events:auto;z-index:5;flex-shrink:0}.win-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.win-tabs button{background:#0a1822;color:var(--dim);border:1px solid #345;border-radius:8px;padding:5px 10px;font:12px Manrope,sans-serif;cursor:pointer}.win-tabs button.on{color:var(--gold2);border-color:var(--gold)}.inv-layout{display:grid;grid-template-columns:180px 1fr;gap:12px}.paper-doll{background:#0a1822;border:1px solid #345;border-radius:10px;padding:8px;font-size:12px}.eq-slot{display:flex;gap:8px;align-items:center;border-bottom:1px solid #234;padding:6px 0}.eq-slot img{width:36px;height:36px}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.slot{min-height:76px;background:#0a1822;border:1px solid #345;border-radius:8px;padding:4px;font-size:10px;cursor:pointer;text-align:center;position:relative}.slot.empty{opacity:.35;cursor:default}.slot img{width:40px;height:40px}.slot:hover{border-color:var(--gold)}.slot.sel{outline:1px solid var(--gold)}.slot.q-uncommon{border-color:#5dba6a}.slot.q-rare{border-color:#4a8fe8}.slot.q-epic{border-color:#b66dff}.slot.q-legendary{border-color:#f0c14a}.slot .qty{position:absolute;right:4px;bottom:2px;font-weight:700}.inv-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#tooltip{position:absolute;z-index:20;width:280px;background:#0b1c28f2;border:1px solid var(--gold);border-radius:8px;padding:10px;font-size:12px;pointer-events:none}#tooltip b{color:var(--gold2)}#tooltip .q{margin:4px 0;font-weight:700}.recipe{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #234;padding:8px 0;font-size:13px}.recipe img{width:40px;height:40px;flex-shrink:0}.cal-table{width:100%;border-collapse:collapse;font-size:13px}.cal-table th,.cal-table td{text-align:left;padding:6px 8px;border-bottom:1px solid #234;vertical-align:top}.cal-table th{color:var(--gold2);font-weight:600}.paper{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.qlog{border-bottom:1px solid #234;padding:8px 0}.qlog .st{color:var(--gold);font-size:11px}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #234;padding:6px 0;font-size:13px}.stat-row .hint{display:block;text-align:left}.stat-val{display:flex;align-items:center;gap:8px;font-weight:700}.map-tools{display:flex;gap:8px;margin-bottom:8px}.map-tools button{width:auto;padding:6px 12px;background:#0a1822;color:var(--gold2);border:1px solid var(--line);border-radius:8px;cursor:pointer;font:700 14px Manrope,sans-serif}#world-map{width:100%;height:auto;background:#0a2430;border:1px solid #345;border-radius:8px;cursor:grab;display:block}#joystick{position:absolute;left:18px;bottom:18px}#joy-base{width:120px;height:120px;border-radius:50%;background:#fff1;border:1px solid #fff3;position:relative}#joy-knob{width:54px;height:54px;border-radius:50%;background:#d4a017aa;position:absolute;left:33px;top:33px}.admin{display:grid;grid-template-columns:200px 1fr;height:100%;background:#0a141c;color:#e8dcc4}.admin aside{border-right:1px solid #234;padding:16px;display:flex;flex-direction:column;gap:6px}.admin aside button{background:transparent;color:#e8dcc4;border:0;text-align:left;padding:8px;cursor:pointer;border-radius:6px}.admin aside button:hover{background:#123}#admin-main{padding:20px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #234;padding:6px 8px;text-align:left}.preload{margin-top:12px}.preload-bar{height:6px;background:#0a1822;border:1px solid #2a4555;border-radius:99px;overflow:hidden}.preload-bar i{display:block;height:100%;width:8%;background:linear-gradient(90deg,#2aa0b0,#d4a017);transition:width .25s ease}#gfx-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;background:#0007;display:grid;place-items:center}#gfx-modal.hidden{display:none!important}.gfx-win{position:relative;left:auto;top:auto;transform:none;pointer-events:auto;width:min(420px,92vw)}.gfx-presets{display:flex;gap:8px;margin:10px 0 14px}.gfx-presets button{flex:1;background:#0a1822;color:var(--dim);border:1px solid #345;border-radius:8px;padding:8px;cursor:pointer;font:inherit}.gfx-presets button.on{color:var(--gold2);border-color:var(--gold)}.gfx-check{flex-direction:row;align-items:center;gap:8px;margin:8px 0}.gfx-check input{width:auto}#map-studio-bar{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:41;background:#0b1c28ee;border:1px solid var(--line);border-radius:10px;padding:8px 14px;text-align:center;pointer-events:none;max-width:min(640px,70vw)}#map-studio-bar b{display:block;color:var(--gold2);font-family:Cinzel,serif}#map-studio-bar span{color:var(--dim);font-size:12px}#map-editor{position:absolute;left:12px;top:12px;z-index:40;width:min(320px,92vw);max-height:calc(100vh - 24px);overflow:auto;pointer-events:auto;background:#0b1c28f2;border:1px solid var(--line);border-radius:12px;padding:12px 12px 14px;box-shadow:0 16px 40px #000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#map-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#map-editor .x{background:transparent;color:var(--gold);border:0;font-size:26px;cursor:pointer;line-height:1}#map-editor .hint{color:var(--dim);font-size:11px;line-height:1.4;margin:0 0 10px}.ed-modes,.ed-tabs,.ed-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.ed-modes button,.ed-tabs button,.ed-item{background:#0a1822;color:var(--dim);border:1px solid #345;border-radius:8px;padding:6px 10px;cursor:pointer;font:600 12px Manrope,sans-serif}.ed-modes button.on,.ed-tabs button.on,.ed-item.on{color:var(--gold2);border-color:var(--gold);background:#d4a01722}.ed-catalog{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:280px;overflow:auto;margin-bottom:8px}#ed-search{width:100%;margin:0 0 8px;font-size:12px}#ed-quest-box{display:grid;gap:6px;margin-bottom:8px}#ed-quest-box.hidden{display:none}#ed-quest-box label{font-size:11px;color:var(--dim)}#ed-quest-box input,#ed-quest-box select,#ed-quest-box textarea{width:100%;font-size:12px}.ed-tabs{flex-wrap:wrap}.ed-item{text-align:left}.ed-actions{margin-top:10px}.ed-actions .btn{flex:1;padding:8px 10px}#ed-sel{min-height:2.4em}#ed-list{max-height:220px;margin-top:8px}#ed-list .ed-item{font-size:11px}#ed-placed-q{width:100%;margin:6px 0 0;font-size:12px}#ed-quest-box .ed-actions{margin:4px 0 0}#map-editor label{margin-bottom:8px}#map-editor input[type=range]{width:100%;padding:0}#hud #tutor{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 188px}#hud #tutor.hidden{display:none!important}#hud #tutor .tutor-card{pointer-events:auto;width:min(460px,94vw);background:#0b1c28f2;border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;box-shadow:0 16px 40px #000a}#hud #tutor .tutor-card,#hud #tutor .tutor-card *{pointer-events:auto}.tutor-card b{display:block;font-family:Cinzel,serif;color:var(--gold2);margin-bottom:6px}.tutor-card p{margin:0 0 12px;color:var(--text);font-size:14px;line-height:1.4}.tutor-nav{display:flex;gap:8px;justify-content:flex-end}.tutor-nav .btn{width:auto}.bp-bar{height:10px;background:#0a1822;border:1px solid #345;border-radius:99px;overflow:hidden;margin:8px 0 12px}.bp-bar i{display:block;height:100%;background:linear-gradient(90deg,#2aa0b0,#d4a017)}.bp-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.bp-cell{background:#0a1822;border:1px solid #345;border-radius:10px;padding:8px;min-height:92px}.bp-cell em{display:block;font:700 11px Manrope,sans-serif;color:var(--dim)}.bp-cell b{display:block;font-size:13px;margin:2px 0}.bp-cell span{display:block;color:var(--gold2);font-size:12px}.bp-cell small{color:#678}.bp-cell.got{border-color:var(--gold);background:#d4a01714}.bp-cell.cur{box-shadow:0 0 0 1px var(--gold)}.bp-cell.next{border-color:var(--sea)}@media(max-width:800px){#chat{width:calc(100% - 24px);bottom:210px}#hotbar{bottom:12px}#quest-tracker{width:160px;top:168px}#joystick{display:block!important}.inv-layout{grid-template-columns:1fr}.inv-grid{grid-template-columns:repeat(5,1fr)}}html.auth-themed[data-auth-theme=harbor]{--gold: #e0b84a;--gold2: #f6e0a0;--sea: #3ec4d4}html.auth-themed[data-auth-theme=abyss]{--gold: #5ce0d8;--gold2: #c9b8ff;--sea: #2a1a58;--text: #dce8f4;--dim: #7a90b0;--panel: rgba(6, 8, 22, .72);--line: rgba(92, 224, 216, .35)}html.auth-themed[data-auth-theme=chart]{--gold: #8a4a18;--gold2: #5c3310;--text: #2a1c10;--dim: #6a5038;--panel: rgba(245, 232, 204, .92);--line: rgba(90, 50, 20, .4);--bg: #c9b48a}html.auth-themed[data-auth-theme=storm]{--gold: #ff6a3a;--gold2: #ffd0a8;--sea: #4a6080;--text: #f0e8dc;--dim: #9aa8b8;--panel: rgba(12, 10, 14, .78);--line: rgba(255, 106, 58, .45)}html.auth-themed[data-auth-theme=gilded]{--gold: #c9a227;--gold2: #f4e4b0;--text: #2a1810;--dim: #7a5a40;--panel: rgba(250, 244, 232, .94);--line: rgba(120, 30, 40, .45)}#screen-auth,#screen-chars{overflow:hidden}html.auth-themed[data-auth-theme=harbor] .auth-sky{background:radial-gradient(ellipse 90% 55% at 50% 108%,#f0c060 0%,#d47830 22%,transparent 52%),radial-gradient(ellipse at 18% 78%,rgba(42,180,190,.35),transparent 46%),linear-gradient(180deg,#1a3a58,#0c2438 38%,#071018)}html.auth-themed[data-auth-theme=harbor] .auth-mid{background:radial-gradient(circle at 80% 12%,rgba(240,200,100,.22),transparent 36%),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,220,140,.04) 48px 49px)}html.auth-themed[data-auth-theme=harbor] .auth-fg{background:linear-gradient(180deg,transparent 58%,rgba(8,28,40,.55) 78%,#041018 100%),radial-gradient(ellipse 120% 28% at 50% 92%,#0a3040,transparent 70%)}html.auth-themed[data-auth-theme=harbor] .auth-fg:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:28%;background:repeating-linear-gradient(90deg,#14323e00 0,#14323e00 40px,#d4a0171f 40px,#d4a0171f 42px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%);animation:harbor-swell 7s ease-in-out infinite}@keyframes harbor-swell{50%{transform:translateY(-6px)}}html.auth-themed[data-auth-theme=harbor] .auth-card{background:linear-gradient(180deg,#122430e0,#08121ceb);border-color:#e0b84a73;box-shadow:0 24px 70px #000a,0 0 0 1px #e0b84a22,inset 0 1px #fff2}html.auth-themed[data-auth-theme=harbor] .brand-mark{filter:drop-shadow(0 0 12px #e0b84a88)}html.auth-themed[data-auth-theme=abyss] body,html.auth-themed[data-auth-theme=abyss]{background:#03040c}html.auth-themed[data-auth-theme=abyss] .auth-sky{background:radial-gradient(circle at 50% 46%,#14204a,#070814 42%,#020208)}html.auth-themed[data-auth-theme=abyss] .auth-mid{background:radial-gradient(circle at 50% 48%,transparent 16%,rgba(40,20,90,.4) 28%,transparent 42%),radial-gradient(circle at 50% 48%,transparent 22%,rgba(80,240,230,.18) 23%,transparent 26%);animation:abyss-pulse 6s ease-in-out infinite}html.auth-themed[data-auth-theme=abyss] .auth-fg{background-image:radial-gradient(1px 1px at 12% 20%,#9ff,transparent),radial-gradient(1px 1px at 78% 30%,#c9b8ff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#5ce0d8,transparent),radial-gradient(1px 1px at 88% 78%,#fff,transparent),radial-gradient(1px 1px at 22% 88%,#aaf,transparent);opacity:.85}@keyframes abyss-pulse{50%{transform:scale(1.06);opacity:.85}}html.auth-themed[data-auth-theme=abyss] .auth-card{width:min(400px,90vw);border-radius:28px;background:#080a1c8c;border:1px solid #5ce0d866;box-shadow:0 0 80px #5ce0d822,inset 0 0 40px #2a1a5844;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html.auth-themed[data-auth-theme=abyss] .brand h1{letter-spacing:.28em;font-size:22px}html.auth-themed[data-auth-theme=abyss] .brand h2{color:#c9b8ff;font-weight:500}html.auth-themed[data-auth-theme=abyss] .btn.gold{background:linear-gradient(180deg,#7af0e8,#2aa8a0);color:#041418;border-radius:99px}html.auth-themed[data-auth-theme=abyss] .tab.on{color:#5ce0d8;border-color:#5ce0d8}html.auth-themed[data-auth-theme=abyss] input{background:#0a0c1c;border-color:#345}html.auth-themed[data-auth-theme=chart] body,html.auth-themed[data-auth-theme=chart]{background:#cbb890;color:#2a1c10}html.auth-themed[data-auth-theme=chart] .auth-sky{background:radial-gradient(circle at 82% 18%,rgba(180,40,40,.18),transparent 28%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(90,50,20,.18) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(90,50,20,.18) 47px 48px),linear-gradient(180deg,#e8d6b0,#c4a878)}html.auth-themed[data-auth-theme=chart] .auth-mid{background:repeating-conic-gradient(from 0deg at 78% 72%,transparent 0 9deg,rgba(90,50,20,.08) 9deg 10deg);-webkit-mask-image:radial-gradient(circle at 78% 72%,#000 0 90px,transparent 220px);mask-image:radial-gradient(circle at 78% 72%,#000 0 90px,transparent 220px)}html.auth-themed[data-auth-theme=chart] .auth-fg{background:radial-gradient(circle at 78% 18%,rgba(160,30,30,.35) 0 18px,transparent 19px),linear-gradient(90deg,rgba(40,24,12,.18),transparent 38%)}html.auth-themed[data-auth-theme=chart] #screen-auth .auth-card{margin:6vh 0 0 7vw;width:min(420px,88vw);border-radius:4px 18px;background:#f3e6c8;border:2px solid #5c3310;box-shadow:8px 10px #5c331033,0 20px 40px #0004;font-family:Special Elite,Cinzel,serif;color:#2a1c10}html.auth-themed[data-auth-theme=chart] .brand h1,html.auth-themed[data-auth-theme=chart] .brand h2,html.auth-themed[data-auth-theme=chart] h1,html.auth-themed[data-auth-theme=chart] h3{font-family:Special Elite,Cinzel,serif}html.auth-themed[data-auth-theme=chart] .brand h2{color:#8a4a18}html.auth-themed[data-auth-theme=chart] .btn.gold{background:#5c3310;color:#f3e6c8;border-radius:2px;font-family:Special Elite,serif}html.auth-themed[data-auth-theme=chart] .tab{border-color:#8a4a18;color:#6a5038;border-radius:2px}html.auth-themed[data-auth-theme=chart] .tab.on{color:#5c3310;border-color:#5c3310;background:#e8d4a8}html.auth-themed[data-auth-theme=chart] input{background:#efe0be;border-color:#8a6a40;color:#2a1c10;border-radius:2px}html.auth-themed[data-auth-theme=chart] .chars-wrap{color:#2a1c10}html.auth-themed[data-auth-theme=chart] .char-card,html.auth-themed[data-auth-theme=chart] .create-box{background:#f3e6c8ee;border-color:#5c3310;color:#2a1c10}html.auth-themed[data-auth-theme=chart] .hint{color:#7a6040}html.auth-themed[data-auth-theme=chart] .btn.ghost{color:#2a1c10;border-color:#8a4a18}html.auth-themed[data-auth-theme=storm]{background:#0a0c10}html.auth-themed[data-auth-theme=storm] .auth-sky{background:radial-gradient(ellipse at 70% -10%,#4a5878 0%,transparent 42%),linear-gradient(180deg,#1a2230,#0a0c12 55%,#121018)}html.auth-themed[data-auth-theme=storm] .auth-mid{background-image:repeating-linear-gradient(-18deg,transparent 0 12px,rgba(180,200,220,.07) 12px 13px);background-size:24px 90px;animation:rain-fall .35s linear infinite;opacity:.55}@keyframes rain-fall{to{background-position:8px 90px}}html.auth-themed[data-auth-theme=storm] .auth-fg{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55) 100%)}html.auth-themed[data-auth-theme=storm] .auth-fg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(220,230,255,.45) 41%,transparent 43%);opacity:0;animation:storm-flash 7s steps(1,end) infinite}@keyframes storm-flash{0%,86%,to{opacity:0}88%{opacity:.55}90%{opacity:0}92%{opacity:.28}}html.auth-themed[data-auth-theme=storm] #screen-auth .auth-card{margin:auto auto 7vh;width:min(460px,94vw);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#161214e6,#08080af2);border:1px solid #ff6a3a88;border-bottom:4px solid #ff6a3a;box-shadow:0 -20px 80px #000c,0 0 40px #ff6a3a22;transform:rotate(-.6deg)}html.auth-themed[data-auth-theme=storm] .brand h2{color:#ff6a3a}html.auth-themed[data-auth-theme=storm] .btn.gold{background:linear-gradient(180deg,#ff8a58,#c43018);color:#fff8f0;text-transform:uppercase;letter-spacing:.08em}html.auth-themed[data-auth-theme=storm] .tab.on{color:#ffd0a8;border-color:#ff6a3a}html.auth-themed[data-auth-theme=gilded]{background:#2a1014}html.auth-themed[data-auth-theme=gilded] .auth-sky{background:radial-gradient(ellipse at 50% 0%,#5a2030,#2a1018 45%,#14080c)}html.auth-themed[data-auth-theme=gilded] .auth-mid{background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(201,162,39,.06) 80px 81px)}html.auth-themed[data-auth-theme=gilded] .auth-fg{background:radial-gradient(ellipse at 50% 120%,rgba(201,162,39,.18),transparent 50%)}html.auth-themed[data-auth-theme=gilded] #screen-auth .auth-card{width:min(520px,92vw);padding:36px 40px 32px;border-radius:4px;background:#faf4e8;color:#2a1810;border:3px solid #7a1828;box-shadow:0 0 0 8px #faf4e8,0 0 0 10px #c9a227,0 28px 60px #000a;font-family:Cormorant Garamond,Cinzel,serif}html.auth-themed[data-auth-theme=gilded] .brand h1,html.auth-themed[data-auth-theme=gilded] .brand h2,html.auth-themed[data-auth-theme=gilded] h1,html.auth-themed[data-auth-theme=gilded] h3{font-family:Cormorant Garamond,Cinzel,serif}html.auth-themed[data-auth-theme=gilded] .brand h1{font-size:34px;letter-spacing:.12em}html.auth-themed[data-auth-theme=gilded] .brand h2{color:#7a1828;font-size:22px}html.auth-themed[data-auth-theme=gilded] .brand p{color:#7a5a40}html.auth-themed[data-auth-theme=gilded] .btn.gold{background:linear-gradient(180deg,#7a1828,#4a0c18);color:#f4e4b0;border-radius:2px;font-family:Cormorant Garamond,serif;font-size:18px;letter-spacing:.1em}html.auth-themed[data-auth-theme=gilded] .tab{border-radius:0;border-color:#c9a227;color:#7a5a40}html.auth-themed[data-auth-theme=gilded] .tab.on{color:#7a1828;background:#f0e4c8}html.auth-themed[data-auth-theme=gilded] input{background:#fffdf8;border-color:#c9a227;color:#2a1810;border-radius:0}html.auth-themed[data-auth-theme=gilded] .chars-wrap{color:#f4e4b0}html.auth-themed[data-auth-theme=gilded] .char-card,html.auth-themed[data-auth-theme=gilded] .create-box{background:#faf4e8ee;border:2px solid #7a1828;color:#2a1810}html.auth-themed[data-auth-theme=gilded] .btn.ghost{color:#f4e4b0;border-color:#c9a227}.auth-side{display:none}.auth-ornament{width:180px;height:180px;margin:0 auto 16px}.auth-quote{font-family:Cinzel,serif;font-size:18px;line-height:1.45;max-width:28ch;margin:0;color:var(--gold2)}.auth-body{min-width:0}html.auth-themed[data-auth-theme=harbor] #screen-auth{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}html.auth-themed[data-auth-theme=harbor] #screen-auth .auth-card{margin:0;width:100%;max-width:none;border-radius:28px 28px 0 0;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,420px);gap:8vw;padding:28px 8vw 36px;align-items:center;background:linear-gradient(180deg,#122430eb,#08121cf5)}html.auth-themed[data-auth-theme=harbor] .brand{text-align:left;margin:0}html.auth-themed[data-auth-theme=harbor] .brand h1{font-size:42px;letter-spacing:.14em}html.auth-themed[data-auth-theme=harbor] .brand-mark{font-size:52px}html.auth-themed[data-auth-theme=abyss] #screen-auth{display:grid;place-items:center}html.auth-themed[data-auth-theme=abyss] .auth-side{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}html.auth-themed[data-auth-theme=abyss] .auth-ornament{position:absolute;left:50%;top:46%;width:min(560px,88vw);height:min(560px,88vw);margin:0;transform:translate(-50%,-50%);border:2px solid #5ce0d855;border-radius:50%;box-shadow:0 0 80px #5ce0d822,inset 0 0 60px #2a1a5844;animation:abyss-spin 28s linear infinite}html.auth-themed[data-auth-theme=abyss] .auth-ornament:before,html.auth-themed[data-auth-theme=abyss] .auth-ornament:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed #c9b8ff44}html.auth-themed[data-auth-theme=abyss] .auth-quote{display:none}@keyframes abyss-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}html.auth-themed[data-auth-theme=abyss] #screen-auth .auth-card{width:min(380px,86vw);border-radius:999px 999px 40px 40px;padding:36px 32px 28px;text-align:center;background:#060816b8;z-index:2}html.auth-themed[data-auth-theme=abyss] .tabs{justify-content:center}html.auth-themed[data-auth-theme=abyss] .tab{border-radius:99px}html.auth-themed[data-auth-theme=chart] #screen-auth{display:grid;grid-template-columns:minmax(220px,42%) 1fr;align-items:stretch}html.auth-themed[data-auth-theme=chart] .auth-side{display:flex;flex-direction:column;justify-content:flex-end;padding:10vh 6vw 8vh;z-index:1}html.auth-themed[data-auth-theme=chart] .auth-ornament{width:160px;height:160px;margin:0 0 24px;border:10px solid #5c3310;border-radius:50%;background:repeating-conic-gradient(from 0deg,#5c3310 0 8deg,transparent 8deg 22deg),radial-gradient(circle,#f3e6c8 0 28%,transparent 29%);box-shadow:0 0 0 4px #c4a878}html.auth-themed[data-auth-theme=chart] .auth-quote{color:#5c3310;font-family:Special Elite,serif;font-size:22px}html.auth-themed[data-auth-theme=chart] #screen-auth .auth-card{margin:8vh 6vw 8vh auto;width:min(440px,90%)}html.auth-themed[data-auth-theme=storm] #screen-auth{display:flex;flex-direction:column;justify-content:space-between}html.auth-themed[data-auth-theme=storm] .auth-side{display:block;padding:8vh 8vw 0;z-index:1}html.auth-themed[data-auth-theme=storm] .auth-ornament{width:48px;height:72px;margin:0;background:radial-gradient(circle at 50% 30%,#ffd0a8,#ff6a3a 40%,transparent 62%);filter:drop-shadow(0 0 18px #ff6a3a);border-radius:0 0 40% 40%}html.auth-themed[data-auth-theme=storm] .auth-quote{color:#ffd0a8;font-size:15px;margin-top:12px;max-width:36ch}html.auth-themed[data-auth-theme=storm] #screen-auth .auth-card{margin:0;width:100%;max-width:none;transform:none;border-radius:0;display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:24px;padding:22px 8vw 28px;align-items:end;border-left:0;border-right:0;border-bottom:0;border-top:4px solid #ff6a3a}html.auth-themed[data-auth-theme=storm] .brand{text-align:left;margin:0}html.auth-themed[data-auth-theme=storm] .brand h1{font-size:20px;letter-spacing:.2em;text-transform:uppercase}html.auth-themed[data-auth-theme=gilded] #screen-auth{display:grid;place-items:center}html.auth-themed[data-auth-theme=gilded] .auth-side{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#2a1014 0 7%,transparent 18%),linear-gradient(-90deg,#2a1014 0 7%,transparent 18%)}html.auth-themed[data-auth-theme=gilded] .auth-ornament,html.auth-themed[data-auth-theme=gilded] .auth-quote{display:none}html.auth-themed[data-auth-theme=gilded] #screen-auth .auth-card{width:min(560px,92vw);display:grid;grid-template-columns:132px 1fr;grid-template-rows:auto 1fr;gap:0 20px;padding:28px 32px 24px}html.auth-themed[data-auth-theme=gilded] .brand{grid-column:1 / -1;text-align:center;border-bottom:2px solid #c9a227;padding-bottom:12px}html.auth-themed[data-auth-theme=gilded] .auth-body{display:contents}html.auth-themed[data-auth-theme=gilded] .tabs{flex-direction:column;gap:8px;margin:16px 0 0;grid-column:1}html.auth-themed[data-auth-theme=gilded] .tab{writing-mode:horizontal-tb}html.auth-themed[data-auth-theme=gilded] #form-login,html.auth-themed[data-auth-theme=gilded] #form-reg,html.auth-themed[data-auth-theme=gilded] #auth-err,html.auth-themed[data-auth-theme=gilded] .preload,html.auth-themed[data-auth-theme=gilded] .hint{grid-column:2}@media(max-width:800px){html.auth-themed[data-auth-theme=harbor] #screen-auth .auth-card,html.auth-themed[data-auth-theme=storm] #screen-auth .auth-card,html.auth-themed[data-auth-theme=gilded] #screen-auth .auth-card{grid-template-columns:1fr}html.auth-themed[data-auth-theme=harbor] #screen-auth{justify-content:flex-start}html.auth-themed[data-auth-theme=harbor] #screen-auth .auth-card{padding:20px 16px 28px;border-radius:0;max-height:100%;overflow:auto}html.auth-themed[data-auth-theme=harbor] .brand h1{font-size:28px}html.auth-themed[data-auth-theme=harbor] .brand{text-align:center}html.auth-themed[data-auth-theme=chart] #screen-auth{grid-template-columns:1fr}html.auth-themed[data-auth-theme=chart] .auth-side{display:none}html.auth-themed[data-auth-theme=gilded] .tabs{flex-direction:row}}.theme-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.theme-pick{text-align:left;cursor:pointer;color:inherit;background:#0a1822;border:1px solid #345;border-radius:12px;padding:10px;font:13px Manrope,sans-serif}.theme-pick.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.theme-pick b{display:block;margin:8px 0 4px;font-family:Cinzel,serif}.theme-pick small{color:var(--dim);display:block;line-height:1.35}.theme-swatch{display:block;height:72px;border-radius:8px}.theme-swatch.t-harbor{background:linear-gradient(180deg,#1a3a58,#d47830 70%,#0c2438)}.theme-swatch.t-abyss{background:radial-gradient(circle at 50% 60%,#5ce0d8 0,#5ce0d8 6%,#14204a 28%,#03040c)}.theme-swatch.t-chart{background:repeating-linear-gradient(0deg,#e8d6b0 0,#e8d6b0 12px,#c4a878 12px,#c4a878 13px)}.theme-swatch.t-storm{background:linear-gradient(180deg,#4a5878,#0a0c12 50%,#ff6a3a)}.theme-swatch.t-gilded{background:linear-gradient(180deg,#5a2030,#faf4e8 55%,#7a1828)}@media(max-width:800px){html.auth-themed[data-auth-theme=chart] #screen-auth .auth-card{margin:6vh auto}}