:root{--aresden: #ff5a47;--aresden-dim: #8a241b;--elvine: #4f9bff;--elvine-dim: #1c4673;--gold: #f2c14e;--gold-2: #ffe9a8;--ink: #eef2f8;--ink-dim: #aab3c4;--glass: rgba(20, 24, 36, .62);--glass-line: rgba(255, 255, 255, .1);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:#06080f;color:var(--ink);font-family:Rajdhani,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.screen{position:relative;width:100vw;height:100vh}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f}.creation{display:grid;place-items:center;overflow-y:auto;background:radial-gradient(900px 500px at 18% 0%,rgba(255,90,71,.16),transparent 60%),radial-gradient(900px 500px at 82% 100%,rgba(79,155,255,.16),transparent 60%),radial-gradient(1200px 800px at 50% -10%,#161c2e,#06080f 70%)}.creation-card{width:min(580px,94vw);margin:24px;padding:30px 30px 24px;background:var(--glass);border:1px solid var(--glass-line);border-radius:20px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff12}.title{font-family:Cinzel,serif;font-weight:900;letter-spacing:6px;font-size:52px;text-align:center;line-height:1;background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,#b9842b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(242,193,78,.45))}.title span{display:block;font-size:16px;letter-spacing:8px;font-weight:600;-webkit-text-fill-color:var(--ink-dim);margin-top:6px;font-family:Rajdhani}.subtitle{text-align:center;color:var(--ink-dim);margin:14px 0 22px;font-size:15px}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.field input{width:100%;padding:12px 14px;background:#0000004d;border:1px solid var(--glass-line);color:var(--ink);border-radius:10px;font-size:16px;font-family:Rajdhani;font-weight:600;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f2c14e26}.faction-row,.builds{display:flex;gap:12px}.faction,.build{flex:1;text-align:left;cursor:pointer;padding:14px;border-radius:12px;background:#ffffff08;border:1.5px solid var(--glass-line);color:var(--ink);transition:transform .1s,border-color .15s,background .15s,box-shadow .15s}.faction strong,.build strong{display:block;font-size:16px;margin-bottom:4px;font-weight:700}.faction small,.build small{font-size:12px;color:var(--ink-dim);line-height:1.3}.faction:hover,.build:hover{transform:translateY(-3px);background:#ffffff0f}.faction.aresden.on{border-color:var(--aresden);background:linear-gradient(180deg,#ff5a4733,#ffffff05);box-shadow:0 0 24px -4px var(--aresden)}.faction.elvine.on{border-color:var(--elvine);background:linear-gradient(180deg,#4f9bff33,#ffffff05);box-shadow:0 0 24px -4px var(--elvine)}.build.on{border-color:var(--gold);background:linear-gradient(180deg,#f2c14e29,#ffffff05);box-shadow:0 0 24px -6px var(--gold)}.stat-preview{margin:16px 0 22px;padding:14px;border-radius:12px;background:#00000047;border:1px solid var(--glass-line)}.attrs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.attr{text-align:center;background:#ffffff0a;border-radius:9px;padding:8px 0;border:1px solid var(--glass-line)}.attr-name{display:block;font-size:10px;letter-spacing:1px;color:var(--ink-dim)}.attr-val{display:block;font-size:20px;font-weight:700;color:var(--gold-2)}.derived{display:flex;justify-content:space-around;font-size:14px;color:var(--ink-dim)}.derived b{color:var(--ink);font-size:16px}.start{width:100%;padding:16px;border:none;border-radius:12px;cursor:pointer;font-family:Cinzel,serif;font-size:17px;font-weight:800;letter-spacing:3px;color:#1a140a;background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,#c79433);transition:filter .15s,transform .1s,box-shadow .2s;box-shadow:0 8px 24px #f2c14e4d}.start:hover{filter:brightness(1.08);transform:translateY(-2px)}.start.aresden{box-shadow:0 8px 30px #ff5a4766}.start.elvine{box-shadow:0 8px 30px #4f9bff66}.hint{text-align:center;font-size:13px;color:var(--ink-dim);margin-top:14px}.hint b{color:var(--gold-2)}.game{background:#06080f}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-wrap canvas{display:block;margin:0 auto}.hud{position:absolute;top:16px;left:16px;display:flex;gap:12px;padding:12px;width:320px;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 36px #0006}.portrait{width:60px;height:60px;border-radius:12px;position:relative;flex:none;background:radial-gradient(circle at 35% 30%,#ffffff1f,#0006);border:2px solid var(--glass-line)}.portrait.aresden{border-color:var(--aresden);box-shadow:inset 0 0 22px #ff5a4766,0 0 16px -4px var(--aresden)}.portrait.elvine{border-color:var(--elvine);box-shadow:inset 0 0 22px #4f9bff66,0 0 16px -4px var(--elvine)}.portrait .lvl{position:absolute;bottom:-7px;right:-7px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1408;font-weight:800;font-size:13px;border-radius:8px;padding:1px 8px;box-shadow:0 2px 8px #00000080}.hud-bars{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.hud-name{font-size:15px;font-weight:700;letter-spacing:.5px}.hud-name small{color:var(--ink-dim);font-weight:500;text-transform:capitalize}.bar{position:relative;height:17px;background:#00000073;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;transition:width .25s ease;border-radius:9px}.bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 50%)}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);letter-spacing:.5px}.exp{position:relative;height:8px;background:#00000073;border-radius:6px;overflow:hidden;margin-top:1px}.exp-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#8a6a2a,var(--gold-2));transition:width .3s;box-shadow:0 0 8px var(--gold)}.exp span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:8px;color:#fff;line-height:8px;text-shadow:0 1px 1px #000}.spellbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000073}.spellbar.empty{font-size:13px;color:var(--ink-dim);padding:14px 18px}.spell-slot{position:relative;width:78px;height:70px;cursor:pointer;color:var(--ink);background:#ffffff0a;border:1.5px solid var(--glass-line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .1s,border-color .15s,box-shadow .15s,background .15s}.spell-slot:hover{transform:translateY(-4px);background:#ffffff14}.spell-slot.on{border-color:var(--c);box-shadow:0 0 22px -2px var(--c),inset 0 0 16px -8px var(--c);background:#ffffff12}.spell-slot.nomana{opacity:.4}.spell-slot .key{position:absolute;top:3px;left:6px;font-size:10px;color:var(--ink-dim);font-weight:700}.spell-slot .glyph{font-size:24px;line-height:1;filter:drop-shadow(0 0 6px var(--c))}.spell-slot .sname{font-size:10px;text-align:center;line-height:1;font-weight:600}.spell-slot .cost{font-size:10px;color:#6fb6ff;font-weight:700}.controls-hint{align-self:center;font-size:11px;color:var(--ink-dim);max-width:130px;line-height:1.35;margin-left:6px}.stats-toggle{position:absolute;top:16px;right:16px;cursor:pointer;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s}.stats-toggle:hover{transform:translateY(-2px)}.stats-toggle.pulse{border-color:var(--gold);color:var(--gold-2);animation:pulse 1.3s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f2c14e80}50%{box-shadow:0 0 0 8px #f2c14e00}}.stats-panel{position:absolute;top:60px;right:16px;width:240px;padding:14px;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000073}.sp-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:700}.points{color:var(--ink-dim)}.points.hot{color:var(--gold-2)}.sp-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.sp-name{font-size:13px}.sp-val{font-size:16px;font-weight:700;color:var(--gold-2);min-width:30px;text-align:right}.sp-plus{width:26px;height:26px;border-radius:7px;cursor:pointer;border:1px solid var(--glass-line);background:#ffffff12;color:var(--ink);font-weight:700;font-size:16px;transition:background .12s}.sp-plus:hover:not(:disabled){background:var(--gold);color:#1a1408}.sp-plus:disabled{opacity:.3;cursor:default}.sp-foot{font-size:11px;color:var(--ink-dim);margin-top:10px}.log-panel{position:absolute;bottom:100px;left:16px;width:340px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.log-line{font-size:12px;color:var(--ink);background:#06080f99;padding:4px 10px;border-radius:8px;border-left:3px solid var(--gold);width:fit-content;max-width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:logIn .25s ease}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(900px 600px at 50% 40%,#161c2e,#06080f 75%)}.loading-logo{font-family:Cinzel,serif;font-weight:900;font-size:56px;letter-spacing:8px;background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,#b9842b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 16px rgba(242,193,78,.5));animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.8}50%{opacity:1}}.loading-bar{width:220px;height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.loading-bar-fill{height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:slide 1.1s linear infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.loading-tip{font-size:13px;color:var(--ink-dim);letter-spacing:1px}.minimap{position:absolute;top:16px;right:16px;padding:8px;background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 36px #00000073}.minimap canvas{display:block;border-radius:8px;image-rendering:pixelated}.minimap.aresden{border-color:#d04b3a8c;box-shadow:0 10px 36px #00000073,0 0 0 1px #d04b3a40,inset 0 0 22px -14px #d04b3ae6}.minimap.elvine{border-color:#3f86d68c;box-shadow:0 10px 36px #00000073,0 0 0 1px #3f86d640,inset 0 0 22px -14px #3f86d6e6}.minimap.aresden .minimap-title{color:#f08a78}.minimap.elvine .minimap-title{color:#8fbdf0}.minimap-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:10px;color:var(--ink-dim)}.minimap-legend span{display:flex;align-items:center;gap:4px}.minimap-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);transform-origin:top center;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:min(720px,80vw);padding:8px;background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12}.tb-gold{font-size:13px;font-weight:700;color:var(--gold-2)}.toolbar button{display:flex;align-items:center;gap:3px;cursor:pointer;color:var(--ink);background:#ffffff0d;border:1px solid var(--glass-line);border-radius:9px;padding:7px 9px;font-size:16px;transition:transform .1s,background .12s}.toolbar button:hover{transform:translateY(-2px);background:#ffffff1a}.toolbar button small{font-size:9px;color:var(--ink-dim)}.toolbar .tb-handle{font-size:15px;font-weight:700;padding:6px 10px}body.touch .toolbar{top:6px;left:50%;right:auto;transform:translate(-50%);transform-origin:top center;flex-wrap:wrap;justify-content:center;max-width:min(340px,64vw);gap:6px;padding:6px 8px;z-index:12}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:min(440px,92vw);background:var(--glass);border:1px solid var(--glass-line);border-radius:16px;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 24px 70px #0009}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--glass-line);font-size:16px;font-weight:700}.panel-head .gold{margin-left:auto;color:var(--gold-2);font-size:14px}.panel-head .x{margin-left:auto;cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;width:28px;height:28px;font-size:14px}.panel-head .gold+.x{margin-left:8px}@media(min-width:940px){.char-panel{right:calc(50% + 14px);left:auto;width:min(540px,52vw);transform:translateY(-50%)}.inv-panel{left:calc(50% + 14px);right:auto;width:min(430px,45vw);transform:translateY(-50%)}}body.touch .panel{transform:translate(-50%,-50%) scale(.8);transform-origin:center}.panel-head .x:hover{background:var(--aresden)}.panel-foot{padding:10px 16px;border-top:1px solid var(--glass-line);font-size:11px;color:var(--ink-dim);text-align:center}.char-body{display:flex;gap:14px;padding:16px}.equip-col,.stats-col,.pd-col{min-width:0}.pd-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.col-title{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.col-title .pts,.pts{font-style:normal;font-size:11px;color:#1a1408;background:var(--gold);padding:1px 7px;border-radius:6px;font-weight:700}.equip-col{flex:1}.equip-slot{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:8px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-line)}.equip-slot.filled{cursor:pointer;border-color:#f2c14e66}.equip-slot.filled:hover{background:#f2c14e1a}.es-icon{font-size:20px;width:26px;text-align:center}.es-info{display:flex;flex-direction:column;line-height:1.2}.es-info small{color:var(--ink-dim);font-size:11px}.combat-summary{display:flex;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--glass-line);font-size:13px}.combat-summary b{color:var(--gold-2)}.stats-col{flex:1}.derived-mini{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--glass-line);font-size:13px;color:var(--ink-dim)}.derived-mini b{color:var(--ink)}.inv-panel{width:min(380px,92vw)}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px;max-height:min(56vh,420px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.inv-cap{font-size:12px;font-weight:700;color:var(--ink-dim);padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid var(--glass-line)}.inv-cap.full{color:#ffb4a2;border-color:#ff5a5080;background:#ff5a501f}.inv-cell{position:relative;aspect-ratio:1;border-radius:10px;background:#0000004d;border:1px solid var(--glass-line);cursor:default;font-size:22px;display:flex;align-items:center;justify-content:center}.inv-cell.has{cursor:pointer;background:#ffffff0f}.inv-cell.has:hover{border-color:var(--gold);transform:translateY(-2px)}.inv-cell .qty{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#04060c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.shop-panel{position:static;transform:none;width:min(460px,92vw)}.shop-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-line)}.sr-icon{font-size:24px;width:30px;text-align:center}.sr-info{flex:1;display:flex;flex-direction:column;line-height:1.25}.sr-info small{color:var(--ink-dim);font-size:11px}.buy{cursor:pointer;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1408;font-weight:700;border:none;border-radius:9px;padding:8px 12px;font-size:13px;white-space:nowrap}.buy:hover{filter:brightness(1.08)}.buy.no{background:#ffffff14;color:var(--ink-dim);cursor:not-allowed}.shop-panel.wide{width:min(720px,94vw)}.shop-cols{display:flex;gap:12px;padding:0 4px}.shop-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.shop-h{font-family:Cinzel,serif;font-size:13px;letter-spacing:1px;color:var(--gold-2);padding:10px 16px 4px}.shop-col .shop-list{max-height:min(46vh,360px)}.shop-empty{color:var(--ink-dim);font-size:13px;text-align:center;padding:24px 8px}.sell-qty{width:46px;padding:6px 4px;text-align:center;border-radius:8px;font-size:13px;background:#00000059;color:var(--ink);border:1px solid var(--glass-line);-moz-appearance:textfield}.sell-qty::-webkit-outer-spin-button,.sell-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:560px){.shop-cols{flex-direction:column}.shop-col .shop-list{max-height:40vh}.shop-panel.wide{max-height:88svh;overflow-y:auto}}.bank-panel{position:static;transform:none;width:min(620px,94vw)}.bank-gold-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--glass-line)}.bg-side{display:flex;flex-direction:column;line-height:1.2;min-width:86px}.bg-side small{color:var(--ink-dim);font-size:11px}.bg-side b{color:var(--gold-2);font-size:16px}.bg-side:last-child{text-align:right;align-items:flex-end}.bg-mid{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center}.bg-mid input{width:120px;text-align:center;background:#00000059;border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;padding:6px 8px;font-size:14px}.bg-btns{display:flex;gap:8px}.bg-btns button{cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.bg-btns button:hover:not(:disabled){border-color:var(--gold);background:#f2c14e1f}.bg-btns button:disabled{opacity:.4;cursor:not-allowed}.bank-cols{display:flex;gap:12px;padding:14px 16px}.bank-col{flex:1;min-width:0}.bank-col-head{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.bank-col-head small{color:var(--ink-dim);opacity:.7}.bank-grid{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}.bank-empty{text-align:center;color:var(--ink-dim);font-size:12px;padding:18px 0;opacity:.6}.bank-cell{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:#ffffff0a;border:1px solid var(--glass-line);cursor:pointer;text-align:left;width:100%}.bank-cell:hover{background:#f2c14e1a;transform:translateY(-1px)}.bk-icon{font-size:20px;width:24px;text-align:center}.bk-name{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-qty{font-size:12px;color:var(--ink-dim);font-weight:700}.trade-panel{position:static;transform:none;width:min(620px,94vw)}.trade-cols{display:flex;gap:12px;padding:14px 16px 6px}.trade-col{flex:1;min-width:0;background:#ffffff08;border:1px solid var(--glass-line);border-radius:12px;padding:10px}.trade-col-head{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;display:flex;justify-content:space-between}.trade-col-head.locked{color:#6bd98a}.trade-gold{color:var(--gold-2);font-weight:700;font-size:15px;margin-bottom:8px}.trade-items{display:flex;flex-direction:column;gap:6px;min-height:70px;max-height:200px;overflow-y:auto}.trade-empty{text-align:center;color:var(--ink-dim);font-size:12px;padding:14px 0;opacity:.55}.trade-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#00000040;border:1px solid var(--glass-line);cursor:pointer;text-align:left;width:100%}.trade-item:disabled{cursor:default;opacity:.95}.trade-item:not(:disabled):hover{background:#f2c14e1f}.ti-icon{font-size:18px;width:22px;text-align:center}.ti-name{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ti-qty{font-size:12px;color:var(--ink-dim);font-weight:700}.trade-controls{padding:6px 16px 0;border-top:1px solid var(--glass-line);margin-top:4px}.trade-gold-set{display:flex;gap:8px;padding:10px 0}.trade-gold-set input{width:110px;background:#00000059;border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;padding:6px 8px;text-align:center}.trade-gold-set button{cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.trade-gold-set button:disabled{opacity:.4;cursor:not-allowed}.trade-inv{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;padding-bottom:6px}.trade-foot{display:flex;gap:10px;padding:12px 16px}.trade-lock{flex:1;cursor:pointer;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1408;font-weight:700;border:none;border-radius:9px;padding:10px;font-size:13px}.trade-lock.on{background:linear-gradient(180deg,#6bd98a,#3fae63);color:#08210f}.trade-cancel{cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:9px;padding:10px 14px;font-size:13px}.trade-cancel:hover{color:var(--ink);border-color:var(--aresden)}.party-panel{position:absolute;top:252px;left:14px;z-index:20;width:184px;background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;padding:10px}.party-head{font-size:13px;font-weight:700;margin-bottom:8px;display:flex;flex-direction:column}.party-head small{font-size:10px;color:var(--gold-2);font-weight:600;letter-spacing:.3px}.party-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.party-member{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:8px;background:#ffffff0a;font-size:12px}.pm-dot{width:8px;height:8px;border-radius:50%;background:#555;flex-shrink:0}.pm-dot.on{background:#6bd98a;box-shadow:0 0 6px #6bd98a}.pm-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-lv{color:var(--ink-dim);font-size:11px;font-weight:700}.pm-ctl{display:flex;gap:3px;margin-left:2px}.pm-ctl button{cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:5px;width:18px;height:18px;font-size:10px;line-height:1;padding:0}.pm-ctl button:hover{color:var(--ink);border-color:var(--gold)}.party-leave{width:100%;cursor:pointer;background:#ffffff0d;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:8px;padding:6px;font-size:11px}.party-leave:hover{color:var(--ink);border-color:var(--aresden)}.party-invite{position:absolute;top:86px;left:50%;transform:translate(-50%);z-index:45;background:var(--glass);border:1px solid var(--gold);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 36px #0009;padding:12px 16px;display:flex;flex-direction:column;gap:8px;align-items:center}.pi-text{font-size:13px}.pi-btns{display:flex;gap:8px}.pi-yes{cursor:pointer;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1408;font-weight:700;border:none;border-radius:8px;padding:7px 16px;font-size:13px}.pi-no{cursor:pointer;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:8px;padding:7px 14px;font-size:13px}.pi-yes:hover{filter:brightness(1.08)}.pi-no:hover{color:var(--ink)}.continue{width:100%;margin-bottom:18px;padding:13px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;color:var(--ink);background:linear-gradient(180deg,#5fa8ff38,#5fa8ff14);border:1.5px solid var(--elvine);border-radius:12px;transition:transform .1s,box-shadow .2s,filter .15s;box-shadow:0 0 22px -6px var(--elvine)}.continue:hover{transform:translateY(-2px);filter:brightness(1.12)}.continue small{color:var(--ink-dim);font-weight:500}.inv-cell .up{position:absolute;top:2px;left:4px;font-size:10px;font-weight:800;color:var(--gold-2);text-shadow:0 1px 2px #000}.equip-slot .es-info{flex:1}.es-actions{display:flex;align-items:center;gap:6px}.up-btn{cursor:pointer;font-size:11px;font-weight:700;color:#1a1408;white-space:nowrap;background:linear-gradient(180deg,var(--gold-2),var(--gold));border:none;border-radius:8px;padding:6px 8px}.up-btn:hover:not(:disabled){filter:brightness(1.08)}.up-btn:disabled{background:#ffffff14;color:var(--ink-dim);cursor:not-allowed}.uneq-btn{cursor:pointer;width:26px;height:26px;border-radius:7px;font-size:12px;color:var(--ink);background:#ffffff0f;border:1px solid var(--glass-line)}.uneq-btn:hover{background:var(--aresden)}.buffs{display:flex;gap:6px;margin-top:2px}.buff{display:flex;align-items:center;gap:2px;font-size:12px;padding:2px 7px;border-radius:8px;background:#ffffff0f;border:1px solid var(--glass-line)}.buff small{font-size:10px;color:var(--ink-dim)}.buff.haste{border-color:var(--gold);box-shadow:0 0 10px -3px var(--gold)}.buff.protection{border-color:var(--elvine);box-shadow:0 0 10px -3px var(--elvine)}.spell-slot.book{width:64px}.spell-slot.book .glyph{filter:none}.book-panel{width:min(560px,94vw)}.book-body{max-height:60vh;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.circle-row{display:flex;gap:12px;align-items:flex-start}.circle-num{flex:none;width:44px;text-align:center;font-family:Cinzel,serif;font-weight:800;font-size:22px;color:var(--gold-2);padding-top:6px;display:flex;flex-direction:column;align-items:center}.circle-num small{font-size:8px;letter-spacing:1px;color:#b694e8;font-family:Rajdhani}.circle-spells{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.grim-spell{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;text-align:left;background:#ffffff0a;border:1.5px solid var(--glass-line);color:var(--ink);transition:transform .1s,border-color .15s}.grim-spell.known:hover{transform:translateY(-2px);border-color:var(--c)}.grim-spell.sel{border-color:var(--c);box-shadow:0 0 16px -3px var(--c);background:#ffffff14}.grim-spell.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.gs-glyph{font-size:18px;filter:drop-shadow(0 0 5px var(--c))}.gs-name{flex:1;font-size:13px;font-weight:600}.gs-meta{font-size:10px;color:var(--ink-dim);white-space:nowrap}.skills-mini{margin-top:12px;padding-top:10px;border-top:1px solid var(--glass-line)}.skill-row{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.skill-row>span{width:56px;color:var(--ink-dim)}.skill-row>b{width:36px;text-align:right;color:var(--gold-2)}.sk-bar{flex:1;height:8px;background:#0006;border-radius:5px;overflow:hidden;border:1px solid var(--glass-line)}.sk-bar>div{height:100%;background:linear-gradient(90deg,#c0392b,#ff8a5b);border-radius:5px;transition:width .3s}.sk-bar.mag>div{background:linear-gradient(90deg,#5a3c8a,#b084ff)}.sk-note{display:block;font-size:10px;color:var(--ink-dim);margin-top:4px}.minimap-title{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--gold-2);text-align:center;margin-bottom:6px;text-transform:uppercase}.cit-badge{margin-left:auto;font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px;background:#ffffff0f;border:1px solid var(--glass-line);color:var(--ink-dim)}.cit-badge.civilian{color:#8fffa6;border-color:#8fffa666}.cit-badge.combatant{color:#ff8a7a;border-color:#ff5a4780}.cit-badge+.x{margin-left:8px}.cit-panel{width:min(480px,94vw);position:static;transform:none}.cit-panel.aresden{box-shadow:0 24px 70px #0009,0 0 40px -10px var(--aresden)}.cit-panel.elvine{box-shadow:0 24px 70px #0009,0 0 40px -10px var(--elvine)}.cit-intro{padding:16px 18px 4px;font-size:14px;color:var(--ink-dim);line-height:1.4}.cit-options{display:flex;gap:12px;padding:14px 18px}.cit-opt{flex:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 12px;border-radius:12px;background:#ffffff0a;border:1.5px solid var(--glass-line);color:var(--ink);transition:transform .1s,border-color .15s,background .15s}.cit-opt:hover{transform:translateY(-3px);border-color:#8fffa6;background:#8fffa614}.cit-opt.combat:hover{border-color:var(--aresden);background:#ff5a4714}.cit-ic{font-size:30px}.cit-opt strong{font-size:16px}.cit-opt small{font-size:11px;color:var(--ink-dim);line-height:1.3}.cit-foot{padding:0 18px 16px;text-align:center;font-size:11px;color:var(--ink-dim)}.tb-cloud{font-size:13px;font-weight:700;padding:4px 7px;border-radius:8px;background:#ffffff0d;border:1px solid var(--glass-line)}.tb-cloud.saved{color:#8fffa6;border-color:#8fffa666}.tb-cloud.syncing{color:var(--gold-2)}.tb-cloud.error{color:#ff8a7a;border-color:#ff5a4780}.tb-cloud.offline{color:var(--ink-dim)}.acc-corner{position:absolute;top:16px;right:16px;z-index:5;cursor:pointer;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);border-radius:10px;padding:9px 14px;font-family:Rajdhani;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s}.acc-corner:hover{transform:translateY(-2px)}.rank-corner{position:absolute;top:16px;left:16px;z-index:5;cursor:pointer;color:var(--gold-2);background:var(--glass);border:1px solid rgba(242,193,78,.4);border-radius:10px;padding:9px 14px;font-family:Rajdhani;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s}.rank-corner:hover{transform:translateY(-2px)}.auth-guest-row{display:flex;justify-content:center;margin-top:12px}.auth-guest{cursor:pointer;background:none;border:none;color:var(--ink-dim);font-family:Rajdhani;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth-guest:hover{color:var(--ink)}.rank-panel{position:static;transform:none;width:min(520px,94vw)}.rank-tabs{display:flex;gap:8px;padding:12px 16px 4px}.rank-tabs button{flex:1;cursor:pointer;background:#ffffff0a;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:9px;padding:8px;font-size:13px;font-weight:600}.rank-tabs button.on{background:#f2c14e24;border-color:var(--gold);color:var(--ink)}.rank-list{max-height:420px;overflow-y:auto;padding:8px 16px 12px;display:flex;flex-direction:column;gap:5px}.rank-empty{text-align:center;color:var(--ink-dim);font-size:13px;padding:26px 0}.rank-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:#ffffff08;border-left:3px solid var(--glass-line)}.rank-row.aresden{border-left-color:var(--aresden)}.rank-row.elvine{border-left-color:var(--elvine)}.rk-pos{width:26px;text-align:center;font-weight:800;color:var(--ink-dim);font-size:14px}.rk-pos.top{color:var(--gold)}.rk-name{font-weight:700;font-size:14px;min-width:90px}.rk-fac{flex:1;color:var(--ink-dim);font-size:12px}.rk-val{font-weight:800;color:var(--gold-2);font-size:14px}.ach-panel{position:static;transform:none;width:min(480px,94vw)}.ach-count{margin-left:auto;color:var(--gold-2);font-size:13px;font-weight:700}.ach-count+.x{margin-left:8px}.ach-list{max-height:440px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-line);opacity:.62}.ach-row.on{opacity:1;border-color:#f2c14e73;background:#f2c14e12}.ach-icon{font-size:24px;width:30px;text-align:center}.ach-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ach-top{display:flex;align-items:center;gap:8px;font-size:14px}.ach-check{color:#6bd98a;font-weight:800}.ach-info small{color:var(--ink-dim);font-size:11px}.ach-bar{height:5px;border-radius:3px;background:#00000059;overflow:hidden;margin-top:2px}.ach-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:3px}.ach-prog{font-size:12px;font-weight:700;color:var(--ink-dim);white-space:nowrap}.ach-title-tag{font-size:10px;color:var(--gold-2);font-style:italic}.ach-equip{cursor:pointer;background:#f2c14e1f;border:1px solid rgba(242,193,78,.5);color:var(--gold-2);border-radius:7px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.ach-equip:hover{background:#f2c14e38}.ach-equip.on{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1408}.account-panel{width:min(420px,94vw);position:static;transform:none}.acc-body{padding:18px}.acc-tabs{display:flex;gap:8px;margin-bottom:16px}.acc-tabs button{flex:1;cursor:pointer;padding:10px;border-radius:9px;font-weight:700;font-family:Rajdhani;background:#ffffff0a;border:1px solid var(--glass-line);color:var(--ink-dim)}.acc-tabs button.on{color:#1a1408;background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:var(--gold)}.acc-field{display:block;margin-bottom:12px}.acc-field span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px}.acc-field input{width:100%;padding:11px 12px;background:#00000052;border:1px solid var(--glass-line);color:var(--ink);border-radius:9px;font-size:15px;font-family:Rajdhani}.acc-field input:focus{outline:none;border-color:var(--gold)}.acc-msg{font-size:13px;padding:9px 11px;border-radius:8px;margin-bottom:12px}.acc-msg.err{color:#ff9a8a;background:#ff5a471f;border:1px solid rgba(255,90,71,.4)}.acc-msg.ok{color:#8fffa6;background:#8fffa61a;border:1px solid rgba(143,255,166,.4)}.acc-submit{width:100%;padding:13px;border:none;border-radius:10px;cursor:pointer;font-family:Cinzel,serif;font-size:15px;font-weight:800;letter-spacing:1px;color:#1a140a;background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,#c79433)}.acc-submit:hover{filter:brightness(1.08)}.acc-submit:disabled{opacity:.5;cursor:default}.acc-submit.logout{background:#ff5a472e;color:#ff9a8a;border:1px solid rgba(255,90,71,.5);margin-top:16px}.acc-note{font-size:11px;color:var(--ink-dim);text-align:center;margin-top:12px}.acc-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#1a1408;background:linear-gradient(180deg,var(--gold-2),var(--gold))}.acc-name{text-align:center;font-size:18px;font-weight:700;margin-bottom:14px}.acc-rows{display:flex;flex-direction:column;gap:8px}.acc-rows>div{display:flex;justify-content:space-between;font-size:13px;padding:8px 10px;border-radius:8px;background:#ffffff08;border:1px solid var(--glass-line)}.acc-rows span{color:var(--ink-dim)}.tb-online{font-size:13px;font-weight:700;color:#8fffa6;padding:4px 8px;border-radius:8px;background:#8fffa614;border:1px solid rgba(143,255,166,.3)}.log-panel{bottom:196px}.chat-panel{position:absolute;bottom:16px;left:16px;width:340px;z-index:6;background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.chat-list{max-height:124px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.chat-msg{font-size:12px;color:var(--ink);line-height:1.3;word-break:break-word}.chat-msg b{font-weight:700}.chat-msg .f-aresden{color:#ff9a8a}.chat-msg .f-elvine{color:#9fc6ff}.chat-input{width:100%;padding:9px 11px;background:#0006;border:none;border-top:1px solid var(--glass-line);color:var(--ink);font-family:Rajdhani;font-size:14px}.chat-input:focus{outline:none;background:#0000008c}.hero-section{padding:0 16px 14px}.hero-section .col-title{margin-bottom:8px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hero-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:10px 4px;border-radius:10px;background:linear-gradient(180deg,#f2c14e1f,#ffffff05);border:1.5px solid rgba(242,193,78,.4);color:var(--ink);transition:transform .1s}.hero-item:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 18px -4px var(--gold)}.hero-item.no{opacity:.42;cursor:not-allowed;filter:grayscale(.5);border-color:var(--glass-line);background:#ffffff08}.hi-ic{font-size:24px}.hi-name{font-size:10px;text-align:center;line-height:1.1;font-weight:600}.hi-cost{font-size:10px;font-weight:700;color:var(--gold-2)}.skillbar{bottom:104px;gap:8px;padding:7px 9px}.skillbar.solo{bottom:18px}.skillbar .spell-slot{width:70px;height:60px}.skillbar .spell-slot .glyph{font-size:20px}.skillbar .cost{color:#ffd27e}body.touch .spellbar,body.touch .skillbar{bottom:8px;gap:5px;padding:5px 7px;max-width:96vw;flex-wrap:nowrap;overflow-x:auto;border-radius:12px}body.touch .skillbar{bottom:60px}body.touch .skillbar.solo{bottom:8px}body.touch .spell-slot,body.touch .skillbar .spell-slot{width:46px;height:44px;flex:0 0 auto;gap:0;border-radius:11px}body.touch .spell-slot .sname,body.touch .spell-slot .key{display:none}body.touch .spell-slot .glyph{font-size:21px}body.touch .spell-slot .cost{font-size:8px;line-height:1}body.touch .spell-slot.book{width:40px}.cmp-tip{position:fixed;z-index:60;pointer-events:none;width:200px;padding:10px 12px;background:#0c0e16f2;border:1px solid var(--glass-line);border-radius:10px;box-shadow:0 12px 36px #0009}.cmp-name{font-size:14px;font-weight:700}.cmp-sub{font-size:11px;color:var(--ink-dim);text-transform:capitalize;margin-bottom:8px}.cmp-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.cmp-row>span{color:var(--ink-dim)}.cmp-row b{font-weight:700}.cmp-row em{font-style:normal;font-size:12px}.cmp-row.up b{color:#7dff9b}.cmp-row.down b{color:#ff7a7a}.cmp-row.same b{color:var(--ink)}.cmp-foot{font-size:11px;color:var(--ink-dim);margin-top:6px;border-top:1px solid var(--glass-line);padding-top:6px}.cmp-desc{font-size:12px;color:var(--ink)}.spell-slot.oncd{cursor:default}.cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:conic-gradient(from -90deg,#06080ed1 calc(var(--f) * 360deg),#06080e4d 0deg)}.cd-clock{font-size:17px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;letter-spacing:-.5px}.select{display:grid;place-items:center;overflow-y:auto;background:radial-gradient(900px 500px at 18% 0%,rgba(255,90,71,.16),transparent 60%),radial-gradient(900px 500px at 82% 100%,rgba(79,155,255,.16),transparent 60%),radial-gradient(1200px 800px at 50% -10%,#161c2e,#06080f 70%)}.select-card{width:min(880px,96vw);margin:24px;padding:30px 30px 26px;background:var(--glass);border:1px solid var(--glass-line);border-radius:20px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff12}.char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}@media(max-width:720px){.char-grid{grid-template-columns:repeat(2,1fr)}}.char-card{display:flex;flex-direction:column;background:#ffffff08;border:1.5px solid var(--glass-line);border-radius:14px;overflow:hidden;transition:transform .12s,border-color .15s,box-shadow .2s}.char-card.aresden{border-color:#ff5a4773}.char-card.elvine{border-color:#4f9bff73}.char-card.aresden:hover{transform:translateY(-4px);box-shadow:0 14px 34px -10px var(--aresden)}.char-card.elvine:hover{transform:translateY(-4px);box-shadow:0 14px 34px -10px var(--elvine)}.char-card-portrait{position:relative;line-height:0}.char-card-portrait canvas{width:100%;height:auto;display:block}.char-card-lv{position:absolute;top:8px;left:8px;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--gold-2);background:#06080eb8;padding:3px 8px;border-radius:999px;border:1px solid var(--glass-line)}.char-card-info{padding:10px 12px 4px;text-align:center}.char-card-name{display:block;font-size:17px;font-weight:800;color:var(--ink)}.char-card-sub{display:block;font-size:12px;color:var(--ink-dim);margin-top:2px}.char-card-cit{display:inline-block;margin-top:6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--glass-line);border-radius:999px;padding:2px 8px}.char-card-actions{display:flex;gap:6px;padding:10px 12px 12px}.cc-play{flex:1;padding:9px;border:none;border-radius:9px;cursor:pointer;font-family:Cinzel,serif;font-weight:800;letter-spacing:1px;font-size:13px;color:#1a140a;background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,#c79433);transition:filter .15s,transform .1s}.cc-play:hover{filter:brightness(1.08);transform:translateY(-1px)}.cc-play.aresden{box-shadow:0 6px 18px -6px var(--aresden)}.cc-play.elvine{box-shadow:0 6px 18px -6px var(--elvine)}.cc-trash{width:40px;border:1px solid var(--glass-line);border-radius:9px;cursor:pointer;background:#0000004d;font-size:15px;transition:background .15s,border-color .15s}.cc-trash:hover{background:var(--aresden-dim);border-color:var(--aresden)}.char-card-confirm{display:flex;align-items:center;gap:6px;padding:10px 12px 12px;font-size:13px;color:var(--ink-dim)}.char-card-confirm span{flex:1}.cc-del,.cc-cancel{padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:700;border:1px solid var(--glass-line)}.cc-del{background:var(--aresden-dim);color:#fff;border-color:var(--aresden)}.cc-cancel{background:#ffffff0d;color:var(--ink)}.char-card.empty{cursor:pointer;align-items:center;justify-content:center;min-height:300px;gap:8px;border-style:dashed;color:var(--ink-dim);background:#ffffff05}.char-card.empty:hover{color:var(--gold-2);border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 28px -12px var(--gold)}.empty-plus{font-size:46px;font-weight:300;line-height:1}.empty-label{font-size:13px;letter-spacing:1px}.char-card.placeholder{min-height:300px;border-style:dashed;opacity:.35;background:transparent}.back-link{background:none;border:none;color:var(--ink-dim);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:8px;padding:0;transition:color .15s}.back-link:hover{color:var(--gold-2)}.switch-char-top{width:100%;margin:0 0 14px;padding:12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;color:var(--ink);background:#4f9bff1f;border:1px solid var(--elvine);transition:background .15s,transform .1s}.switch-char-top:hover{background:#4f9bff38;transform:translateY(-1px)}.quest-panel{width:min(460px,94vw)}.quest-list{max-height:62vh;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:10px}.quest-row{padding:12px;border-radius:12px;background:#ffffff08;border:1px solid var(--glass-line)}.quest-row.ready{border-color:var(--gold);box-shadow:0 0 18px -8px var(--gold)}.quest-row.locked{opacity:.55}.quest-row.claimed{opacity:.6}.qr-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.qr-head b{font-size:15px}.qr-tag{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--glass-line)}.qr-tag.active{color:#bfe9ff}.qr-tag.ready{color:#1a140a;background:var(--gold-2);border-color:var(--gold)}.qr-tag.done{color:#7dff9b}.qr-desc{font-size:13px;color:var(--ink-dim);margin:7px 0;line-height:1.35}.qr-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;color:var(--ink-dim)}.qr-obj{color:#ffd9a8}.qr-reward{color:var(--gold-2)}.qr-btn{margin-top:10px;width:100%;padding:9px;border:none;border-radius:9px;cursor:pointer;font-weight:800;font-family:Rajdhani;letter-spacing:1px}.qr-btn.accept{background:#4f9bff2e;border:1px solid var(--elvine);color:#cfe6ff}.qr-btn.accept:hover{background:#4f9bff4d}.qr-btn.claim{background:linear-gradient(180deg,var(--gold-2),var(--gold) 60%,#c79433);color:#1a140a}.qr-btn.claim:hover{filter:brightness(1.08)}.qr-lock{margin-top:8px;font-size:12px;color:var(--ink-dim)}.questlog-panel{width:min(360px,92vw)}.ql-body{max-height:60vh;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.ql-empty{padding:18px 12px;text-align:center;color:var(--ink-dim);font-size:13px}.ql-row{padding:10px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-line)}.ql-row.ready{border-color:var(--gold)}.ql-row.claimed{opacity:.55}.ql-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ql-bar{height:7px;border-radius:999px;background:#0006;overflow:hidden;border:1px solid var(--glass-line)}.ql-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.ql-row small{display:block;margin-top:5px;color:var(--ink-dim);font-size:12px}.ql-sep{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin:6px 2px 0}.quest-tracker{position:absolute;left:14px;top:156px;z-index:8;width:196px;cursor:pointer;background:#080a109e;border:1px solid var(--glass-line);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .15s}.quest-tracker:hover{border-color:var(--gold)}.qt-title{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-2);margin-bottom:6px}.qt-row{display:flex;flex-direction:column;gap:1px;font-size:12px;padding:3px 0}.qt-line{display:flex;justify-content:space-between;gap:8px}.qt-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-prog{color:var(--ink-dim);font-weight:700;flex-shrink:0}.qt-where{font-size:10px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-row.ready .qt-prog{color:#7dff9b}.qt-row.ready .qt-name{color:var(--gold-2)}.qt-row.ready .qt-where{color:#7dff9b}.boot-screen{display:grid;place-items:center;color:var(--ink-dim);font-size:16px;letter-spacing:1px}.field-err{display:block;margin-top:6px;color:#ff7a7a;font-size:12px}.start:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);transform:none}.creation-portrait{display:grid;place-items:center;margin:0 auto 18px;width:150px;height:176px;border-radius:14px;overflow:hidden;border:1.5px solid var(--glass-line);background:#0000004d}.creation-portrait canvas{width:150px;height:176px;display:block}.creation-portrait.aresden{border-color:#ff5a4780;box-shadow:0 0 22px -8px var(--aresden)}.creation-portrait.elvine{border-color:#4f9bff80;box-shadow:0 0 22px -8px var(--elvine)}.faction.on{border-color:var(--gold);background:linear-gradient(180deg,#f2c14e29,#ffffff05);box-shadow:0 0 24px -6px var(--gold)}.landing{height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden;background:linear-gradient(100deg,#be2a309e,#6e161c66 18%,#06070d00 45%,#06070d00 55%,#1c2e6c6b 82%,#3056bea3),radial-gradient(1300px 760px at 50% -14%,#121a30,#0a0e1a 44%,#05060c)}.landing-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(760px 520px at 6% 10%,rgba(255,70,56,.3),transparent 64%),radial-gradient(760px 520px at 94% 12%,rgba(64,140,255,.3),transparent 64%),radial-gradient(900px 500px at 50% 108%,rgba(130,46,175,.14),transparent 70%)}.landing-inner{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:46px 24px 64px}.landing-hero{text-align:center;padding:22px 0 12px}.landing-factions{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}.lf-badge{font-family:Cinzel,serif;font-weight:800;letter-spacing:3px;font-size:14px;padding:5px 14px;border-radius:8px;border:1.5px solid}.lf-badge.ar{color:var(--aresden);border-color:#ff5a4780;box-shadow:0 0 22px -7px var(--aresden)}.lf-badge.el{color:var(--elvine);border-color:#4f9bff80;box-shadow:0 0 22px -7px var(--elvine)}.lf-vs{color:var(--ink-dim);font-style:italic;font-size:13px}.landing-title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(54px,11vw,102px);letter-spacing:10px;line-height:.95;margin:4px 0 6px;background:linear-gradient(180deg,#fff 0%,var(--gold-2) 45%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 26px rgba(242,193,78,.25))}.landing-tag{color:var(--gold-2);font-weight:700;letter-spacing:2px;font-size:clamp(13px,2.4vw,17px);margin-bottom:16px}.landing-desc{color:var(--ink-dim);max-width:640px;margin:0 auto 26px;line-height:1.62;font-size:15.5px}.landing-cta{cursor:pointer;font-family:Cinzel,serif;font-weight:800;letter-spacing:3px;font-size:20px;color:#20160a;padding:16px 46px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 10px 34px #f2c14e6b,inset 0 1px #ffffff80;transition:transform .12s ease,box-shadow .2s,filter .15s}.landing-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 46px #f2c14e8c;filter:brightness(1.05)}.landing-cta:active{transform:translateY(0) scale(.99)}.landing-install{display:inline-block;margin:12px 0 0;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1px;font-size:14px;color:var(--ink);padding:9px 22px;border-radius:11px;background:#14182499;border:1.5px solid var(--glass-line);transition:border-color .15s,transform .1s}.landing-install:hover{border-color:var(--gold);transform:translateY(-1px)}.landing-note{margin-top:12px;color:var(--ink-dim);font-size:12.5px;letter-spacing:1px}.landing-showcase{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:40px auto 6px;min-height:116px}.landing-loading{color:var(--ink-dim);font-style:italic;align-self:center;padding:38px}.ls-card{width:104px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 9px;border-radius:14px;background:linear-gradient(180deg,#1e263a8c,#0e121e80);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lsIn .5s ease both}.ls-card img{width:72px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.ls-card figcaption{font-size:11.5px;font-weight:700;color:var(--ink-dim);letter-spacing:.4px;text-align:center}@keyframes lsIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:36px 0 6px}.lfeat{padding:18px 18px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line)}.lfeat-icon{font-size:26px;margin-bottom:8px}.lfeat h3{font-family:Cinzel,serif;font-size:16px;letter-spacing:1px;margin-bottom:6px;color:var(--gold-2)}.lfeat p{color:var(--ink-dim);font-size:13.5px;line-height:1.5}.landing-foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:42px}.landing-copy{color:var(--ink-dim);font-size:12px;opacity:.8}.touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;touch-action:none}.tc-joy{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:128px;height:128px;border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff0f,#0a0c146b);border:1.5px solid rgba(255,255,255,.18);box-shadow:0 6px 24px #0006;display:grid;place-items:center}.tc-knob{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffe9a8,var(--gold));border:1.5px solid rgba(0,0,0,.35);box-shadow:0 4px 14px #f2c14e66;will-change:transform}.tc-actions{position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:190px;height:158px;pointer-events:none}.tc-btn{position:absolute;pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);color:var(--ink);background:#14182499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:22px;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .07s,background .12s}.tc-btn:active{transform:scale(.9);background:#283044d9}.tc-btn small{position:absolute;bottom:3px;right:7px;font-size:9px;color:var(--ink-dim);font-weight:700}.tc-attack{width:78px;height:78px;right:4px;bottom:4px;font-size:30px;background:linear-gradient(180deg,#d6432f80,#141824b3);border-color:#ff786480}.tc-s1{width:56px;height:56px;right:90px;bottom:12px}.tc-s2{width:56px;height:56px;right:36px;bottom:86px}.tc-interact{width:50px;height:50px;right:112px;bottom:80px;background:#4f9bff52;border-color:#78aaff80;font-size:20px}.session-lost{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:grid;place-items:center;background:#06080fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.sl-box{max-width:380px;text-align:center;padding:26px 24px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:0 20px 60px #00000080}.sl-ico{font-size:44px;margin-bottom:8px}.sl-box h2{font-family:Cinzel,serif;font-size:19px;letter-spacing:1px;color:var(--gold-2);margin-bottom:10px}.sl-box p{color:var(--ink-dim);line-height:1.55;font-size:14px;margin-bottom:18px}.sl-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sl-box button{cursor:pointer;font-family:Cinzel,serif;font-weight:800;letter-spacing:1.5px;font-size:14px;padding:11px 24px;border-radius:12px;border:1.5px solid transparent}.sl-primary{color:#20160a;border:none;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 8px 24px #f2c14e59}.sl-ghost{color:var(--ink-dim);background:#ffffff0a;border-color:var(--glass-line)}.sl-ghost:hover{color:var(--ink);border-color:var(--aresden)}.rotate-overlay{display:none}body.touch .rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#06080f;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink);text-align:center;font-family:Cinzel,serif;font-size:20px;letter-spacing:2px}body.touch .rotate-overlay small{font-family:Rajdhani;color:var(--ink-dim);font-size:13px;letter-spacing:1px}.rotate-ico{font-size:50px;animation:rothint 1.8s ease-in-out infinite}@keyframes rothint{0%,to{transform:rotate(0)}50%{transform:rotate(-88deg)}}@media(orientation:portrait){body.touch .rotate-overlay{display:flex}}@media(max-height:480px){.hud{transform:scale(.78);transform-origin:top left}.minimap{transform:scale(.8);transform-origin:top right}.toolbar{transform:translate(-50%) scale(.84);transform-origin:top center}body.touch .toolbar{transform:translate(-50%) scale(.9)}.spellbar,.skillbar{transform:translate(-50%) scale(.82);transform-origin:bottom center}.quest-tracker{transform:scale(.82);transform-origin:top left;top:128px}.log-panel{display:none}.chat-panel{transform:scale(.82);transform-origin:bottom left;opacity:.92;bottom:150px;width:240px}[class*=-panel]{max-height:92svh!important;max-width:94vw!important;overflow-y:auto!important}}.portrait{cursor:pointer;overflow:visible}.portrait .avatar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:10px}.avatar-grid{display:flex;flex-wrap:wrap;gap:8px}.avatar-cell{width:76px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 5px 6px;cursor:pointer;color:var(--ink);background:#ffffff0a;border:1.5px solid var(--glass-line);border-radius:12px;transition:transform .1s,border-color .15s,box-shadow .15s}.avatar-cell:hover:not(.locked){transform:translateY(-2px)}.avatar-cell canvas{border-radius:8px;display:block}.avatar-cell.on{border-color:var(--gold-2);box-shadow:0 0 14px -3px var(--gold-2)}.avatar-cell.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.av-name{font-size:10px;font-weight:600;line-height:1}.av-lock{font-size:8px;color:var(--ink-dim);text-align:center;line-height:1.05}.av-panel{width:min(460px,92vw)}.av-body{padding:14px 16px;max-height:70vh;overflow-y:auto}.av-hint{font-size:11px;color:var(--ink-dim);margin-top:12px}.paperdoll{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:8px}.pd-col{display:flex;flex-direction:column;gap:8px}.pd-figure{display:flex;align-items:center;justify-content:center}.pd-figure canvas{border-radius:12px;border:1px solid var(--glass-line);background:radial-gradient(circle at 50% 35%,#ffffff0f,#00000059)}.pd-slot{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;padding:6px 4px 7px;background:#ffffff0a;border:1.5px solid var(--glass-line);border-radius:12px;min-height:64px;justify-content:center}.pd-slot.empty{opacity:.55}.pd-icon{font-size:22px;line-height:1}.pd-label{font-size:10px;font-weight:700;line-height:1.05}.pd-sub{font-size:9px;color:var(--ink-dim)}.pd-actions{display:flex;gap:4px;margin-top:3px}.pd-actions .up-btn,.pd-actions .uneq-btn{font-size:9px;padding:2px 5px}.mm-resize{position:absolute;left:3px;bottom:3px;width:16px;height:16px;cursor:nesw-resize;opacity:.45;touch-action:none;background:repeating-linear-gradient(45deg,transparent 0 3px,var(--ink-dim) 3px 4px);border-radius:0 0 0 8px}.mm-resize:hover{opacity:.9}body.touch .mm-resize{display:none}.landing-cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}.landing-rank{cursor:pointer;font-size:14px;font-weight:700;color:var(--gold-2);padding:10px 18px;border-radius:12px;background:#f2c14e1a;border:1px solid rgba(242,193,78,.4);transition:transform .1s,background .15s}.landing-rank:hover{transform:translateY(-2px);background:#f2c14e2e}.admin-panel{width:min(720px,94vw);max-height:88vh;display:flex;flex-direction:column}.admin-panel .panel-head{display:flex;align-items:center;gap:8px}.admin-panel .panel-head span{flex:1}.admin-refresh{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e8eef6;border-radius:6px;width:28px;height:26px;cursor:pointer}.admin-refresh:hover{background:#ffffff29}.admin-sql-hint{background:#ffc4541f;border:1px solid rgba(255,196,84,.4);color:#ffd98a;padding:8px 10px;border-radius:8px;margin:8px 10px 0;font-size:12px}.admin-sql-hint code{background:#0000004d;padding:1px 5px;border-radius:4px}.admin-msg{margin:8px 10px 0;font-size:12px;color:#bfe3c6}.admin-scroll{overflow:auto;margin:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{position:sticky;top:0;background:#1a2230;color:#9fb0c4;text-align:left;padding:6px 8px;font-weight:600}.admin-table td{padding:5px 8px;border-top:1px solid rgba(255,255,255,.06)}.admin-table tr.aresden .ad-name{color:#ff8a78}.admin-table tr.elvine .ad-name{color:#7db4ff}.admin-table .ad-name{font-weight:700}.admin-table .ad-edit{cursor:pointer;white-space:nowrap}.admin-table .ad-edit:hover{color:#ffd98a;text-decoration:underline}.admin-table select{background:#141b27;color:#e8eef6;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:2px 4px;font-size:12px}.admin-kills{margin:0 10px 6px;max-height:150px;overflow:auto}.admin-sub{color:#9fb0c4;font-size:12px;margin:4px 0}.admin-kill-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:2px 0}.admin-kill-row .aresden{color:#ff8a78}.admin-kill-row .elvine{color:#7db4ff}.admin-kill-row .ad-arrow{color:#9fb0c4}.admin-kill-row .ad-time{margin-left:auto;color:#6b7688;font-size:11px}.admin-empty,.admin-empty-sm{color:#8b97a8;text-align:center;padding:14px;font-size:13px}.admin-empty-sm{padding:6px}.landing-contact{max-width:620px;margin:18px auto 8px;padding:22px;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px}.lc-title{font-size:22px;margin:0 0 6px;color:#f1e6c8}.lc-sub{color:#aeb8c6;font-size:14px;margin:0 0 14px}.lc-sub a{color:#ffd76a}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;gap:10px}.contact-row input{flex:1;min-width:0}.contact-form input,.contact-form textarea{background:#080c1499;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#eef2f8;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#ffd76a}.contact-form button{align-self:center;margin-top:4px;padding:11px 26px;border:none;cursor:pointer;border-radius:10px;font-weight:700;font-size:15px;color:#2a210a;background:linear-gradient(180deg,#ffe79a,#f0c24a)}.contact-form button:disabled{opacity:.55;cursor:default}.contact-ok{color:#bdebc6;background:#50c8781f;border:1px solid rgba(80,200,120,.35);border-radius:10px;padding:14px;font-size:15px}.contact-err{color:#ffb4a8;font-size:13px}@media(max-width:560px){.contact-row{flex-direction:column}}.toolbar button.tb-off{opacity:.4}.toolbar button.tb-off{opacity:.7;position:relative}.toolbar button.tb-off:after{content:"";position:absolute;left:14%;right:14%;top:50%;height:2px;background:#ff4d4d;border-radius:2px;transform:translateY(-1px) rotate(-22deg);box-shadow:0 0 0 1px #00000080;pointer-events:none}body.touch .modal-backdrop .panel{transform:none}.hud-potions{display:flex;gap:6px;margin-top:5px}.pot-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:12px;background:#0000006b;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#e8eef6;cursor:pointer}.pot-btn.hp{border-color:#ff5a508c}.pot-btn.mp{border-color:#5aa0ff8c}.pot-btn:hover:not(:disabled){background:#ffffff1f}.pot-btn:active:not(:disabled){transform:scale(.94)}.pot-btn:disabled{opacity:.4;cursor:default}.pot-btn b{font-weight:700}.pot-btn kbd{font-size:10px;background:#ffffff24;border-radius:3px;padding:0 4px;color:#cdd6e2}body.touch .pot-btn kbd{display:none}.landing-music{position:fixed;top:14px;right:14px;z-index:50;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-line);background:#0a0e1699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:18px;cursor:pointer;display:grid;place-items:center;color:#e8eef6;transition:transform .1s,background .15s}.landing-music:hover{background:#141c2acc;transform:scale(1.06)}.landing-music.off{opacity:.75}.contact-hint{color:var(--ink-dim);font-size:11px}.glass{background:linear-gradient(160deg,#ffffff13,#ffffff05)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #0000006b,inset 0 1px #ffffff1a}.lnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,4vw,34px);background:#0a0e188c;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08)}.lnav-brand{font-family:Cinzel,serif;font-weight:800;letter-spacing:2.5px;font-size:18px;color:var(--gold-2);background:none;border:none;cursor:pointer;padding:0}.lnav-links{display:flex;gap:4px;margin:0 auto}.lnav-links button{background:none;border:none;cursor:pointer;color:var(--ink-dim);font-family:Rajdhani,sans-serif;font-weight:600;font-size:14.5px;padding:8px 14px;border-radius:10px;transition:color .15s,background .15s;white-space:nowrap}.lnav-links button:hover{color:var(--ink);background:#ffffff0f}.lnav-pass{color:#ffd76a!important}.lnav-cta{cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:800;font-size:14px;letter-spacing:.5px;color:#1a1408;background:linear-gradient(180deg,var(--gold-2),var(--gold));border:none;border-radius:10px;padding:9px 20px}.lnav-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}#inicio,.lsec,.landing-contact{scroll-margin-top:74px}.lsec{margin:56px 0 0}.lsec-title{font-family:Cinzel,serif;font-size:clamp(22px,4vw,30px);text-align:center;color:#f1e6c8;letter-spacing:1px;margin:0 0 4px}.lsec-sub{text-align:center;color:var(--ink-dim);font-size:14.5px;margin:0 0 26px}.pass-word{color:#ffd76a}.lfeat,.ls-card{transition:transform .15s,box-shadow .15s,border-color .15s}.lfeat:hover{transform:translateY(-3px);border-color:#ffd76a59}.ls-card:hover{transform:translateY(-4px)}.pass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:760px;margin:0 auto}.pass-card{position:relative;border-radius:18px;padding:22px 22px 20px;display:flex;flex-direction:column}.pass-card.featured{border-color:#ffd76a73;box-shadow:0 16px 50px #00000080,0 0 0 1px #ffd76a40,inset 0 1px #ffffff1f}.pass-badge{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#1a1408;background:linear-gradient(180deg,var(--gold-2),var(--gold));padding:4px 10px;border-radius:999px}.pass-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.pass-head h3{font-family:Cinzel,serif;font-size:20px;letter-spacing:1px;color:#f1e6c8;margin:0}.pass-price{font-weight:700;color:var(--ink-dim);font-size:14px}.pass-price.gold{color:#ffd76a}.pass-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.pass-list li{color:var(--ink);font-size:13.6px;line-height:1.45}.pass-list li b{color:#fff}.pk-ic{font-size:15px}.pk-more{color:var(--ink-dim);font-style:italic}.pass-btn{margin-top:auto;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:800;font-size:14.5px;border-radius:11px;padding:11px;border:none;transition:transform .12s,filter .15s}.pass-btn.gold{color:#1a1408;background:linear-gradient(180deg,var(--gold-2),var(--gold))}.pass-btn.ghost{color:var(--ink);background:#ffffff0f;border:1px solid var(--glass-line)}.pass-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.foot-links{display:flex;align-items:center;gap:8px}.foot-links button{background:none;border:none;cursor:pointer;color:var(--ink-dim);font-size:12.5px;padding:4px 6px;text-decoration:underline;text-underline-offset:3px}.foot-links button:hover{color:var(--ink)}.foot-dot{color:var(--ink-dim)}.policy-panel{width:min(640px,94vw);max-height:86vh;display:flex;flex-direction:column}.policy-body{overflow-y:auto;padding:16px 20px 20px;color:var(--ink);font-size:14px;line-height:1.6}.policy-body h4{font-family:Cinzel,serif;color:#ffd76a;font-size:14.5px;letter-spacing:.5px;margin:16px 0 6px}.policy-body ul{margin:6px 0;padding-left:20px;display:flex;flex-direction:column;gap:5px}.policy-body p{margin:6px 0;color:var(--ink-dim)}.policy-body a{color:#ffd76a}.policy-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--glass-line);font-size:12px}@media(max-width:560px){.lnav{gap:8px;padding:8px 12px}.lnav-brand{font-size:15px;letter-spacing:1.5px}.lnav-links{gap:0;margin:0 auto 0 4px}.lnav-links button{padding:6px 7px;font-size:12px}.lnav-cta{padding:7px 13px;font-size:12.5px}}.pass-card.featured .pass-price{display:none}.pass-card.featured .pass-head{padding-right:96px}.rank-board{max-width:620px;margin:0 auto;border-radius:18px;overflow:hidden}.rank-board .rank-list{max-height:460px}.rank-board-foot{padding:10px 16px;border-top:1px solid var(--glass-line);font-size:11px;color:var(--ink-dim);text-align:center}@media(max-width:560px){.lnav-links{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 auto 0 6px}.lnav-links::-webkit-scrollbar{display:none}}.rank-dual{display:flex;gap:16px;max-width:780px;margin:0 auto;align-items:flex-start}.rank-col{flex:1 1 0;min-width:0;border-radius:16px;overflow:hidden}.rank-col-title{font-family:Cinzel,serif;font-size:15px;letter-spacing:.5px;text-align:center;color:#ffd76a;padding:12px 10px;border-bottom:1px solid var(--glass-line);margin:0}.rank-col .rank-list{max-height:440px}@media(max-width:620px){.rank-dual{flex-direction:column}}.landing-fog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-fog i{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.34;will-change:transform}.landing-fog i:nth-child(1){width:64vw;height:64vw;left:-18vw;top:-8vh;background:radial-gradient(circle,rgba(222,48,54,.55),transparent 62%);animation:fog1 28s ease-in-out infinite alternate}.landing-fog i:nth-child(2){width:62vw;height:62vw;right:-18vw;top:-2vh;background:radial-gradient(circle,rgba(56,120,240,.5),transparent 62%);animation:fog2 34s ease-in-out infinite alternate}.landing-fog i:nth-child(3){width:52vw;height:52vw;left:24vw;top:28vh;background:radial-gradient(circle,rgba(122,52,172,.4),transparent 64%);animation:fog3 40s ease-in-out infinite alternate}@keyframes fog1{0%{transform:translate(0) scale(1)}to{transform:translate(9vw,12vh) scale(1.18)}}@keyframes fog2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-10vw,8vh) scale(1)}}@keyframes fog3{0%{transform:translate(-6vw) scale(1)}to{transform:translate(6vw,-8vh) scale(1.15)}}@media(prefers-reduced-motion:reduce){.landing-fog i{animation:none}}.glass{backdrop-filter:blur(22px) saturate(185%)!important;-webkit-backdrop-filter:blur(22px) saturate(185%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 60px #00000080,inset 0 1px #ffffff24!important}.landing-contact{background:linear-gradient(160deg,#ffffff12,#ffffff05)!important;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;box-shadow:0 18px 60px #00000080,inset 0 1px #ffffff1f}@media(max-width:560px){.lnav-cta{display:none}.lnav-brand{font-size:13px;letter-spacing:1px}.lnav-links{margin:0 auto}.lnav-links button{padding:6px 8px;font-size:12.5px}}@media(max-width:560px){.lnav{gap:6px;padding:8px 10px}.lnav-brand{font-size:12px;letter-spacing:.5px}.lnav-links{margin:0 0 0 2px;gap:0;overflow:visible}.lnav-links button{padding:5px 6px;font-size:11px}}.hero-swords{display:block;width:clamp(110px,20vw,180px);height:auto;margin:0 auto -4px;filter:drop-shadow(0 6px 20px rgba(242,193,78,.38))}.lnav-brand,.lnav-cta{align-self:center}.lnav-links{align-self:stretch}.lnav-links button{display:inline-flex;align-items:center}.lnav{padding-top:0;padding-bottom:0;min-height:54px}.lnav-links button{padding-top:0;padding-bottom:0}.lnav{background:#090c15e6!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-user-select:none;user-select:none;isolation:isolate}.lnav-brand,.lnav-links button,.lnav-cta{-webkit-user-select:none;user-select:none}.landing-fog i{will-change:auto!important}.lnav{position:fixed;top:0;left:0;right:0}.landing-inner{padding-top:80px}