@font-face{font-family:Poetsen;src:url(/fonts/poetsenone.ttf)format("truetype");font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto.ttf)format("truetype");font-display:swap}:root{--teal:#35a6a6;--teal-hi:#3fbaba;--teal-sh:#1f6b6b;--teal-txt:#7fe0d8;--panel:#2b2622eb;--panel-sh:#1a1612;--inset:#14110eb3;--cream:#f1e6c8;--cream2:#d9cfb3;--muted:#b8a98a;--dim:#8f8470;--gold:#f6d58c;--gold-b:#c9a24a;--gold1:#857552;--gold2:#64573c;--red:#ff7a6b;--green:#8fdc6a}*{box-sizing:border-box}html,body{height:100%;color:var(--cream);background:#0d1416;margin:0;font-family:Lexend,Arial,sans-serif;overflow:hidden}html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}img,svg,canvas{-webkit-user-drag:none}button{color:inherit;font-family:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.center{text-align:center}*,:before,:after{cursor:url(/ui/cursor.png) 1 1,auto!important}a,button,label,select,[role=button],input[type=range]{cursor:url(/ui/cursor.png) 1 1,pointer!important}input[type=text],input[type=password],input:not([type]){cursor:text!important}#game{position:fixed;inset:0}#game canvas{display:block}#game.dim{filter:brightness(.35)blur(2px);transition:filter .4s}#menu{z-index:10;background:linear-gradient(90deg,#0a1012e0 0%,#0a10128c 45%,#0a10120d 100%),url(/bg-accueil.webp) bottom/cover no-repeat,#0d1416;flex-direction:column;display:flex;position:fixed;inset:0}.topbar{align-items:center;gap:10px;padding:16px 24px;display:flex}.pill{text-transform:uppercase;letter-spacing:.5px;color:var(--cream);background:#2b2622d9;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-family:Rowdies,sans-serif;font-size:14px;display:inline-flex}.pill-btn:hover{background:#3c3630f2}.pill-right{margin-left:auto}.pill .kamas{width:22px;height:22px;margin:-4px 0}.pill b{color:var(--teal-txt);font-weight:400}.dot{background:#8a8a8a;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:#4fd16b;box-shadow:0 0 6px #4fd16b}.btn-account{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--teal);box-shadow:0 3px 0 var(--teal-sh);border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Rowdies,sans-serif;font-size:14px;display:inline-flex}.btn-account:hover{background:var(--teal-hi)}.btn-account:active{box-shadow:0 1px 0 var(--teal-sh);transform:translateY(2px)}.acc-ico{--s:.42;width:calc(65px * var(--s));height:calc(65px * var(--s));background:url(/icons/sprite_encyclopedia.png) no-repeat;background-size:calc(126px * var(--s)) auto;background-position:0 calc(-1820px * var(--s));margin:-6px 0;display:inline-block}.wk-ico{--k:.85;width:calc(48px * var(--k));height:calc(48px * var(--k));background:url(/icons/sprite_encyclopedia.png) no-repeat;background-size:calc(89px * var(--k)) auto;background-position:0 calc(var(--y) * var(--k));flex-shrink:0;display:inline-block}.hero{flex-direction:column;flex:1;justify-content:center;max-width:900px;min-height:0;padding:0 8vw;display:flex}.kicker{letter-spacing:3px;color:var(--teal-txt);text-transform:uppercase;font-family:Lexend,sans-serif;font-size:14px;font-weight:700}.logo{margin:8px 0 12px;line-height:1}.logo img{filter:drop-shadow(0 8px 20px #00000080);width:clamp(260px,34vw,500px);height:auto;margin-left:-10px;display:block}.tagline{color:var(--cream2);text-shadow:0 2px 4px #0009;max-width:580px;margin:0 0 26px;font-family:Rowdies,sans-serif;font-size:17px;font-weight:300;line-height:1.5}.actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.actions-row{flex-wrap:wrap;gap:12px;display:flex}.btn-play,.btn{letter-spacing:.5px;text-transform:uppercase;color:#fff;border:0;justify-content:center;align-items:center;gap:8px;font-family:Rowdies,sans-serif;font-weight:400;display:inline-flex}.btn-play{background:var(--teal);box-shadow:0 6px 0 var(--teal-sh), 0 10px 24px #00000073;text-shadow:0 2px #0003;border-radius:12px;padding:14px 44px;font-size:22px}.btn-play:hover:not(:disabled){background:var(--teal-hi)}.btn-play:active:not(:disabled){box-shadow:0 2px 0 var(--teal-sh);transform:translateY(4px)}.btn-play .wk-ico{--k:1;margin:-14px 0}.btn{box-shadow:0 5px 0 var(--panel-sh), 0 8px 18px #00000059;background:#2b2622e0;border-radius:12px;padding:15px 22px;font-size:15px;position:relative}.btn:hover:not(:disabled){background:#3c3630f2}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--panel-sh);transform:translateY(3px)}.btn .wk-ico{margin:-12px 0}.btn:disabled,.btn-play:disabled{opacity:.45}.btn.small{box-shadow:0 3px 0 var(--panel-sh);padding:8px 14px;font-size:13px}.btn.teal{background:var(--teal);box-shadow:0 4px 0 var(--teal-sh)}.btn.teal:hover:not(:disabled){background:var(--teal-hi)}.btn.danger{background:#a23b2f;box-shadow:0 4px #5c1d16}.btn .badge{background:#ffd166;border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 8px #ffd166}.btn-gold{height:38px;color:var(--gold);background:linear-gradient(var(--gold1), var(--gold2));border:1px solid #9a8a62;border-radius:5px;padding:0 14px;font-family:Rowdies,sans-serif;font-size:14px;box-shadow:inset 0 1px #fff0c840}.btn-gold:hover:not(:disabled){background:linear-gradient(#97865f,#706244)}.btn-gold:disabled{opacity:.45}.btn-gold img{vertical-align:-3px;width:18px;height:18px;margin-right:4px}.stats{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.stat{min-width:150px;box-shadow:0 4px 0 var(--panel-sh);background:#2b2622d9;border-radius:12px;padding:10px 18px}.stat small{letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.stat b{color:var(--teal-txt);font-family:Rowdies,sans-serif;font-size:22px;font-weight:400}footer{color:#f1e6c880;justify-content:space-between;align-items:center;min-height:34px;padding:14px 24px;font-size:12px;display:flex;position:relative}footer .legal{text-align:center;width:max-content;max-width:calc(100% - 420px);font-size:11px;line-height:1.45;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer .legal b{color:var(--teal-txt)}.vol{align-items:center;gap:8px;display:flex}.vol-btn{background:#2b2622d9;border:0;border-radius:8px;width:34px;height:30px;font-size:15px}.vol-btn.off{opacity:.5}#vol{appearance:none;background:linear-gradient(90deg, var(--teal) var(--v,50%), #f1e6c833 var(--v,50%));border-radius:6px;outline:none;width:120px;height:6px}#vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:2px solid var(--teal);border-radius:50%;width:14px;height:14px}#vol::-moz-range-thumb{background:var(--cream);border:2px solid var(--teal);border-radius:50%;width:14px;height:14px}#toast{z-index:400;text-transform:uppercase;letter-spacing:.5px;color:#ffb4a8;opacity:0;pointer-events:none;background:#2b2622f2;border:2px solid #ff6b5a;border-radius:10px;padding:10px 20px;font-family:Lexend,sans-serif;font-size:15px;transition:opacity .25s;position:fixed;top:70px;left:50%;transform:translate(-50%)}#toast.ok{border-color:var(--teal);color:var(--teal-txt)}#toast.show{opacity:1}.modal{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a0ca6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{width:min(1040px,100%);max-height:100%;box-shadow:0 8px 0 var(--panel-sh), 0 20px 50px #0009;background:#2b2622f7;border-radius:16px;flex-direction:column;display:flex}.modal-panel.narrow{width:min(480px,100%)}.modal-panel.mid{width:min(760px,100%)}.modal-head{background:var(--teal);border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.modal-kicker{letter-spacing:2px;color:#0f3d3d;text-transform:uppercase;font-family:Lexend,sans-serif;font-size:12px;font-weight:700}.modal-head h2{color:#fff;margin:2px 0 0;font-family:Rowdies,sans-serif;font-size:28px;font-weight:400}.modal-close{color:#fff;background:#0003;border:0;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:18px}.modal-close:hover{background:#00000059}.modal-body{min-height:0;padding:20px 24px 24px;overflow-y:auto}.modal-foot{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.steps{align-items:center;gap:6px;display:flex}.step{color:#0f3d3d;background:#0000002e;border-radius:6px;padding:4px 10px;font-family:Rowdies,sans-serif;font-size:12px}.step.on{color:var(--teal-sh);background:#fff}.sec{color:var(--teal-txt);text-transform:uppercase;letter-spacing:.5px;margin:18px 0 10px;font-family:Rowdies,sans-serif;font-size:18px;font-weight:400}.sec:first-child{margin-top:0}.box{background:var(--inset);border-radius:12px;padding:12px 14px}.small-note{color:var(--muted);margin:0 0 14px;font-size:13px}.auth-intro{color:var(--cream2);margin:0 0 16px;font-size:14px;line-height:1.5}.auth-tabs{background:var(--inset);border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:10px;font-family:Lexend,sans-serif;font-size:13px;font-weight:700}.auth-tabs button.on{background:var(--teal);color:#fff}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{letter-spacing:1px;color:var(--muted);text-transform:uppercase;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.auth-form input,.field{color:var(--cream);background:#14110ecc;border:2px solid #0000;border-radius:10px;outline:none;padding:11px 12px;font-family:Lexend,sans-serif;font-size:15px}.auth-form input:focus{border-color:var(--teal)}.auth-error{min-height:18px;color:var(--red);margin:0;font-size:13px}.auth-submit{width:100%;font-size:18px}.auth-logged{text-align:center}.auth-logged b{color:var(--teal-txt)}.modes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mode{text-align:left;min-height:300px;box-shadow:0 5px 0 var(--panel-sh);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:14px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.mode:hover{border-color:var(--teal);transform:translateY(-2px)}.mode-in{background:linear-gradient(#0000,#14110ef5 35%);padding:18px 20px;position:absolute;inset:auto 0 0}.mode-in .wk-ico{--k:1.1;float:left;margin:2px 12px 0 -4px}.mode h3{color:#fff;margin:0 0 6px;font-family:Rowdies,sans-serif;font-size:26px;font-weight:400}.mode p{color:var(--cream2);clear:left;margin:0 0 8px;font-size:14px;line-height:1.45}.mode small{color:var(--teal-txt);font-family:Rowdies,sans-serif}.charsel{grid-template-columns:330px 1fr;align-items:start;gap:18px;display:grid}.class-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cls{background:var(--inset);color:var(--cream2);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;font-family:Rowdies,sans-serif;font-size:12px;display:flex;position:relative}.cls img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:44px;height:44px}.cls:hover{background:#3c3630e6}.cls.on{border-color:var(--teal);color:#fff;box-shadow:0 0 16px #35a6a659}.cls em{color:var(--teal-txt);font-size:10px;font-style:normal;position:absolute;top:2px;right:4px}.char-card{grid-template-columns:250px 1fr;gap:16px;display:grid}.cp-visual{border-bottom:3px solid var(--teal);background:radial-gradient(circle at 50% 75%, #35a6a659, transparent 62%), var(--inset);border-radius:12px;height:330px;position:relative;overflow:hidden}.cp-visual canvas{object-fit:contain;filter:drop-shadow(0 6px 8px #0009);width:100%;height:100%;display:block}.cp-rot{color:#fff;filter:drop-shadow(0 2px 3px #000000b3);background:0 0;border:0;width:40px;height:40px;position:absolute;bottom:8px}.cp-rot:hover{color:var(--teal-txt)}.cp-rot svg{width:100%;height:100%;display:block}.cp-rot.l{left:calc(50% - 70px)}.cp-rot.l svg{transform:scaleX(-1)}.cp-rot.r{right:calc(50% - 70px)}.cp-name{margin:0;font-family:Rowdies,sans-serif;font-size:34px;font-weight:400;line-height:1.05}.cp-desc{color:var(--cream2);margin:4px 0 10px;font-size:14px}.els{align-items:center;gap:6px;margin-bottom:10px;display:flex}.els img{width:24px;height:24px}.tag{letter-spacing:1px;text-transform:uppercase;color:var(--teal-txt);border:2px solid var(--teal);background:#00000040;border-radius:20px;padding:4px 10px;font-family:Lexend,sans-serif;font-size:11px;font-weight:700}.tag.red{color:#ff9b8f;border-color:#c95a4a}.kit{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.ki{border:1px solid var(--gold-b);background:#0f1417;border-radius:6px;width:34px;height:34px}.cp-custom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wk-block{background:#2a2622;border:1px solid #4a433b;border-radius:7px;align-items:center;gap:6px;padding:3px 3px 3px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.wk-block small{letter-spacing:1px;color:#a39d92;font-size:10px}.wk-block b{color:var(--gold);text-align:center;min-width:22px;font-family:Rowdies,sans-serif;font-weight:400}.gbtn{color:#a39d92;background:0 0;border:1px solid #0000;border-radius:5px;width:44px;height:38px;font-family:Segoe UI Symbol,DejaVu Sans,Arial,sans-serif;font-size:22px;font-weight:700}.gbtn.on,.gbtn.arrow{background:linear-gradient(var(--gold1), var(--gold2));color:var(--gold);border-color:#9a8a62;box-shadow:inset 0 1px #fff0c840}.gbtn.arrow{width:38px;font-size:15px}.gbtn:not(.on):not(.arrow):hover{color:#d8d0c0;background:#3a342d}.cp-colors{background:var(--inset);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.cp-colors small{letter-spacing:1px;color:var(--muted);font-size:10px}.cp-sep{background:#4a4038;align-self:stretch;width:1px;margin:0 4px}.cp-swatch{background:var(--c);border:2px solid var(--gold-b);border-radius:5px;width:40px;height:28px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.cp-swatch:hover{border-color:var(--gold)}.zones{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.zone{text-align:left;height:158px;box-shadow:0 4px 0 var(--panel-sh);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.zone:hover:not(:disabled){border-color:#35a6a699;transform:translateY(-2px)}.zone.on{border-color:var(--teal);box-shadow:0 0 20px #35a6a673, 0 4px 0 var(--panel-sh)}.zone.locked{filter:grayscale()brightness(.45)}.zone-in{background:linear-gradient(#0000,#14110ef0 72%);flex-direction:column;justify-content:flex-end;padding:10px 12px;display:flex;position:absolute;inset:0}.zone-in small{color:var(--muted);font-size:11px}.zone h3{color:#fff;margin:2px 0 3px;font-family:Rowdies,sans-serif;font-size:18px;font-weight:400}.zone-boss{color:var(--gold);align-items:center;gap:6px;font-size:12px;display:flex}.zone-boss img{object-fit:contain;width:28px;height:28px}.zone-stats{color:var(--teal-txt);margin-top:2px;font-family:Rowdies,sans-serif;font-size:12px}.zd-mons{flex-wrap:wrap;gap:4px;margin-right:auto;display:flex}.zd-mons img{object-fit:contain;background:var(--inset);border:1px solid #c9a24a80;border-radius:8px;width:44px;height:44px}.res-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 16px;display:grid}.res-stats div{background:var(--inset);text-align:center;border-radius:12px;padding:12px 6px}.res-stats b{color:var(--teal-txt);font-family:Rowdies,sans-serif;font-size:28px;font-weight:400;display:block}.res-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.res-note{color:var(--gold);text-align:center;margin:4px 0;font-family:Rowdies,sans-serif}.res-items{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.item{border:2px solid var(--r,#4a433b);background:radial-gradient(circle,#ffffff14,#00000059);border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.item img{object-fit:contain;width:42px;height:42px}.item.empty{border-style:dashed;border-color:#4a433b}.shop{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.shop-it{background:var(--inset);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.shop-it>img{width:40px;height:40px}.si-txt{flex:1}.si-txt b{font-family:Rowdies,sans-serif;font-size:16px;font-weight:400;display:block}.si-txt small{color:var(--muted);font-size:12px}.ranks{color:var(--gold);letter-spacing:2px;margin-top:3px;font-size:12px}.equip{grid-template-columns:1fr 1fr;gap:20px;display:grid}.eq-slots{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.eq-slot{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.eq-slot .x{color:#fff;background:#a23b2f;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;position:absolute;top:-4px;right:8px}.dofus{flex-wrap:wrap;gap:8px;display:flex}.dof{background:var(--inset);border:2px solid #4a433b;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:flex}.dof img{object-fit:contain;width:42px;height:42px}.dof.on{border-color:var(--teal);box-shadow:0 0 14px #35a6a68c}.dof.missing{filter:grayscale()brightness(.4)}.egg{background:radial-gradient(circle at 35% 30%, #fff8, var(--c) 45%, #000a);border-radius:50% 50% 48% 48%/60% 60% 40% 40%;width:26px;height:34px}.perm{grid-template-columns:1fr 1fr;gap:4px 14px;margin:0;padding:0;list-style:none;display:grid}.perm li{align-items:center;gap:6px;font-size:13px;display:flex}.perm img{width:18px}.perm b{color:var(--teal-txt);margin-left:auto;font-family:Rowdies,sans-serif;font-weight:400}.inv{flex-wrap:wrap;gap:6px;display:flex}.idet{gap:12px;margin-top:12px;display:flex}.idet b{font-family:Rowdies,sans-serif;font-size:17px;font-weight:400}.idet small{color:var(--muted);display:block}.idet ul{color:var(--teal-txt);margin:6px 0 10px;padding-left:18px;font-size:13px}.achs{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.ach,.quest{background:var(--inset);border:2px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ach b,.quest b{font-family:Rowdies,sans-serif;font-weight:400;display:block}.ach small,.quest small{color:var(--muted);font-size:12px}.ach.ready{border-color:var(--teal)}.ach.claimed{opacity:.55}.ok{color:var(--teal-txt);font-size:22px}.quests{flex-direction:column;gap:10px;display:flex}.q-txt{flex:1}.qbar{background:#0d1214;border-radius:8px;height:16px;margin-top:6px;position:relative;overflow:hidden}.qbar i{background:linear-gradient(#ffe08a,#e9a93a 55%,#b8741c);position:absolute;inset:0 auto 0 0}.qbar span{text-align:center;text-shadow:0 0 3px #000;font-size:11px;font-weight:700;line-height:16px;display:block;position:relative}.best{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.mon{text-align:center;background:var(--inset);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.mon img{object-fit:contain;width:64px;height:64px}.mon b{font-family:Rowdies,sans-serif;font-size:13px;font-weight:400}.mon small{color:var(--muted);font-size:11px}.mon.boss{border-color:#c95a4ab3}.mon.unknown img{filter:brightness(0)opacity(.5)}.rk-list table{border-collapse:collapse;background:var(--inset);border-radius:12px;width:100%;overflow:hidden}.rk-list th,.rk-list td{text-align:left;border-bottom:1px solid #ffffff0d;padding:9px 12px}.rk-list th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.rk-list td b{color:var(--teal-txt);font-family:Rowdies,sans-serif;font-weight:400}.rk-list tr:nth-child(2) td:first-child{color:var(--gold);font-weight:700}select.field{padding:8px 10px;font-size:14px}.options label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.options input[type=range]{accent-color:var(--teal);width:200px}.options ul{color:var(--cream2);padding-left:18px;font-size:14px;line-height:1.7}#loading{z-index:500;background:radial-gradient(#1f2b30 0%,#0c1214 75%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.ld-box{text-align:center;width:min(460px,100vw - 32px)}.ld-title{letter-spacing:.5px;color:#fff;-webkit-text-stroke:4px #0d1416;paint-order:stroke fill;margin-bottom:18px;font-size:26px;font-weight:700}.ld-bar{border:1px solid var(--gold-b);background:linear-gradient(#2b3a40,#1d272c);border-radius:10px;height:16px;padding:3px;box-shadow:0 6px 16px #0000008c}.ld-fill{background:linear-gradient(#ffe08a,#e9a93a 55%,#b8741c);border-radius:7px;width:0;height:100%;transition:width .15s linear;box-shadow:0 0 10px #ffc4508c}.ld-info{color:#c7d3d6;justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.ld-pct{color:#ffd166;font-weight:700}.ld-tip{color:var(--cream2);margin-top:26px;font-size:14px;font-style:italic}#hud{z-index:20;pointer-events:none;font-family:Lexend,sans-serif;position:fixed;inset:0}#hud button,#hud .hud-pause{pointer-events:auto}.hpanel{background:linear-gradient(#2b3a40,#1d272c);border:1px solid #0d1416;border-radius:8px;box-shadow:0 6px 16px #0000008c,inset 0 1px #ffffff0f}.hud-top{background:linear-gradient(#2b3a40,#1d272c);border:1px solid #0d1416;border-radius:8px;align-items:center;gap:16px;padding:6px 16px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000008c}.hud-zone{color:#c7d3d6;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;overflow:hidden}.hud-wave{align-items:baseline;gap:6px;display:flex}.hud-wave b{color:#c7d3d6;text-transform:uppercase;font-size:12px;font-weight:700}.hud-wave .w{color:#ffd166;-webkit-text-stroke:3px #0d1416;paint-order:stroke fill;font-family:Rowdies,sans-serif;font-size:24px}.hud-wave .t{color:#fff;min-width:34px;font-size:13px;font-style:normal}.hud-res{gap:14px;font-size:14px;font-weight:700;display:flex}.hud-res .k:before{content:"";vertical-align:-4px;background:url(/icons/kamas.png) 50%/contain no-repeat;width:18px;height:18px;margin-right:4px;display:inline-block}.hud-res .kills:before{content:"☠ ";color:#ff8a7a}.hud-left{flex-direction:column;gap:5px;width:min(300px,40vw);display:flex;position:absolute;top:10px;left:12px}.hud-lvl{align-items:baseline;gap:5px;display:flex}.hud-lvl span{color:#c7d3d6;font-size:13px;font-weight:700}.hud-lvl b{color:#ffd166;-webkit-text-stroke:3px #0d1416;paint-order:stroke fill;font-family:Rowdies,sans-serif;font-size:24px;font-weight:400}.bar{border:1px solid var(--gold-b);background:linear-gradient(#2b3a40,#1d272c);border-radius:10px;height:18px;padding:2px;position:relative;overflow:hidden}.bar i{border-radius:7px;transition:width .12s;position:absolute;top:2px;bottom:2px;left:2px}.bar em{background:#8cc8ff8c;border-radius:7px;position:absolute;top:2px;bottom:2px;left:2px}.bar span{text-align:center;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;font-weight:700;line-height:13px;display:block;position:relative}.bar.hp i{background:linear-gradient(#ff7a6a,#c43226)}.bar.xp{height:12px}.bar.xp i{background:linear-gradient(#ffe08a,#e9a93a 55%,#b8741c)}.bar.xp span{display:none}.hud-spells{background:linear-gradient(#2b3a40,#1d272c);border:1px solid #0d1416;border-radius:8px;gap:5px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000008c}.hs{border:1px solid var(--gold-b);background:#00000073;border-radius:6px;width:46px;height:46px;position:relative;overflow:hidden}.hs img{width:100%;height:100%}.hs .cd{background:#0009;position:absolute;bottom:0;left:0;right:0}.hs b{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:10px;position:absolute;bottom:1px;right:2px}.hud-boss{text-align:center;width:min(520px,70vw);position:absolute;top:62px;left:50%;transform:translate(-50%)}.hud-boss .name{color:#ffb3a8;-webkit-text-stroke:3px #1a0508;paint-order:stroke fill;font-family:Rowdies,sans-serif;font-size:18px}.hud-boss .bar i{background:linear-gradient(#d84a3c,#7d1c14)}.hud-banner{text-align:center;color:#ffd166;-webkit-text-stroke:5px #3a2a10;paint-order:stroke fill;text-shadow:0 4px 14px #000000b3;opacity:0;font-family:Rowdies,sans-serif;font-size:36px;transition:opacity .25s,transform .25s;position:absolute;top:28%;left:0;right:0;transform:scale(.9)}.hud-banner.show{opacity:1;transform:scale(1)}.hud-banner.big{font-size:50px}.hud-toasts{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:70px;right:12px}.toast{border:1px solid var(--gold-b);background:linear-gradient(#2b3a40,#1d272c);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:opacity .5s,transform .5s;display:flex}.toast img{width:28px;height:28px}.toast.gold{color:#ffd166}.toast.out{opacity:0;transform:translate(30px)}.hud-pause-btn{border:1px solid var(--gold-b);color:#fff;background:linear-gradient(#2b3a40,#1d272c);border-radius:8px;width:40px;height:40px;font-size:14px;position:absolute;top:12px;right:12px}.hud-pause{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a0ca6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{width:min(560px,92vw);max-height:86vh;box-shadow:0 8px 0 var(--panel-sh), 0 20px 50px #0009;background:#2b2622f7;border-radius:16px;padding:0 0 18px;overflow-y:auto}.panel h2{background:var(--teal);color:#fff;border-radius:16px 16px 0 0;margin:0 0 12px;padding:14px 22px;font-family:Rowdies,sans-serif;font-size:26px;font-weight:400}.panel>p,.panel>div,.panel>ul{margin-left:22px;margin-right:22px}.panel .row{flex-wrap:wrap;gap:10px;display:flex}.panel .btn.primary{background:var(--teal);box-shadow:0 4px 0 var(--teal-sh)}.pause-spells{grid-template-columns:1fr 1fr;gap:6px;margin:12px 22px;display:grid}.ps{align-items:center;gap:8px;display:flex}.ps img{border:1px solid var(--gold-b);border-radius:6px;width:34px;height:34px}.ps small{color:var(--muted);font-size:11px;display:block}.pause-stats{grid-template-columns:1fr 1fr;gap:3px 14px;margin:0 22px 14px;padding:0;font-size:13px;list-style:none;display:grid}.pause-stats li{justify-content:space-between;display:flex}.pause-stats b{color:var(--teal-txt)}.hud-room{text-align:center;opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.92)}.hud-room.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-room small{letter-spacing:3px;text-transform:uppercase;color:var(--teal-txt);font-family:Lexend,sans-serif;font-size:14px;font-weight:700;display:block}.hud-room b{color:#ffd166;-webkit-text-stroke:5px #0d1416;paint-order:stroke fill;margin:4px 0 10px;font-family:Rowdies,sans-serif;font-size:46px;font-weight:400;display:block}.hud-room i{background:linear-gradient(90deg, transparent, var(--teal-txt), transparent);border-radius:3px;width:0;height:3px;margin:0 auto;transition:width .9s ease-out .15s;display:block}.hud-room.show i{width:320px}#cards{z-index:30;background:#050a0c9e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cards-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(900px,96vw);display:flex}.cards-head h2{letter-spacing:1px;text-transform:uppercase;color:#ffd166;text-shadow:0 2px #3a2a10,0 4px 12px #000000b3;margin:0;font-family:Lexend,sans-serif;font-size:26px;font-weight:700}.cards-head span{color:#c9c2a8;font-size:13px}.cards-row{grid-template-columns:repeat(3,230px);justify-content:center;gap:22px;display:grid}.card{text-align:center;border:2px solid var(--gold-b);background:linear-gradient(#2b3a40 0%,#1d272c 100%);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-height:290px;padding:22px 14px 14px;transition:transform .12s,box-shadow .12s,border-color .12s;animation:.3s backwards cardIn;display:flex;position:relative;box-shadow:0 8px 20px #0009,inset 0 1px #ffffff12}.card:before{content:"";background:var(--el,#ffd166);border-radius:8px 8px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:hover{border-color:#ffd166;transform:translateY(-6px);box-shadow:0 14px 28px #000000b3,0 0 0 2px #ffd16659}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)scale(.95)}}.card .tag{color:#ffd166;background:#00000073;border:0;border-radius:5px;padding:2px 8px;font-size:10px;position:absolute;top:12px;right:10px}.card .icon{background:radial-gradient(circle,#ffffff1a,#00000059);border:1px solid #c9a24a99;border-radius:10px;width:72px;height:72px;padding:4px}.card h3{text-transform:uppercase;color:#fff;margin:4px 0 0;font-family:Lexend,sans-serif;font-size:16px;font-weight:700}.card .meta{color:#c9c2a8;align-items:center;gap:5px;font-size:12px;display:flex}.card .meta img{width:16px}.card .effect{color:#e6e1d3;margin:8px 0 2px;font-size:13px;line-height:1.35}.card .effect.big{color:var(--teal-txt);font-family:Rowdies,sans-serif;font-size:22px}.card .status{color:var(--el,#ffd166);margin:0;font-size:12px}.card .rank{color:#ffd166;letter-spacing:3px}.card .lore{color:#9aa3a6;max-height:4.2em;margin:6px 0 0;font-size:11px;font-style:italic;overflow:hidden}.cards-foot{justify-content:center;gap:14px;display:flex}.cards-foot .btn{border:2px solid var(--gold-b);background:linear-gradient(#2b3a40,#1d272c);border-radius:8px;min-width:150px;padding:9px 18px;font-family:Lexend,sans-serif;font-size:14px;font-weight:700;box-shadow:0 6px 14px #0000008c}.cards-foot .btn:hover:not(:disabled){color:#ffd166;background:linear-gradient(#2b3a40,#1d272c);border-color:#ffd166}.cards-hint{color:#9aa3a6;font-size:12px}@media (width<=900px){.hero{padding:0 18px}footer{flex-direction:column;gap:8px}footer .legal{max-width:100%;position:static;transform:none}.modes,.charsel,.char-card,.equip{grid-template-columns:1fr}.class-grid{grid-template-columns:repeat(6,1fr)}.res-stats{grid-template-columns:1fr 1fr}.cards-row{grid-template-columns:1fr;gap:8px}.card{text-align:left;flex-flow:wrap;min-height:0;padding:14px}.card .icon{width:44px;height:44px}.card .lore,.hud-zone{display:none}.hud-left{width:52vw}.hud-top{gap:10px;padding:4px 10px;top:84px;left:12px;transform:none}.hud-boss{top:124px}}@media (width<=600px){.topbar{flex-wrap:wrap;padding:10px 12px}.btn-play{padding:12px 28px;font-size:20px}.btn{padding:10px 14px;font-size:13px}.class-grid{grid-template-columns:repeat(4,1fr)}.modal{padding:6px}.modal-body{padding:14px}}.wk-picker{z-index:300000;color:#f6d58c;background:#2a2622;border:1px solid #5a5145;border-radius:6px;width:236px;padding:8px 10px 10px;font-family:Rowdies,sans-serif;position:fixed;box-shadow:0 10px 30px #0009}.wk-picker.hidden{display:none}.wkp-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wkp-title{letter-spacing:1px;font-size:13px}.wkp-close{color:#f1e6c8;cursor:pointer;background:0 0;border:0;border-radius:4px;width:22px;height:22px;font-size:13px}.wkp-close:hover{background:#3a342d}.wkp-body{gap:8px;height:140px;display:flex}.wkp-sv{cursor:crosshair;touch-action:none;border-radius:3px;flex:1;position:relative}.wkp-sv-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 2px #000}.wkp-hue{cursor:ns-resize;touch-action:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:3px;width:14px;position:relative}.wkp-hue-dot{pointer-events:none;background:#fff;border:1px solid #333;border-radius:2px;height:4px;margin-top:-3px;position:absolute;left:-4px;right:-4px}.wkp-foot{gap:6px;margin-top:8px;display:flex}.wkp-hex{background:linear-gradient(#5a4f38,#4a412e);border:1px solid #9a8a62;border-radius:4px;flex:1;align-items:center;gap:6px;padding:3px 6px;display:flex}.wkp-hex i{border:1px solid #000;border-radius:2px;flex-shrink:0;width:14px;height:14px}.wkp-hex input{color:#f6d58c;letter-spacing:1px;background:0 0;border:0;outline:none;flex:1;min-width:0;font:13px monospace}.wkp-reset,.wkp-rnd{color:#f6d58c;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:15px}.wkp-rnd{background:#3a342d;border:1px solid #5a5145;border-radius:4px;width:30px;font-size:14px}.wkp-rnd:hover,.wkp-reset:hover{filter:brightness(1.2)}.wk-picker{box-sizing:border-box}.wkp-foot{align-items:stretch}.wkp-hex{min-width:0}