:root{--bg: #16120e;--panel: rgba(30, 24, 18, .92);--panel-2: #2a2119;--line: #6b5333;--gold: #e8b64c;--orange: #f08a24;--text: #f3e9d6;--muted: #b3a48b;--hp: #d8402f;--hp-2: #ff6a4a;--xp: #3fb4e8;--terre: #b07a3e;--feu: #ee5a2b;--eau: #3fa4e8;--air: #5cc74a;--neutre: #c9c3b8;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);user-select:none}#stage{position:fixed;inset:0}#stage canvas{display:block}[hidden]{display:none!important}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--panel-2);font:inherit;font-size:.85em;color:var(--gold)}.btn{font:inherit;font-weight:700;color:var(--text);background:linear-gradient(#4a3a28,#33281c);border:1px solid var(--line);border-radius:8px;padding:10px 22px;cursor:pointer;transition:transform .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(#f5a43c,#c8661a);border-color:#ffd28a;color:#2a1606;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn.big{font-size:1.3rem;padding:14px 48px}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;overflow-y:auto}.screen>.title-box{margin:auto}.screen.dim{background:#0806049e;backdrop-filter:blur(2px)}#title{background:radial-gradient(ellipse at 50% 30%,#3c5a288c,#0a0806eb 70%)}.title-box{text-align:center;max-width:920px;padding:16px}.logo{margin:0;font-size:clamp(3rem,9vw,6.5rem);letter-spacing:2px;color:var(--gold);text-shadow:0 4px 0 #6b3a10,0 8px 24px rgba(0,0,0,.6);font-weight:900}.logo span{color:var(--orange)}.tagline{margin:4px 0 28px;color:var(--muted);font-size:1.1rem}.title-box h2{font-size:1rem;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin:0 0 12px}.roster{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.hero-card{width:128px;padding:10px 8px;border-radius:12px;border:2px solid var(--line);background:var(--panel);cursor:pointer;transition:transform .1s,border-color .15s}.hero-card img{width:84px;height:84px;object-fit:contain}.hero-card b{display:block;margin-top:6px}.hero-card small{color:var(--muted)}.hero-card.on{border-color:var(--gold);box-shadow:0 0 18px #e8b64c73;transform:translateY(-3px)}.hero-card.locked{cursor:default;opacity:.45;filter:grayscale(1)}.hero-card.locked .ph{width:84px;height:84px;margin:0 auto;border-radius:50%;background:#3a3128;display:grid;place-items:center;font-size:2rem;color:#776a58}.controls{margin-top:26px;color:var(--muted);line-height:1.8}.legal{margin-top:18px;font-size:.75rem;color:#7d705e}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.xpbar{position:absolute;top:0;left:0;right:0;height:14px;background:#0009;border-bottom:1px solid #1b4a60}.xpfill{height:100%;width:0;background:linear-gradient(90deg,#2a8fc4,var(--xp));transition:width .15s}.xpbar span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:14px;font-weight:700;text-shadow:0 1px 2px #000}.hud-top{position:absolute;top:22px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 12px 6px 6px}.hero img{width:52px;height:52px;border-radius:50%;background:#3a2c1e;border:2px solid var(--gold);object-fit:cover}.hero-name{font-size:.95rem;margin-bottom:4px}.hero-name span{color:var(--muted);font-size:.85rem}.hpbar{position:relative;width:220px;height:16px;background:#2b0f0b;border-radius:8px;overflow:hidden;border:1px solid #5a1d14}.hpfill{height:100%;width:100%;background:linear-gradient(var(--hp-2),var(--hp));transition:width .12s}.hpbar span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:15px;font-weight:700;text-shadow:0 1px 2px #000}.timer-box{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 18px 6px;min-width:150px}.map-name{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.timer{font-size:1.9rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.timer.late{color:var(--hp-2);animation:pulse 1s infinite}.enrage{font-size:.8rem;color:var(--hp-2);font-weight:700}.menace{font-size:.8rem;color:#c98bff;font-weight:700;cursor:help}.res{display:flex;gap:8px}.pill{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-weight:700}.kama{width:18px;height:18px;background:url(/ui/kama.png) center / contain no-repeat;display:inline-block}.skull{font-style:normal;color:var(--muted)}.banner{position:absolute;top:110px;left:0;right:0;text-align:center;font-size:1.6rem;font-weight:900;color:var(--gold);text-shadow:0 2px 0 #4a2a08,0 4px 14px rgba(0,0,0,.8);opacity:0;transition:opacity .3s}.banner.on{opacity:1}.challenge{position:absolute;top:64px;left:50%;transform:translate(-50%);min-width:280px;max-width:90vw;padding:6px 12px 10px;border-radius:8px;overflow:hidden;background:#140e08d1;border:1px solid var(--line);text-align:center;font-size:.9rem}.challenge b{color:var(--gold)}.challenge span{color:var(--text)}.challenge i{position:absolute;left:0;bottom:0;height:4px;background:var(--orange);transition:width .2s linear}.banner.danger{color:var(--hp-2)}.hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:8px 16px;font-weight:700;white-space:nowrap}.hint.no{border-color:var(--line);color:var(--muted)}.hud-bottom{position:absolute;bottom:14px;left:16px;right:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}.gear{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.slot{position:relative;width:44px;height:44px;border-radius:8px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center}.slot img{width:38px;height:38px;object-fit:contain}.slot.empty:after{content:attr(data-label);font-size:9px;color:#6e604c;text-transform:uppercase}.sets{justify-self:end;text-align:right;font-size:.8rem;display:flex;flex-direction:column;gap:4px}.sets div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 10px}.sets b{color:var(--gold)}.spellbar{display:flex;align-items:end;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px}.spell-tip{position:fixed;z-index:30;max-width:280px;pointer-events:none;background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:8px 12px;font-size:.82rem;line-height:1.4;box-shadow:0 4px 16px #00000080}.spell-tip b{color:var(--gold)}.spell-tip span{color:var(--muted);font-size:.75rem}.spell-tip p{margin:4px 0 0}.spell-tip em{display:block;margin-top:4px;font-style:normal;color:#e8d8b8}.spell-tip .fx{color:#8fe3a0;font-size:.78rem;margin:1px 0}.spell-tip .next{color:var(--muted);font-size:.75rem}.pause-h{margin:4px 0;font-size:.9rem;color:var(--gold)}.window[data-kind=pause]{max-width:min(1120px,97vw);padding-top:14px;padding-bottom:14px}.window[data-kind=pause] .sub{margin-bottom:8px}.pause-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;text-align:left;align-items:start}.pause-spells{text-align:left;font-size:.76rem;line-height:1.3;display:grid;gap:4px}.pause-spell{display:flex;gap:8px;align-items:flex-start;background:#00000040;border-radius:8px;padding:4px 7px}.pause-spell img{width:32px;height:32px;border-radius:6px;flex:none}.window[data-kind=pause] .pause-stats .summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:2px 10px;font-size:.74rem;max-width:none;margin:0}.pause-stats .res-owned{font-size:.72rem}.window[data-kind=pause] .pause-spells{font-size:clamp(.6rem,1.32vh,.76rem);line-height:1.22;gap:clamp(2px,.5vh,4px)}.window[data-kind=pause] .pause-spell{padding:clamp(2px,.45vh,4px) 7px}.window[data-kind=pause] .pause-spell img{width:clamp(22px,4.2vh,32px);height:clamp(22px,4.2vh,32px)}.window[data-kind=pause] .pause-spell .fx,.window[data-kind=pause] .pause-spell span{font-size:.92em}.window[data-kind=pause] .pause-stats .summary{font-size:clamp(.6rem,1.3vh,.74rem);gap:clamp(0px,.3vh,2px) 10px}.window[data-kind=pause] h2{font-size:clamp(1.1rem,3.6vh,1.8rem);margin-bottom:0}.window[data-kind=pause] .actions{margin-top:clamp(4px,1vh,12px)}.pause-spell b{color:var(--gold)}.pause-spell span{color:var(--muted);font-size:.75rem}.pause-spell p{margin:3px 0 0}.pause-spell em{display:block;margin-top:3px;font-style:normal;color:#e8d8b8}.pause-spell .fx{color:#8fe3a0;font-size:.78rem;margin:1px 0}.pause-spell .next{color:var(--muted);font-size:.75rem}.pause-passive{margin:2px 0 0;color:var(--muted)}.pause-passive b{color:var(--gold)}.spell{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid #4b3a26;background:#1c1610}.spell img{width:100%;height:100%;object-fit:cover}.spell .cd{position:absolute;left:0;right:0;bottom:0;background:#000000a6}.spell .lvl{position:absolute;top:1px;right:3px;font-size:11px;font-weight:900;color:var(--gold);text-shadow:0 1px 2px #000}.spell.el-terre{border-color:var(--terre)}.spell.el-feu{border-color:var(--feu)}.spell.el-eau{border-color:var(--eau)}.spell.el-air{border-color:var(--air)}.spell.el-neutre{border-color:var(--neutre)}.spell.empty{border-style:dashed;border-color:#3d3022;background:#0003}.spell.ult{width:66px;height:66px;margin-left:8px;border-color:var(--gold)}.spell.ult.ready{box-shadow:0 0 14px var(--orange);animation:glow 1.2s infinite alternate}.spell.ult .key{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;font-weight:900;text-shadow:0 1px 2px #000}.window{background:linear-gradient(#2c2219,#1d1711);border:2px solid var(--line);border-radius:16px;padding:22px 26px;max-width:min(960px,94vw);max-height:94vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3;text-align:center}.window h2{margin:0 0 4px;color:var(--gold);font-size:1.8rem}.window .sub{color:var(--muted);margin:0 0 18px}.cards{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.card{width:230px;padding:16px 14px;border-radius:14px;border:2px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:center;transition:transform .1s,border-color .15s;position:relative}.card:hover{border-color:var(--gold);transform:translateY(-4px)}.card.r0{border-color:#8a8a8a}.card.r1{border-color:#5fc15f}.card.r2{border-color:#4a9be8}.card.r3{border-color:#a65be0;box-shadow:0 0 10px #a65be066}.card.r4{border-color:#ff9a2b;box-shadow:0 0 14px #ff9a2b88}.card .fx{color:#8fe3a0;font-size:.82rem;margin:2px 0;font-weight:700}.res-title{margin:14px 0 4px;color:var(--gold);font-size:.95rem;text-align:center}.res-owned{font-size:.8rem;color:var(--muted);margin:6px 0 0}.card .cap{color:#ff9a2b;font-size:.8rem;margin:2px 0}.card .key{position:absolute;top:8px;left:10px;color:var(--muted);font-size:.8rem}.card .tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:10px;background:#3b2e20;color:var(--gold);margin-bottom:8px}.card .tag.new{background:#5a3410;color:#ffc46b}.card img{display:block;margin:0 auto;width:64px;height:64px;object-fit:contain;border-radius:10px}.card .stat-ico{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:900;background:#3b2e20}.card h3{margin:8px 0 6px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.4}.card .el{font-weight:700}.el-terre{color:var(--terre)}.el-feu{color:var(--feu)}.el-eau{color:var(--eau)}.el-air{color:var(--air)}.el-neutre{color:var(--neutre)}.compare{display:flex;gap:14px;justify-content:center;align-items:stretch}.compare .card{cursor:default}.compare .card:hover{transform:none;border-color:var(--line)}.stats-list{list-style:none;padding:0;margin:8px 0 0;font-size:.85rem;text-align:left}.stats-list li{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px dashed #3d3022}.window .actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.summary{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:8px 24px;margin:8px auto 4px;text-align:left;max-width:420px}.summary span{color:var(--muted)}.summary b{text-align:right}@keyframes pulse{50%{opacity:.55}}@keyframes glow{to{box-shadow:0 0 24px var(--gold)}}.bossbar{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(560px,70vw);background:var(--panel);border:1px solid #8a2a1a;border-radius:10px;padding:4px 8px 6px;text-align:center}.bossbar.minor{top:70px;width:min(420px,60vw);border-color:#7a5aa8;opacity:.95}.bossbar b{font-size:.85rem;color:#ffb08a}.bossfill{height:10px;margin-top:3px;border-radius:5px;background:linear-gradient(90deg,#a01a10,#ff4a2a);transition:width .15s}.sico{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:4px}.stat-ico .big{width:56px;height:56px;object-fit:contain;display:block;margin:4px auto 0}.card .stat-ico{background:#3b2e20;display:grid;place-items:center}.sets .stat{white-space:nowrap;margin-right:6px}.card .replace{margin-top:8px;font-size:.78rem;color:#e8a06c}.card .replace.free{color:#8fd17a}.hero-passive{font-size:.72rem;color:var(--gold);margin-top:3px;cursor:help;pointer-events:auto}.grimoire{max-width:860px;margin:0 auto 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;text-align:left}.g-passive{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px dashed #3d3022}.g-passive b{color:var(--gold)}.g-passive span{color:var(--muted);font-size:.9rem}.g-row h3{margin:10px 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.g-row h3 small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:6px}.g-list{display:flex;flex-wrap:wrap;gap:8px}.gspell{position:relative;width:84px;text-align:center;cursor:pointer;border-radius:10px;padding:4px 2px;border:2px solid transparent;transition:border-color .12s,transform .1s}.gspell img:first-child{width:48px;height:48px;border-radius:8px;display:block;margin:0 auto}.gspell .sico{position:absolute;top:2px;right:12px;width:18px;height:18px}.gspell small{display:block;font-size:.68rem;line-height:1.15;margin-top:3px;color:var(--muted)}.gspell:hover:not(.no):not(.own){transform:translateY(-2px);border-color:var(--line)}.gspell.on{border-color:var(--gold);background:#e8b64c1f}.gspell.on small{color:var(--gold)}.gspell .star{display:none;position:absolute;top:0;left:8px;font-style:normal;font-size:1.05rem;color:var(--gold);text-shadow:0 1px 2px #000,0 0 6px rgba(232,182,76,.7)}.gspell.on .star{display:block}.gspell.start{border-color:var(--gold);background:#e8b64c47;box-shadow:0 0 10px #e8b64c73}.gspell.start small{color:var(--gold);font-weight:700}.gspell.auto{cursor:default}.gspell.class.auto{cursor:pointer;opacity:.6}.gspell.class.auto:hover{opacity:1}.gspell.start:before{content:"Départ";position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--gold);color:#1a1208;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:1px 7px;border-radius:999px;box-shadow:0 1px 3px #000}.gspell.start img:first-child{width:56px;height:56px;box-shadow:0 0 0 2px var(--gold),0 0 12px #e8b64ccc}.gspell.class.auto:after{content:"Privilégié";display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.g-start{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:6px 10px;border:1px solid var(--gold);border-radius:10px;background:#e8b64c24}.g-start img{width:40px;height:40px;border-radius:8px}.g-start small{display:block;color:var(--muted);font-size:.75rem}.g-start b{color:var(--gold);font-size:1.05rem}.g-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.g-filter{background:#00000040;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.78rem;cursor:pointer}.g-filter.on{border-color:var(--gold);color:var(--gold)}.g-filter img.sico{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.gspell.own:after{content:"Sort unique";display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gold)}.gspell.ult:after{content:"Ultime";color:var(--orange)}.g-slots{margin-left:8px;color:var(--gold);letter-spacing:3px;font-size:1rem}.g-detail{margin-top:8px;padding:6px 10px;min-height:2.6em;background:#00000040;border-radius:8px;font-size:.82rem;color:var(--text)}.g-detail b{color:var(--gold)}.g-detail span{color:var(--muted);margin-right:4px}.g-detail em{display:block;color:var(--muted);font-style:normal}.gspell.own{cursor:default}.gspell.ult img:first-child{box-shadow:0 0 0 2px var(--orange)}.gspell.no{cursor:default;opacity:.35;filter:grayscale(1)}.g-help{margin:8px 0 0;font-size:.75rem;color:#8d7f6a}.card img.sico,.stats-list img.sico,.summary img.sico{display:inline-block;width:16px;height:16px;margin:0 4px 0 0;border-radius:0;vertical-align:-3px}.card .stat-ico img.big{width:52px;height:52px;border-radius:0}.btn.small{font-size:.85rem;padding:6px 16px;margin:-14px 0 18px}#heroes{z-index:30}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-width:760px;margin:0 auto}.hero-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}.hero-tile img{width:64px;height:64px;object-fit:contain}.hero-tile b{display:block;margin-top:4px}.hero-tile small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.hero-tile.unknown img{filter:grayscale(1) brightness(.75);opacity:.45}.hero-tile.unknown b{color:#8d7f6a;letter-spacing:2px}.hero-card#more-heroes{cursor:pointer}#options{z-index:40}.account-form{display:grid;gap:8px;max-width:320px;margin:8px auto}.account-form input,.board-filters select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.board-filters{display:flex;gap:8px;justify-content:center;margin:8px 0}.board-list{display:grid;gap:4px;max-height:50vh;overflow-y:auto;min-width:320px;text-align:left}.board-row{display:grid;grid-template-columns:2em 1fr auto;gap:10px;padding:4px 10px;border-radius:6px;background:var(--panel)}.board-row b{color:var(--gold)}.board-row small{color:var(--muted)}.temple-win{max-width:760px;width:94vw}.temple-list{display:grid;gap:6px;max-height:60vh;overflow-y:auto;text-align:left}.temple-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.temple-row.off{opacity:.55}.temple-row .t-name b{display:block}.temple-row .t-name small{color:var(--muted)}.temple-row .t-pips{display:flex;gap:3px}.temple-row .t-pips i{width:10px;height:10px;border-radius:50%;border:1px solid var(--line)}.temple-row .t-pips i.on{background:var(--gold);border-color:var(--gold)}.temple-row .t-act{display:flex;gap:6px;align-items:center}.temple-row .t-max{color:var(--muted);font-size:.85rem}.end-doplons{margin:8px 0;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-align:left}.end-doplons div{display:flex;justify-content:space-between;gap:16px}.end-doplons .tot{font-weight:800;color:var(--gold);border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.difficulty{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:10px 0 12px}.difficulty .btn{padding:6px 12px;font-size:.85rem}.difficulty .btn.on{background:linear-gradient(#f5a43c,#c8661a);border-color:#ffd28a;color:#2a1606}.difficulty .btn[disabled]{opacity:.4}.difficulty small{flex-basis:100%;color:var(--muted)}.title-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.window.options{min-width:min(460px,92vw)}.opt{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;margin:14px 0;text-align:left}.opt span{color:var(--muted)}.opt input[type=range]{width:100%;accent-color:#f5a43c}.opt b{min-width:3.2em;text-align:right;color:var(--gold)}.opt small{grid-column:2 / 4;color:var(--muted)}.tuto{position:fixed;left:50%;bottom:150px;transform:translate(-50%);z-index:45;display:flex;gap:12px;align-items:flex-end;max-width:min(600px,94vw);pointer-events:none}.tuto[hidden]{display:none}.tuto.pop{animation:tuto-pop .28s ease-out}@keyframes tuto-pop{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.92)}to{opacity:1;transform:translate(-50%)}}.tuto img{width:76px;height:auto;flex:none;filter:drop-shadow(0 3px 4px #000a)}.tuto-body{background:linear-gradient(#2c2219,#1d1711);border:2px solid var(--gold);border-radius:14px;padding:12px 16px;color:#f3e6c9;box-shadow:0 6px 18px #000a;pointer-events:auto}.tuto-body p{margin:0 0 8px;line-height:1.35;font-size:1.02rem}.tuto-body p b{color:var(--gold)}.tuto-body .btn{padding:4px 10px;font-size:.82rem;opacity:.85}#succes{z-index:35}.succes-win{width:min(760px,94vw)}.succes-win .tabs{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.succes-win .tabs .btn.on{background:linear-gradient(#f5a43c,#c8661a);color:#2a1606;border-color:#ffd28a}.succes-list{display:grid;gap:8px;max-height:min(58vh,520px);overflow-y:auto;padding-right:6px;text-align:left}.ach{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid #4a3a28;border-radius:10px;background:#00000030}.ach.done{border-color:var(--gold);background:#f5c04a14}.ach-ico{width:48px;height:48px;object-fit:contain}.ach-ico.glyph{display:grid;place-items:center;font-size:1.8rem;color:var(--gold)}.ach-ico.off{filter:grayscale(1) brightness(.55);opacity:.8}.ach-body{display:grid;gap:3px}.ach-body b{color:var(--gold)}.ach-body small{color:var(--muted)}.ach-unlock{color:#9be37a!important}.gauge{position:relative;height:16px;background:#00000070;border:1px solid #5a4630;border-radius:8px;overflow:hidden}.gauge i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#f5c04a,#c8861a)}.gauge span{position:relative;display:block;text-align:center;font-size:.72rem;line-height:14px;color:#fff;text-shadow:0 1px 2px #000}.ach-side{display:grid;justify-items:end;gap:2px;min-width:76px}.ach-side small{color:var(--muted);font-size:.72rem}.ach-ok{color:#9be37a;font-size:1.3rem}.end-items{display:flex;gap:6px;justify-content:center;margin:12px 0 0}.end-ach{color:#f0d9a0}.new-hero{display:flex;gap:14px;align-items:center;justify-content:center;margin:14px auto 0;padding:10px 18px;width:fit-content;border:2px solid var(--gold);border-radius:14px;background:#f5c04a1c}.new-hero img{width:72px;height:72px;object-fit:contain;animation:new-hero-reveal 2.4s ease-out .4s both}.new-hero small{display:block;color:#9be37a;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.new-hero b{color:var(--gold);font-size:1.4rem}@keyframes new-hero-reveal{0%{filter:grayscale(1) brightness(.4);transform:scale(.8)}55%{filter:grayscale(1) brightness(.9);transform:scale(1.12)}to{filter:none;transform:scale(1)}}.card.disabled{opacity:.45;cursor:default}.card.disabled:hover{border-color:var(--line);transform:none}.window[data-kind=chest]{max-width:97vw;padding:clamp(10px,2vh,22px) clamp(10px,1.6vw,26px)}.window[data-kind=chest] .chest-cards{flex-wrap:nowrap;gap:clamp(6px,1vw,14px);align-items:stretch}.window[data-kind=chest] .chest-cards .card{flex:1 1 0;min-width:0;width:auto;max-width:230px;padding:clamp(6px,1.4vh,16px) clamp(6px,.8vw,14px);font-size:clamp(.6rem,1.7vh,.9rem);overflow:hidden}.window[data-kind=chest] .chest-cards .card img{max-height:clamp(30px,9vh,80px);object-fit:contain}.window[data-kind=chest] .chest-cards .card h3{font-size:clamp(.75rem,2.1vh,1.1rem);margin:4px 0}.window[data-kind=chest] .chest-cards .card p{margin:2px 0}.window[data-kind=chest] h2{font-size:clamp(1.1rem,3.6vh,2.1rem);margin:0 0 4px}.window[data-kind=chest] .actions{margin-top:clamp(6px,1.4vh,14px)}.chest-sep{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;color:var(--gold);letter-spacing:.15em;font-size:.78rem;opacity:.85}.menu-ico{display:block;width:clamp(34px,8vh,64px);height:clamp(34px,8vh,64px);object-fit:contain;margin:0 auto 4px}.temple-row .t-name{display:flex;align-items:center;gap:10px}.temple-row .t-name>span{min-width:0}.temple-row .t-ico{width:clamp(26px,6vh,42px);height:clamp(26px,6vh,42px);flex:none;object-fit:contain}#bug-btn{position:fixed;left:16px;bottom:118px;z-index:30;width:clamp(30px,5vh,44px);height:clamp(30px,5vh,44px);padding:4px;border-radius:50%;border:2px solid #1a0f06;background:#f1e6d0;opacity:.55;cursor:pointer}#bug-btn:hover,#bug-btn:focus-visible{opacity:1}#bug-btn svg{display:block;width:100%;height:100%}#bug-screen{z-index:40}.bug-win{width:min(520px,92vw)}.bug-win textarea{width:100%;resize:none;box-sizing:border-box;font:inherit;color:inherit;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:8px}.bug-toast{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);z-index:50;padding:8px 16px;border-radius:8px;background:#241c14;border:1px solid #ffd34a;color:#f1e6d0}.picks{display:inline-flex;gap:2px;margin-left:4px;vertical-align:middle}.picks i{width:7px;height:7px;border-radius:50%;border:1px solid var(--gold);display:inline-block}.picks i.on{background:var(--gold)}.picks-line{font-size:.75rem;color:var(--muted)}.chest-pill{font-size:.85em;opacity:.9}.chest-ico{color:var(--gold);font-style:normal}#tuto-menu{z-index:90;bottom:28px}.tuto-focus{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px;animation:tuto-focus 1.1s ease-in-out infinite;position:relative;z-index:2}@keyframes tuto-focus{0%,to{box-shadow:0 0 #e8b64c00}50%{box-shadow:0 0 18px 4px #e8b64c8c}}.pet-help{margin:6px 0;font-size:.9rem;color:var(--muted)}.pet-new{display:flex;align-items:center;gap:12px;justify-content:center;margin:8px 0;padding:8px 12px;background:#00000040;border:1px solid var(--line);border-radius:8px;text-align:left}.pet-new img{height:clamp(48px,12vh,96px);width:auto;object-fit:contain}.pet-new p{margin:2px 0;font-size:.85rem}.pause-pet img{float:left;height:44px;width:auto;margin-right:8px;object-fit:contain}.res-owned-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.res-owned-list li{display:flex;align-items:center;gap:6px;font-size:.82rem}.res-owned-list li span{color:var(--muted)}.res-ico{width:26px;height:26px;object-fit:contain}.new-heroes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0}.new-heroes .new-hero{margin:0;flex:0 1 auto}.new-heroes .new-hero{padding:6px 12px;gap:10px}.new-heroes .new-hero img{width:48px;height:48px}.new-heroes .new-hero b{font-size:1.05rem}.end-ach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:4px 0 8px;padding:0;font-size:clamp(.62rem,1.4vh,.8rem)}.end-ach-grid li{padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#00000038;color:#f0d9a0;text-align:center;overflow-wrap:anywhere}.window[data-result] .actions{position:sticky;bottom:-2px;z-index:2;padding:8px 0 2px;background:linear-gradient(#1d171100,#1d1711 45%)}:root{--panel-hi: rgba(255, 236, 190, .07);--gold-hi: #ffe08a;--gold-lo: #b9832a;--ink: #120d08;--ease-pop: cubic-bezier(.2, 1.4, .4, 1);--frame: 0 0 0 1px #0d0905, 0 0 0 3px #6b5333, 0 0 0 4px #0d0905, 0 18px 50px rgba(0, 0, 0, .65)}.btn{position:relative;overflow:hidden;letter-spacing:.02em;background:linear-gradient(#5a4630,#3a2d1e 55%,#2d2217);border:1px solid #8a6a3f;border-bottom-color:#4a3822;box-shadow:inset 0 1px #ffe6aa47,inset 0 -2px #00000059,0 2px #1a120a,0 4px 10px #0006;transition:transform .08s,filter .15s,box-shadow .15s}.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,240,200,.28),transparent);transition:left .45s;pointer-events:none}.btn:hover:not(:disabled):after{left:130%}.btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset 0 1px #ffe6aa66,inset 0 -2px #00000059,0 2px #1a120a,0 0 14px #e8b64c59}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #00000080,0 0 #1a120a}.btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.btn.primary{background:linear-gradient(#ffc15a,#f08a24 50%,#c8661a);border-color:#ffe0a0;border-bottom-color:#a85414;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78320073,0 2px #6b3208,0 4px 14px #f08a2459}.btn.primary:hover:not(:disabled){box-shadow:inset 0 1px #fff9,inset 0 -2px #78320073,0 2px #6b3208,0 0 22px #ffaa3cb3}.btn.big.primary{animation:da-breathe 2.4s ease-in-out infinite}@keyframes da-breathe{50%{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78320073,0 2px #6b3208,0 0 26px #ffaa3cbf}}#title{background:radial-gradient(ellipse at 50% 0%,rgba(255,190,90,.16),transparent 55%),radial-gradient(ellipse at 50% 30%,#3c5a288c,#0a0806f0 72%)}.logo{background:linear-gradient(#fff0b0 10%,#f2b640 45%,#f08a24 70%,#c8661a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #6b3a10) drop-shadow(0 10px 22px rgba(0,0,0,.7));text-shadow:none;animation:da-logo-in .8s var(--ease-pop) both}.logo span{background:linear-gradient(#ffd08a 5%,#ff9a2b 50%,#d4521a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes da-logo-in{0%{opacity:0;transform:translateY(-18px) scale(.92)}to{opacity:1;transform:none}}.tagline{text-shadow:0 1px 6px #000}.title-box h2{display:flex;align-items:center;gap:14px;justify-content:center}.title-box h2:before,.title-box h2:after{content:"";height:1px;width:56px;background:linear-gradient(90deg,transparent,var(--gold-lo))}.title-box h2:after{transform:scaleX(-1)}.hero-card{position:relative;background:linear-gradient(#2e241a,#1b1510);border:2px solid #5b4528;box-shadow:inset 0 1px 0 var(--panel-hi),0 6px 14px #00000073;transition:transform .16s var(--ease-pop),border-color .15s,box-shadow .15s}.hero-card:not(.locked):hover{transform:translateY(-4px) scale(1.03);border-color:#b8924a}.hero-card.on{background:linear-gradient(#3a2c18,#231a0e);box-shadow:inset 0 1px #ffe6aa2e,0 0 0 1px #0d0905,0 0 22px #e8b64c8c}.hero-card.on:before{content:"";position:absolute;inset:0;border-radius:10px;background:radial-gradient(circle at 50% 0%,rgba(255,220,140,.25),transparent 60%);pointer-events:none}.hero-card>*{position:relative}.hero-card.on img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));animation:da-float 3s ease-in-out infinite}@keyframes da-float{50%{transform:translateY(-3px)}}.screen.dim{background:radial-gradient(ellipse at 50% 40%,#140e088c,#050302cc);backdrop-filter:blur(3px) saturate(.9)}.window{position:relative;border:1px solid #0d0905;border-radius:14px;background:linear-gradient(180deg,rgba(255,236,190,.06),transparent 90px),linear-gradient(#2f241a,#1c1510 60%,#17110c);box-shadow:var(--frame),inset 0 1px #ffe6aa2e;animation:da-window-in .28s var(--ease-pop) both}@keyframes da-window-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.window h2{color:var(--gold-hi);text-shadow:0 2px 0 #5a3410,0 4px 14px rgba(0,0,0,.7);letter-spacing:.03em;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold-lo) 20%,var(--gold-hi) 50%,var(--gold-lo) 80%,transparent) 1}.window .sub{margin-bottom:14px}.window::-webkit-scrollbar,.pause-spells::-webkit-scrollbar,.succes-list::-webkit-scrollbar,.board-list::-webkit-scrollbar,.temple-list::-webkit-scrollbar{width:10px}.window::-webkit-scrollbar-thumb,.pause-spells::-webkit-scrollbar-thumb,.succes-list::-webkit-scrollbar-thumb,.board-list::-webkit-scrollbar-thumb,.temple-list::-webkit-scrollbar-thumb{background:#5b4528;border-radius:6px;border:2px solid #1c1510}.card{background:linear-gradient(#34281c,#211810);border-width:2px;box-shadow:inset 0 1px 0 var(--panel-hi),0 8px 18px #00000080;animation:da-deal .38s var(--ease-pop) both;overflow:hidden;transition:transform .14s var(--ease-pop),border-color .15s,box-shadow .15s}.cards .card:nth-child(2){animation-delay:.07s}.cards .card:nth-child(3){animation-delay:.14s}.cards .card:nth-child(4){animation-delay:.21s}.cards .card:nth-child(5){animation-delay:.28s}.cards .card:nth-child(6){animation-delay:.35s}@keyframes da-deal{0%{opacity:0;transform:translateY(26px) rotate(-3deg) scale(.9)}to{opacity:1;transform:none}}.card:hover{transform:translateY(-6px) scale(1.03);box-shadow:inset 0 1px #ffe6aa33,0 14px 26px #0009,0 0 18px #e8b64c59}.card:active{transform:translateY(-2px) scale(.99)}.card:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-70%;width:40%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,245,210,.16),transparent);transition:left .55s;pointer-events:none}.card:hover:after{left:130%}.card.r1{background:linear-gradient(#2c3a24,#1c2416)}.card.r2{background:linear-gradient(#233248,#172033)}.card.r3{background:linear-gradient(#3a2750,#241833);animation:da-deal .38s var(--ease-pop) both,da-pulse-epic 2.6s ease-in-out .5s infinite}.card.r4{background:linear-gradient(#4a3010,#2d1c08);animation:da-deal .38s var(--ease-pop) both,da-pulse-leg 2s ease-in-out .5s infinite}.card.r4:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 10%,rgba(255,190,70,.16) 12% 16%,transparent 18% 35%,rgba(255,190,70,.14) 37% 41%,transparent 43% 60%,rgba(255,190,70,.16) 62% 66%,transparent 68% 85%,rgba(255,190,70,.14) 87% 91%,transparent 93%);animation:da-spin 14s linear infinite;pointer-events:none}.card>*{position:relative}@keyframes da-pulse-epic{50%{box-shadow:inset 0 1px 0 var(--panel-hi),0 8px 18px #00000080,0 0 22px #a65be099}}@keyframes da-pulse-leg{50%{box-shadow:inset 0 1px 0 var(--panel-hi),0 8px 18px #00000080,0 0 30px #ff9a2bcc}}@keyframes da-spin{to{transform:rotate(360deg)}}.card .tag{border:1px solid rgba(255,220,140,.25)}.card img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.card h3{text-shadow:0 1px 0 #000}.hero,.timer-box,.pill,.spellbar,.sets div,.slot,.hint,.challenge,.bossbar{background:linear-gradient(#3c2e1ee6,#1a140eeb);box-shadow:inset 0 1px 0 var(--panel-hi),0 3px 10px #00000073;border-color:#5b4528}.hero img{box-shadow:0 0 0 2px #0d0905,0 0 10px #e8b64c59}.xpbar{height:12px;background:#06141c;border-bottom:1px solid #1b4a60;box-shadow:0 2px 6px #00000080}.xpfill{position:relative;background:linear-gradient(#6fd0ff,#2a8fc4 55%,#1c6a96)}.xpfill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);background-size:220% 100%;animation:da-sheen 3.2s linear infinite}@keyframes da-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}.hpbar{height:18px;border-radius:9px;border:1px solid #0d0905;box-shadow:0 0 0 1px #6b2a1c,inset 0 2px 4px #0009}.hpfill{position:relative;background:linear-gradient(#ff8a6a,#d8402f 50%,#a0281a)}.hpfill:after{content:"";position:absolute;left:0;right:0;top:1px;height:38%;border-radius:8px 8px 0 0;background:linear-gradient(#ffffff6b,#fff0)}.timer{text-shadow:0 2px 0 #4a2a08,0 0 14px rgba(232,182,76,.45)}.pill{box-shadow:inset 0 1px 0 var(--panel-hi),0 3px 10px #00000073}.banner{font-size:1.9rem;letter-spacing:.04em;text-shadow:0 2px 0 #4a2a08,0 0 22px rgba(255,190,80,.55),0 4px 14px rgba(0,0,0,.8)}.banner.on{animation:da-banner .5s var(--ease-pop) both}@keyframes da-banner{0%{transform:scale(1.5);opacity:0}to{transform:none;opacity:1}}.bossbar{border-color:#a03020;box-shadow:inset 0 1px 0 var(--panel-hi),0 0 18px #c8321e59,0 3px 10px #00000073}.bossfill{position:relative;height:12px;background:linear-gradient(#ff7a5a,#d83a1c 55%,#8a1a0c);box-shadow:inset 0 -2px 3px #0006}.bossfill:after{content:"";position:absolute;left:0;right:0;top:1px;height:35%;background:linear-gradient(rgba(255,255,255,.4),transparent)}.spell{box-shadow:inset 0 0 0 1px #0009,0 2px 6px #00000080;transition:transform .12s}.spell:hover{transform:translateY(-2px)}.spell.el-terre{box-shadow:inset 0 0 8px #b07a3e73,0 2px 6px #00000080}.spell.el-feu{box-shadow:inset 0 0 8px #ee5a2b80,0 2px 6px #00000080}.spell.el-eau{box-shadow:inset 0 0 8px #3fa4e880,0 2px 6px #00000080}.spell.el-air{box-shadow:inset 0 0 8px #5cc74a80,0 2px 6px #00000080}.spell .lvl{background:#0000008c;border-radius:6px;padding:0 3px}.spell.ult{border-width:3px}.spell.ult.ready{animation:glow 1.2s infinite alternate,da-ult-pop 1.2s ease-in-out infinite}@keyframes da-ult-pop{50%{transform:scale(1.06)}}.spell-tip,.tuto-body{background:linear-gradient(#34281c,#1c1510);box-shadow:inset 0 1px 0 var(--panel-hi),0 8px 22px #0009}.pause-spell,.g-detail,.temple-row,.board-row,.ach,.hero-tile{background:linear-gradient(#46342273,#140f0a8c);box-shadow:inset 0 1px 0 var(--panel-hi)}.gspell.on,.gspell.start{box-shadow:0 0 12px #e8b64c73}.ach.done{box-shadow:inset 0 0 0 1px #e8b64c59,0 0 12px #e8b64c33}.gauge i{background:linear-gradient(#ffe08a,#f2b640 50%,#c8861a)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tuto{z-index:15}.summary{gap:0 28px;max-width:460px}.summary span,.summary b{padding:5px 2px;border-bottom:1px solid rgba(255,230,170,.08)}.summary b{color:#fff3d6;font-variant-numeric:tabular-nums}.summary span{display:flex;align-items:center}.window[data-kind=end]{min-width:min(520px,92vw)}.window[data-kind=end][data-result=won]{box-shadow:var(--frame),0 0 60px #ffbe464d,inset 0 1px #ffe6aa2e}.window[data-kind=end][data-result=won] h2{font-size:2.2rem;background:linear-gradient(#fff4c0,#f2b640 60%,#c8861a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #5a3410) drop-shadow(0 0 12px rgba(255,190,70,.5))}.window[data-kind=end][data-result=lost]{box-shadow:var(--frame),0 0 50px #c8321e47,inset 0 1px #ffc8aa1f;background:linear-gradient(180deg,rgba(255,90,60,.07),transparent 120px),linear-gradient(#2c1f19,#1a110d 60%,#150d0a)}.window[data-kind=end][data-result=lost] h2{color:#ff9a82;text-shadow:0 2px 0 #5a1608,0 0 16px rgba(255,80,50,.45)}.end-doplons{background:linear-gradient(#ffdc8c14,#00000040);border-color:#7a5e34}.end-doplons div{padding:2px 0}.end-doplons div b{color:var(--gold-hi)}.end-items .slot{animation:da-deal .35s var(--ease-pop) both}.end-items .slot:nth-child(2){animation-delay:.06s}.end-items .slot:nth-child(3){animation-delay:.12s}.end-items .slot:nth-child(4){animation-delay:.18s}.end-items .slot:nth-child(5){animation-delay:.24s}.end-items .slot:nth-child(6){animation-delay:.3s}.new-hero{box-shadow:0 0 24px #ffbe4659;animation:da-deal .5s var(--ease-pop) .2s both}.window[data-kind=pause] h2{letter-spacing:.12em;text-transform:uppercase}.window[data-kind=pause] .actions{position:sticky;bottom:-22px;padding:12px 0 2px;background:linear-gradient(transparent,#1c1510 35%)}.window[data-kind=levelup] h2{font-size:clamp(1.2rem,4vh,2.1rem)}.window[data-kind=levelup] h2,.window[data-kind=chest] h2{animation:da-banner .45s var(--ease-pop) both}.window[data-kind=chest]{box-shadow:var(--frame),0 0 50px #ffaa3c38,inset 0 1px #ffe6aa2e}.window .actions .btn{min-width:110px}.title-box{padding-top:8px}.logo{font-size:clamp(2.4rem,min(9vw,14vh),6rem);line-height:1}.tagline{margin:2px 0 min(2.5vh,18px)}.title-box h2{margin-bottom:min(1.5vh,10px)}.roster{margin-bottom:min(2.5vh,18px)}#play.big{display:block;margin:0 auto min(2vh,14px);min-width:min(360px,84vw);font-size:clamp(1.4rem,4.2vh,2rem);padding:clamp(10px,2vh,18px) 48px;letter-spacing:.08em;text-transform:uppercase}.difficulty{margin:0 0 min(2vh,14px)}.title-btns{margin-bottom:min(2.5vh,18px)}@media(max-height:560px){.hero-card{width:104px;padding:6px}.hero-card img,.hero-card.locked .ph{width:56px;height:56px}.tagline{font-size:.95rem}}.window{max-height:none;overflow:visible}.screen{overflow:hidden}.screen>.title-box{margin:0}.succes-list,.board-list,.temple-list{max-height:none;overflow:visible;padding-right:0}.succes-list{grid-template-columns:repeat(2,minmax(0,1fr))}.succes-win{width:min(1000px,96vw)}.temple-list{grid-template-columns:repeat(2,minmax(0,1fr))}.temple-win{max-width:min(1000px,96vw)}.grimoire-win{width:min(980px,96vw);text-align:left}.grimoire-win .grimoire{margin:0;border:0;background:transparent;padding:0;max-width:none;box-shadow:none}#grimoire-screen{z-index:30}.g-help{margin:4px 0 0}#open-grimoire{border-color:#ffd28a;color:var(--gold-hi)}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-width:840px}.hero-tile{padding:8px 4px}.hero-tile img{width:52px;height:52px}.hero-tile small{font-size:.68rem;line-height:1.2}#play.big{margin:clamp(10px,3vh,28px) auto clamp(12px,3.2vh,30px)}.difficulty{margin:0 0 clamp(14px,3.6vh,34px)}.difficulty small{margin-top:6px}.title-btns{gap:10px 12px;margin-bottom:clamp(10px,2.6vh,24px)}.roster{margin-bottom:clamp(6px,1.5vh,14px)}.controls{margin-top:clamp(8px,2vh,20px)}.pets-hud{position:absolute;top:98px;left:16px;display:grid;gap:4px;pointer-events:auto;max-width:min(210px,19vw)}.pet-line{background:linear-gradient(#3c2e1ee6,#1a140eeb);border:1px solid #5b4528;border-radius:8px;padding:3px 9px;font-size:.78rem;cursor:help;box-shadow:inset 0 1px 0 var(--panel-hi),0 2px 6px #0006}.pet-line b{color:var(--gold-hi)}.pet-line span{color:#8fe3a0;font-weight:700;margin-left:4px}.pause-pets{display:grid;gap:6px;text-align:left}.pause-pet{background:linear-gradient(#46342273,#140f0a8c);border-radius:8px;padding:5px 9px;font-size:.8rem;line-height:1.35}.pause-pet b{color:var(--gold-hi)}.pause-pet span{color:var(--muted);font-size:.72rem}.pause-pet p{margin:2px 0}.pause-pet em{color:var(--muted);font-style:normal;font-size:.74rem}#hud:has(.bossbar:not([hidden])) .banner{top:168px}#hud:has(.bossbar:not([hidden])) .challenge{top:176px;left:16px;transform:none;min-width:0;max-width:min(260px,26vw);text-align:left}#hud:has(.bossbar:not([hidden])) .hint{bottom:150px}@font-face{font-family:Lexend;font-weight:400;font-display:swap;src:url(/fonts/Lexend-Regular.ttf) format("truetype")}@font-face{font-family:Lexend;font-weight:600;font-display:swap;src:url(/fonts/Lexend-SemiBold.ttf) format("truetype")}@font-face{font-family:Lexend;font-weight:700 900;font-display:swap;src:url(/fonts/Lexend-Bold.ttf) format("truetype")}:root{font-family:Lexend,Trebuchet MS,Segoe UI,system-ui,sans-serif}button,input,select{font-family:inherit}