:root{--ink:#0f0f14;--paper:#fffdf6;--gold:#ffc110;--red:#e8423f;--panel:#121626e0;--line:#ffffff24;--font:"Londrina Solid", "Arial Black", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0d1424;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#labels{pointer-events:none;z-index:2;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#ui{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0}#ui>:not(.hud):not(.bhud){pointer-events:auto}button{font-family:var(--font);letter-spacing:.5px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:12px;padding:8px 16px;font-size:18px;transition:transform 80ms}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}button:disabled{opacity:.45;cursor:default}button.go{background:var(--gold)}button.danger{color:var(--red)}button:focus-visible{outline-offset:3px;outline:3px solid #285bea}h1,h2,h3{font-family:var(--font);letter-spacing:1px;margin:0 0 8px;font-weight:900}.pt{object-fit:contain;object-position:center top;pointer-events:none;width:40px;height:40px;display:block}.pt.big{width:64px;height:64px}.pt.huge{width:140px;height:140px}.hint{opacity:.78;font-size:14px}.empty{opacity:.7;text-align:center;padding:20px;font-style:italic}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.ok{color:#4bea69;font-weight:800}.chip{background:#ffffff24;border-radius:10px;margin:2px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-block}.screen{background:linear-gradient(#0d14248c,#0d1424d9);flex-direction:column;justify-content:safe center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.logo{text-align:center;text-shadow:0 4px 0 var(--ink);margin-bottom:18px}.logo .nog{color:var(--red);letter-spacing:-2px;font-size:54px;display:block}.logo h1{font-size:max(44px,min(9vw,92px));line-height:.9}.logo h1 em{color:var(--gold);font-style:normal}.logo p{margin:8px 0 0;font-size:18px;font-weight:800}.menu{flex-direction:column;gap:10px;width:min(380px,92vw);display:flex}.menu .big{padding:12px;font-size:26px}.foot{opacity:.75;margin-top:18px;font-size:14px}.foot a{color:#fff}.screen.how .how,.screen.campaign .chapters{background:var(--panel);border:2px solid var(--line);border-radius:16px;max-width:820px;padding:18px 22px}.how p{line-height:1.45}.how table{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.how td,.how th{border-bottom:1px solid var(--line);text-align:left;padding:5px}.setup{grid-template-columns:minmax(260px,1fr) minmax(300px,1.4fr);gap:18px;width:min(1100px,100%);display:grid}.setup .col{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:14px}.maps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.mapc{text-align:left;padding:8px 10px;font-size:17px}.mapc small,.fac small{font-family:var(--body);opacity:.75;letter-spacing:0;font-size:12px;font-weight:700;display:block}.opt{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.opt span{width:82px;font-weight:800}.opt button{padding:4px 12px;font-size:16px}.rivals{flex-wrap:wrap;gap:8px;display:flex}.facs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.fac{text-align:left;background:linear-gradient(160deg, var(--paper) 60%, var(--fc));padding:8px;position:relative}.fac.on{outline:4px solid var(--fc);outline-offset:2px;background:linear-gradient(160deg, #fff6d0 50%, var(--fc))}.fac .fi{float:right;font-size:26px}.fac b{font-size:18px;display:block}.fac .t4{gap:2px;margin-top:4px;display:flex}.fac .t4 .pt{width:34px;height:34px}.fac em{font-size:12px;font-style:normal;font-family:var(--body);opacity:.8;font-weight:800}.chapters{gap:14px;display:grid}.chapter{border-left:6px solid var(--fc);background:#ffffff0f;border-radius:12px;padding:12px}.chapter.locked{opacity:.55}.chapter.done b:after{content:" ✔";color:#4bea69}.chh{align-items:center;gap:10px;display:flex}.chh small{opacity:.8;display:block}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .top{background:linear-gradient(#0a0e1aeb,#0a0e1a99);align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:0;left:0;right:0}.resbar{flex-wrap:wrap;gap:10px;font-size:15px;font-weight:800;display:flex}.res b{margin-left:3px}.hud .day{text-align:right;font-family:var(--font);margin-left:auto;font-size:18px;line-height:1}.hud .day small{font-family:var(--body);color:var(--gold);font-size:12px;display:block}button.ic{padding:2px 12px;font-size:22px}.hud .side{flex-direction:column;gap:6px;max-height:calc(100% - 200px);padding-bottom:4px;display:flex;position:absolute;top:52px;left:8px;overflow-y:auto}.pchip,.tchip{place-items:center;width:52px;height:52px;padding:2px;display:grid;position:relative;overflow:hidden}.pchip .pt{width:44px;height:44px}.pchip i{background:#4bea69;border-radius:3px;width:5px;position:absolute;bottom:2px;right:2px}.pchip.on{background:var(--gold)}.pchip.tired{filter:saturate(.4)}.pchip em,.tchip em{color:var(--red);font-size:20px;font-style:normal;line-height:1;position:absolute;top:0;right:3px}.tchip{background:linear-gradient(160deg, var(--paper) 50%, var(--fc));font-size:26px}.pinfo{background:var(--panel);border:2px solid var(--line);border-radius:14px;width:min(330px,46vw);padding:8px 10px;position:absolute;bottom:8px;left:8px}.pinfo .ph{cursor:pointer;align-items:center;gap:8px;display:flex}.pinfo .ph small{opacity:.8;font-size:12px;display:block}.mp{background:#ffffff1f;border-radius:8px;height:16px;margin:6px 0;position:relative;overflow:hidden}.mp i{background:linear-gradient(90deg,#36b36a,#7ce08f);position:absolute;top:0;bottom:0;left:0;right:auto}.mp span{padding-left:8px;font-size:12px;font-weight:800;position:relative}.slots{flex-wrap:wrap;gap:6px;display:flex}.stack{border:2px solid var(--line);background:#ffffff1a;border-radius:10px;place-items:center;width:58px;height:62px;display:grid;position:relative}.stack .pt{width:50px;height:50px}.stack .n{color:#fff;background:#2b6bf6;border-radius:8px;padding:0 5px;font-size:13px;position:absolute;bottom:0;right:2px}.stack .tier{color:var(--gold);font-size:9px;position:absolute;top:0;left:3px}.stack .lil{background:#ff7ac8;border-radius:6px;padding:0 3px;font-size:10px;font-style:normal;position:absolute;bottom:1px;left:2px}.stack.empty{border-style:dashed}.stack.sel{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}.stack.t4{border-color:#ffd23f88}.slots.mini .stack{width:42px;height:46px}.slots.mini .pt{width:36px;height:36px}.slots.mini .n{font-size:11px}.acts{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:60vw;display:flex;position:absolute;bottom:8px;right:8px}.acts button{flex-direction:column;align-items:center;min-width:62px;padding:4px 10px;font-size:22px;line-height:1;display:flex}.acts button span{margin-top:2px;font-size:13px}.acts .end{background:var(--gold);font-size:26px}.acts .glow{animation:1.2s ease-in-out infinite alternate glow}@keyframes glow{to{box-shadow:0 4px 0 var(--ink), 0 0 16px 4px #ffd23f}}.tip{z-index:20;pointer-events:none;border:2px solid var(--line);opacity:0;background:#0a0c16f0;border-radius:10px;max-width:250px;padding:6px 10px;font-size:13px;transition:opacity .1s;position:fixed}.tip.on{opacity:1}.tip b{font-size:15px;display:block}.tip small,.tip span{opacity:.85;display:block}.tip .bad{color:#ff6a6a;opacity:1;font-weight:800}.tip .meh{color:#ffd23f;opacity:1;font-weight:800}.tip .good{color:#4bea69;opacity:1;font-weight:800}#aiturn{z-index:30;background:var(--panel);border:2px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-weight:800;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}#aiturn span{border-radius:50%;width:14px;height:14px;display:inline-block}#htoast{z-index:60;background:var(--paper);color:var(--ink);border:3px solid var(--ink);opacity:0;pointer-events:none;text-align:center;border-radius:12px;max-width:90vw;padding:8px 16px;font-weight:800;transition:all .2s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px)}#htoast.on{opacity:1;transform:translate(-50%)}.modal-wrap{z-index:50;background:#05081099;place-items:center;padding:12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:16px;width:min(520px,94vw);max-height:92dvh;padding:16px 20px;overflow-y:auto}.modal-wrap.wide .modal{width:min(760px,96vw)}.modal p{line-height:1.4}.modal .hint{opacity:.7}.mbtns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.modal .chip{background:#00000014}.modal .cstats span{background:#0000000f}.modal .resbar{color:var(--ink)}.klist{padding-left:18px}.klist li{flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0;display:flex}.klist .pt{width:28px;height:28px}.dao .props{gap:8px;display:grid}.prop{border:2px solid #00000026;border-radius:10px;padding:6px 10px}.prop.on{border-color:var(--gold);background:#fff3c4}.prop p{margin:2px 0 0;font-size:14px}.cinfo .ch{align-items:center;gap:10px;display:flex}.cinfo .ch small{opacity:.7;display:block}.cstats{flex-wrap:wrap;gap:4px;margin:6px 0;font-size:13px;font-weight:800;display:flex}.cstats span{background:#ffffff1a;border-radius:8px;padding:1px 6px}.adesc{opacity:.85;margin:4px 0;padding-left:18px;font-size:13px}.cost{white-space:nowrap;font-weight:800}.cost.short{color:#e8423f}.town-screen,.hero-screen{z-index:40;background:linear-gradient(170deg,#1a2036,#0d1424);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.town-screen{background:0 0}.town-screen .tview{cursor:pointer;flex:0 0 34vh}.town-screen nav{background:linear-gradient(#0000,#0d1424eb 40%)}.town-screen .tbody{background:#0d1424f0}.town-screen.peeking .tview{flex:1}.town-screen.peeking .tbody{display:none}.town-screen nav .peek{margin-left:auto}.town-screen header,.hero-screen header{background:linear-gradient(90deg, var(--fd,#333), var(--fc,#555));flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.hero-screen header{background:linear-gradient(90deg,#2b3a5a,#3a4f7a)}.town-screen .tn{align-items:center;gap:10px;display:flex}.town-screen .ficon{font-size:34px}.town-screen h2{text-shadow:0 2px 0 var(--ink);margin:0}.town-screen header small{opacity:.9}.town-screen .resbar{background:#0000004d;border-radius:10px;margin-left:auto;padding:4px 10px}button.x{padding:2px 12px;font-size:20px}.town-screen nav,.htabs{flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.town-screen nav button{white-space:nowrap;padding:4px 12px;font-size:16px}.htabs button{align-items:center;gap:6px;padding:2px 10px;font-size:15px;display:flex}.htabs .pt{width:28px;height:28px}.tbody{flex:1;padding:10px 14px 30px;overflow-y:auto}.bgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.bcard{border:2px solid var(--line);background:#ffffff12;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.bcard.ready{border-color:#ffd23f99}.bcard.built{opacity:.65}.bcard .bh{font-family:var(--font);justify-content:space-between;font-size:18px;display:flex}.bcard p{opacity:.85;flex:1;margin:0;font-size:13px}.bcard .bf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.bcard .bf button{padding:3px 10px;font-size:14px}.bcard .why{color:#ffb0b0}.choice{grid-template-columns:1fr 1fr;gap:6px;display:grid}.choice .opt{flex-direction:column;align-items:center;padding:6px;font-size:14px;display:flex;position:relative}.choice .opt small{font-size:10px;font-family:var(--body);opacity:.7}.choice .opt i{font-size:16px;font-style:normal;position:absolute;top:2px;right:6px}.pick{opacity:.7;font-size:11px}.rgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.rcard{border:2px solid var(--line);background:#ffffff12;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.rcard.small{align-items:flex-start;font-size:14px}.rf{justify-content:space-between;font-size:14px;display:flex}.rb{gap:6px;display:flex}.rb button{flex:1;padding:4px 6px;font-size:15px}.army h3{margin-top:12px}.army h3 small{font-family:var(--body);opacity:.7;letter-spacing:0;font-size:12px}.army .slot{cursor:pointer}.heroes{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.hchip{background:#ffffff14;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.hchip small{opacity:.7;font-size:11px;display:block}.hchip button{padding:2px 8px;font-size:13px}.spells{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.spell{background:#ffffff12;border-left:5px solid #fff;border-radius:10px;padding:6px 10px}.spell small{opacity:.75;font-size:12px;display:block}.spell p{margin:3px 0 0;font-size:13px}.spell.nocast{opacity:.55}.s-feast{border-color:#ff7ac8!important}.s-glitch{border-color:#ffd23f!important}.s-spooky{border-color:#a07cff!important}.s-sky{border-color:#9fd8ff!important}.s-nature{border-color:#4bea69!important}.s-tide{border-color:#2b9bf6!important}.s-blaze{border-color:#ff7a2f!important}.market .mrow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.market .mrow b{width:120px}.market button{padding:3px 8px;font-size:14px}.auction .lot{background:#ffffff12;border-radius:14px;align-items:flex-start;gap:14px;padding:12px;display:flex}.auction .bid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auction input{font:800 18px var(--body);border:3px solid var(--ink);border-radius:10px;width:120px;padding:6px}.skills{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.skill{background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:13px;font-weight:800}.skill em{color:var(--gold);font-size:11px;font-style:normal}.hmain{flex:1;grid-template-columns:240px 1fr;gap:16px;padding:12px 16px;display:grid;overflow-y:auto}.hcard{text-align:center;background:linear-gradient(170deg, #ffffff14, var(--fc));border-radius:16px;align-self:start;padding:12px}.hcard .pt.huge{margin:0 auto}.hcard small{opacity:.9;display:block}.xp{background:#0000004d;border-radius:7px;height:14px;margin:8px 0;position:relative;overflow:hidden}.xp i{background:var(--gold);position:absolute;top:0;bottom:0;left:0;right:auto}.xp span{font-size:11px;font-weight:800;position:relative}.hcard .cstats{justify-content:center}.levelup{border:2px solid var(--gold);background:#ffd23f22;border-radius:12px;margin-bottom:10px;padding:8px}.levelup button{text-align:left;max-width:280px}.levelup button small{font-family:var(--body);letter-spacing:0;font-size:11px;display:block}.equip{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.eslot{border:2px dashed var(--line);text-align:center;cursor:pointer;background:#ffffff0f;border-radius:10px;min-height:52px;padding:4px;font-size:12px}.eslot.full{border-style:solid;border-color:#ffd23f88}.eslot span{font-size:18px;display:block}.bag{flex-wrap:wrap;gap:6px;display:flex}.bag .item{padding:3px 8px;font-size:13px}.bag .grail{color:var(--ink);background:#ffd23f;border-radius:10px;padding:4px 10px;font-weight:800}.ph,.hero-screen>.slots,.hero-screen>.hint{padding:0 16px}.hero-screen>.slots{padding-bottom:6px}.bhud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bhud>*{pointer-events:auto}.bhud .order{background:#0a0e1ab3;border-radius:14px;align-items:center;gap:4px;max-width:96vw;padding:4px 8px;display:flex;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%)}.oc{border:3px solid var(--c);background:#ffffff1f;border-radius:10px;width:40px;height:40px;position:relative}.oc .pt{width:34px;height:34px}.oc.now{width:50px;height:50px;box-shadow:0 0 0 2px var(--gold)}.oc.now .pt{width:44px;height:44px}.oc b{background:var(--c);border-radius:6px;padding:0 3px;font-size:11px;position:absolute;bottom:-4px;right:-2px}.order .round{font-family:var(--font);white-space:nowrap;padding:0 6px;font-size:16px}.order .round.pop{animation:.6s rpop}@keyframes rpop{30%{color:var(--gold);transform:scale(1.5)}}.bhud .unit{background:var(--panel);border:2px solid var(--c);border-radius:14px;align-items:center;gap:8px;max-width:min(420px,50vw);padding:6px 10px;display:flex;position:absolute;bottom:8px;left:8px}.bacts{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:50vw;display:flex;position:absolute;bottom:8px;right:8px}.bacts button{flex-direction:column;align-items:center;min-width:60px;padding:4px 10px;font-size:22px;line-height:1;display:flex}.bacts button span{margin-top:2px;font-size:13px}.spellpick{background:var(--panel);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:94vw;padding:8px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.spellpick button{text-align:left;border-left-width:8px;padding:4px 10px;font-size:15px}.spellpick small{font-family:var(--body);letter-spacing:0;font-size:11px;display:block}.bl{transform-origin:0 0;background:var(--c);color:#fff;font:900 14px var(--font);letter-spacing:.5px;white-space:nowrap;border:2px solid #0f0f14;border-radius:8px;margin:-2px 0 0 -14px;padding:0 6px;position:absolute;top:0;left:0}.bl.hero{color:var(--ink);border-color:var(--c);background:#ffd23f}.bl.hero b{margin-right:2px}.bl.gone{display:none}.bl:after{content:attr(data-st);margin-left:2px}.pop{font:900 20px var(--font);color:#fff;text-shadow:0 2px #000,0 0 6px #000;white-space:nowrap;letter-spacing:.5px;animation:1.3s ease-out forwards popup;position:absolute;transform:translate(-50%)}.pop.dmg.small{font-size:15px}.pop.dmg.lucky{color:#7cff9a;font-size:26px}.pop.heal{color:#7cff9a}.pop.info{color:#fff;font-size:16px}.pop.spell{color:#d9b8ff;font-size:22px}.pop.good{color:#ffd23f}@keyframes popup{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}@media (max-height:520px),(max-width:760px){.pt.big{width:48px;height:48px}.resbar{gap:6px;font-size:12px}.hud .day{font-size:14px}.hud .side{gap:4px;max-height:calc(100% - 130px);top:40px}.pchip,.tchip{width:42px;height:42px}.pchip .pt{width:36px;height:36px}.tchip{font-size:20px}.pinfo{width:min(250px,38vw);padding:5px 7px}.pinfo .slots.mini .stack{width:34px;height:38px}.pinfo .slots.mini .pt{width:28px;height:28px}.acts button,.bacts button{min-width:48px;padding:3px 7px;font-size:18px}.acts button span,.bacts button span{font-size:11px}.bhud .unit{max-width:44vw;padding:4px 6px}.bhud .unit .cstats{font-size:11px}.bhud .unit .abils{display:none}.oc{width:32px;height:32px}.oc .pt{width:26px;height:26px}.oc.now{width:38px;height:38px}.oc.now .pt{width:32px;height:32px}.setup{grid-template-columns:1fr 1fr;gap:8px}.setup .col{padding:8px}.fac small,.fac .t4{display:none}.logo .nog{font-size:36px}.logo h1{font-size:46px}.logo{margin-bottom:8px}.menu .big{padding:6px;font-size:20px}.hmain{grid-template-columns:170px 1fr}.pt.huge{width:90px;height:90px}.town-screen header{gap:6px;padding:4px 8px}.town-screen .ficon{font-size:24px}.town-screen nav{padding:4px 8px}.town-screen .tview{flex-basis:16vh}.modal{padding:10px 14px}}body.in-town #ui,body.in-town #labels{visibility:hidden}:root{--gold:#f2c14e;--gold2:#b8862b;--gold-hi:#fff1b8;--ink2:#2a1a0c;--night:#0f1630;--night2:#1b2550;--parch:#fbf0d4;--parch2:#ecd9a8}body{background:radial-gradient(at 50% 30%,#1d2a55,#070b18 75%)}button{color:var(--ink2);border-color:var(--ink2);box-shadow:0 4px 0 var(--ink2), inset 0 1px 0 #fff;background:linear-gradient(#fffaf0,#f2e2bc)}button.go,.acts .end{box-shadow:0 4px 0 var(--ink2), inset 0 1px 0 var(--gold-hi), 0 0 18px #ffc44059;text-shadow:0 1px #ffffff80;background:linear-gradient(#ffe58a 0%,#f5c242 45%,#d99a1e 100%)}button.on{background:linear-gradient(#fff1b8,#f2c14e)}.chip{background:#f2c14e29;border:1px solid #f2c14e59}.screen.title{background:radial-gradient(at 50% 42%,#0a0e1e0d,#050814d1 80%)}.logo h1{text-shadow:0 5px 0 var(--ink), 0 0 40px #ffc44073;font-size:max(52px,min(10vw,112px))}.logo h1 em{background:linear-gradient(#fff6c8 10%,#ffd24a 45%,#d48a12 75%,#ffe58a 95%);color:#0000;-webkit-text-stroke:2px var(--ink);text-shadow:none;filter:drop-shadow(0 5px 0 var(--ink)) drop-shadow(0 0 24px #ffbe328c);-webkit-background-clip:text;background-clip:text;display:inline-block}.logo .nog{filter:drop-shadow(0 0 14px #e8423f99);animation:3s ease-in-out infinite nogfloat}@keyframes nogfloat{50%{transform:translateY(-6px)}}.logo p{color:var(--gold-hi);letter-spacing:1px;text-shadow:0 2px #000;background:linear-gradient(90deg,#0000,#781414d9 12%,#961c1ce6 50%,#781414d9 88%,#0000);margin-top:12px;padding:6px 22px;display:inline-block}.menu .big{font-size:28px}.screen.how .how,.screen.campaign .chapters,.setup .col,.pinfo,.bhud .unit,.spellpick,#aiturn,.hud .top,.bhud .order{border:2px solid var(--gold2);background:linear-gradient(#1b2550f0,#0c1126f5);box-shadow:inset 0 0 0 1px #ffe18c40,0 6px 24px #00000073}.hud .top{border-width:0 0 2px;border-radius:0}.hud .day b{color:var(--gold-hi);text-shadow:0 2px #000}.resbar .res b{color:#fff6dc}.pinfo{border-radius:16px}.pchip,.tchip{border-color:var(--ink2)}.pchip.on{box-shadow:0 4px 0 var(--ink2), 0 0 16px #ffc83c99;background:linear-gradient(#ffe58a,#e0a428)}.stack{background:linear-gradient(#ffffff24,#ffffff0a);border-color:#f2c14e73}.stack.t4{border-color:var(--gold);box-shadow:0 0 10px #ffc83c73}.stack .n{background:linear-gradient(#4d8cff,#1f4fc8);border:1px solid #0b1a44}.mp i{background:linear-gradient(90deg,#2f9a5a,#8ef0a2);box-shadow:0 0 10px #78ffa066}.tip{border-color:var(--gold2);background:linear-gradient(#1b2550f7,#0a0e1ef7)}.modal{background:radial-gradient(ellipse at 50% 0%, #fffaf0, var(--parch) 45%, var(--parch2));border:3px solid var(--ink2);box-shadow:0 0 0 4px var(--gold2), 0 0 0 7px var(--ink2), 0 18px 40px #0009;color:var(--ink2)}.modal h2{text-align:center;color:#5a1a0a;border-bottom:2px solid #b8862b80;padding-bottom:6px}.modal-wrap{background:radial-gradient(#05081073,#050810cc);animation:.18s fadein}.modal{animation:.22s cubic-bezier(.2,1.4,.4,1) popin}@keyframes popin{0%{opacity:0;transform:scale(.85)}}@keyframes fadein{0%{opacity:0}}.town-screen header{box-shadow:inset 0 -2px 0 var(--gold2), 0 4px 16px #0006}.town-screen .tbody,.hero-screen{background:linear-gradient(#141c3ef5,#080c1cfa)}.bcard,.rcard,.spell,.auction .lot,.hchip{background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #f2c14e4d}.bcard.ready{border-color:var(--gold);box-shadow:0 0 14px #ffc83c40}.bcard .bh b{color:var(--gold-hi)}.hcard{border:2px solid var(--gold2);box-shadow:inset 0 0 30px #00000059}.oc{box-shadow:0 2px 6px #00000080}.oc.now{box-shadow:0 0 0 2px var(--gold), 0 0 16px #ffc83cb3}.pop{-webkit-text-stroke:1px #000;font-size:24px}.pop.dmg{color:#ffe27a}.battle-intro{z-index:25;pointer-events:none;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.battle-intro .bi{font-family:var(--font);color:#fff;text-shadow:0 4px #000;align-items:center;gap:18px;animation:2.4s ease-out forwards biin;display:flex}.battle-intro .side{border:2px solid var(--gold2);background:linear-gradient(#1b2550e6,#0c1126f2);border-radius:10px;padding:6px 18px;font-size:max(20px,min(3.4vw,34px))}.battle-intro .side.l{border-left:8px solid var(--c);animation:.5s ease-out slidel}.battle-intro .side.r{border-right:8px solid var(--c);animation:.5s ease-out slider}.battle-intro .vs{background:linear-gradient(#fff6c8,#ffd24a 50%,#d48a12);color:#0000;-webkit-text-stroke:3px #000;filter:drop-shadow(0 4px #000)drop-shadow(0 0 22px #ffb428cc);-webkit-background-clip:text;background-clip:text;font-size:max(44px,min(8vw,86px));animation:.5s cubic-bezier(.2,1.6,.4,1) vspop}@keyframes biin{0%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes slidel{0%{transform:translate(-60vw)}}@keyframes slider{0%{transform:translate(60vw)}}@keyframes vspop{0%{opacity:0;transform:scale(3)}}.victory-rays{z-index:49;pointer-events:none;background:repeating-conic-gradient(#ffd25029 0 8deg, transparent 8deg 18deg);animation:18s linear infinite spin;position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%;-webkit-mask:radial-gradient(circle,#000 0,#0000 45%);mask:radial-gradient(circle,#000 0,#0000 45%)}@keyframes spin{to{transform:rotate(360deg)}}.mp span b{color:#fff6a8;font-size:14px}.mp.empty i{background:#8a3a3a}.mp.empty{animation:1.2s ease-in-out infinite alternate mpblink}@keyframes mpblink{to{box-shadow:0 0 0 2px #ff6a6a}}.ctlhint{border:1px solid var(--gold2);white-space:nowrap;text-overflow:ellipsis;background:#0a0e1ed9;border-radius:18px;max-width:92vw;padding:5px 14px;font-size:13px;font-weight:800;position:absolute;top:52px;left:50%;overflow:hidden;transform:translate(-50%);pointer-events:none!important}.maptag{z-index:4;pointer-events:none;font:900 13px var(--font);color:#fff;border:2px solid var(--gold2);white-space:nowrap;background:#0a0e1ed9;border-radius:10px;padding:1px 7px;position:fixed;transform:translate(-50%,-100%)}.maptag.end{border-color:#4bea69}.maptag.far{border-color:#ffd23f}.maptag.zero{border-color:#ff6a6a}.tileinfo b{font-size:18px;display:block}.tileinfo small,.tileinfo span{display:block}@media (max-height:520px){.ctlhint{font-size:11px;top:40px}}.pop.crit{color:#ffd23f;-webkit-text-stroke:2px #000;font-size:34px;animation:1.3s ease-out forwards critpop}.pop.ko{color:#ff6a6a;-webkit-text-stroke:2px #000;font-size:30px}@keyframes critpop{0%{opacity:0;transform:translate(-50%)scale(2.4)rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-14px)scale(1.1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-64px)scale(1)rotate(0)}}.ultbanner{z-index:26;pointer-events:none;text-align:center;font-family:var(--font);color:#fff;border-top:3px solid var(--c);border-bottom:3px solid var(--c);background:linear-gradient(90deg,#0000,#000000bf 20% 80%,#0000);padding:10px 0;animation:2.2s ease-out forwards ultin;position:fixed;top:34%;left:0;right:0}.ultbanner small{letter-spacing:6px;color:var(--c);font-size:16px;display:block}.ultbanner b{text-shadow:0 4px 0 #000, 0 0 30px var(--c);letter-spacing:2px;font-size:max(34px,min(7vw,72px))}@keyframes ultin{0%{opacity:0;transform:scaleY(0)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0;transform:translate(8%)}}.ultbar{pointer-events:none;gap:14px;display:flex;position:absolute;top:62px;left:50%;transform:translate(-50%)}.ultbar .meter{border:2px solid var(--c);background:#0000008c;border-radius:6px;width:150px;height:12px;position:relative;overflow:hidden}.ultbar .meter i{background:linear-gradient(90deg, var(--c), #fff6a8);position:absolute;top:0;bottom:0;left:0;right:auto}.ultbar .meter.full{box-shadow:0 0 14px var(--c);animation:.6s infinite alternate mpblink}.ultbar span{font:800 11px var(--body);text-shadow:0 1px 2px #000}.bacts .ult{background:linear-gradient(#fff6a8,#ffb020);animation:.8s ease-in-out infinite alternate glow}@media (max-height:520px){.ultbar{top:46px}.ultbar .meter{width:90px}}.mp{background:0 0;height:auto;margin:6px 0 4px;padding-bottom:11px;overflow:visible}.mp:before{content:"";background:#ffffff24;border-radius:4px;height:7px;position:absolute;bottom:0;left:0;right:0}.mp i{border-radius:4px;height:7px;top:auto;bottom:0;left:0;right:auto}.mp span{text-shadow:0 1px 2px #0008;padding-left:0;display:block}.maptag.ghost{background:#0a0e1eb8}.minimap{z-index:3;background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:4px;position:fixed;top:52px;right:8px;box-shadow:0 6px 18px #0007}.minimap canvas{cursor:crosshair;touch-action:none;width:170px;image-rendering:pixelated;border-radius:7px;display:block}.minimap .mmtog{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0;font-size:14px;line-height:1;position:absolute;top:-10px;left:-14px}.minimap.folded{box-shadow:none;background:0 0;border:0;padding:0}.minimap.folded canvas{display:none}.minimap.folded .mmtog{width:38px;height:38px;font-size:18px;position:static}body.in-battle .minimap{display:none!important}@media (max-height:520px){.minimap{top:46px}.minimap canvas{width:118px}}.bcard .btop{flex:1;align-items:flex-start;gap:10px;display:flex}.bcard .btop>div{flex-direction:column;flex:1;gap:4px;display:flex}.bcard .bimg{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--fc,#ffd23f) 35%, transparent), #ffffff0a 70%);filter:drop-shadow(0 4px 6px #0006);border-radius:10px;flex:none;width:104px;height:104px}.bcard.locked .bimg{filter:grayscale(.55)brightness(.85)}@media (max-height:520px){.bcard .bimg{width:60px;height:60px}}.bcard .bh{flex-wrap:wrap;gap:2px 8px}.screen h2 .step{opacity:.7;letter-spacing:1px;margin-left:8px;font-size:16px}.setup.one{grid-template-columns:minmax(280px,1.2fr) minmax(260px,1fr)}.fpick{grid-template-columns:minmax(200px,300px) minmax(320px,1fr);align-items:start;gap:14px;width:min(1180px,100%);display:grid}.ftiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ftile{background:linear-gradient(170deg, #26304e 30%, var(--fd));color:#fff;border-color:#0b0f1e;flex-direction:column;align-items:center;gap:0;padding:4px 4px 6px;display:flex}.ftile img{aspect-ratio:1;filter:drop-shadow(0 4px 6px #0008);width:100%;max-width:120px}.ftile b{text-shadow:0 2px #0008;font-size:16px}.ftile.on{outline:4px solid var(--fc);outline-offset:2px;background:linear-gradient(170deg, #34406a 20%, var(--fc))}.fdetail{background:var(--panel);border:2px solid var(--fc);box-shadow:0 0 24px color-mix(in srgb, var(--fc) 35%, transparent);border-radius:16px;padding:14px 16px}.fdetail h3{color:var(--fc);text-shadow:0 3px #0009;margin:0;font-size:30px}.fdetail h4{color:#ffe9a8;margin:12px 0 6px;font-size:18px}.fdetail h4 small{font-family:var(--body);opacity:.7;color:#fff;font-size:12px}.fhead{align-items:center;gap:14px;display:flex}.fhead img{background:radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--fc) 45%, transparent), transparent 70%);border-radius:14px;flex:none;width:150px;height:150px}.fhead .motto{opacity:.85;margin:2px 0;font-style:italic}.fhead .fstyle{margin:4px 0 8px;font-size:17px;font-weight:800}.lvl{font:800 12px var(--body);color:#0f1a10;background:#4bea69;border-radius:99px;padding:2px 10px;display:inline-block}.lvl.medium{background:#ffd23f}.lvl.hard{background:#ff6a5a}.fcols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fcols ul{margin:0;padding-left:18px;font-size:14px}.fcols li{margin:3px 0}.fcols .weak{color:#ffc0b0;margin:8px 0 0;font-size:14px}.ffacts p{margin:0 0 6px;font-size:13.5px;line-height:1.35}.ffacts b{color:#ffe9a8}.army{flex-direction:column;gap:6px;display:flex}.army .tier{background:#ffffff0d;border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:flex}.army .tn{font:900 15px var(--font);text-align:center;width:28px;color:var(--fc)}.army i{opacity:.6;font-size:12px;font-style:normal}.army .cre{cursor:pointer;border-radius:8px;flex:1;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:6px;padding:2px 4px;display:grid}.army .cre:hover{background:#ffffff14}.army .cre .pt{grid-row:span 2;width:40px;height:40px}.army .cre b{font-size:15px}.army .cre small{opacity:.8;font-size:12px;line-height:1.2}@media (max-width:820px),(max-height:520px){.fpick{grid-template-columns:1fr;gap:8px}.ftiles{grid-template-columns:repeat(8,minmax(74px,1fr));overflow-x:auto}.ftile img{max-width:64px}.ftile b{font-size:13px}.fhead img{width:96px;height:96px}.fdetail h3{font-size:22px}.fcols{grid-template-columns:1fr;gap:4px}}.pediascr{justify-content:flex-start}.ptabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.ptabs button{padding:5px 10px;font-size:15px}.ptabs button.on{background:var(--fc);outline:3px solid #fff}.pedia{background:var(--panel);border:2px solid var(--fc);border-radius:16px;width:min(1180px,100%);padding:12px 14px}.pintro{margin:0 0 6px;font-size:15px}.pintro b{color:var(--fc)}.ptier h3{color:#ffe9a8;align-items:baseline;gap:10px;margin:12px 0 6px;font-size:20px;display:flex}.ptier h3 small{font:700 12px var(--body);opacity:.75;color:#fff}.pcards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.pcard{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:8px 10px}.pcard:hover{background:#ffffff1a}.pcard.monster{border-color:color-mix(in srgb, var(--fc) 60%, transparent);background:linear-gradient(160deg, #ffffff12, color-mix(in srgb, var(--fd) 30%, transparent))}.pcard.legend{border:2px solid var(--gold);box-shadow:0 0 16px #ffc83c4d}.pcard .ph{align-items:center;gap:8px;display:flex}.pcard .ph .pt{width:52px;height:52px}.pcard .ph b{font-size:18px;display:block}.pcard .ph small{font:800 12px var(--body);opacity:.75}.pcard .pst{font:800 12.5px var(--body);flex-wrap:wrap;gap:4px 10px;margin:6px 0 4px;display:flex}.pcard ul{margin:0;padding-left:16px;font-size:12.5px;line-height:1.35}.pcard li b{color:#ffe9a8}.menu .row.small{gap:8px;margin-top:4px;display:flex}.menu .row.small button{white-space:nowrap;flex:1;padding:6px 8px;font-size:15px}