:root{--p:#0b1020e8;--l:#2b3755;--c:#5de9ff;--g:#ffd66b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050713;color:#eef2ff;font-family:Inter,system-ui,sans-serif}body{user-select:none}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none}.brand{position:absolute;left:20px;top:16px;font-size:21px;font-weight:1000;letter-spacing:4px}.brand span,.logo span{color:var(--c)}.stats{position:absolute;left:20px;top:54px;width:270px}.m{display:grid;grid-template-columns:46px 1fr 42px;gap:7px;align-items:center;margin:7px 0}.m>span{font-size:9px;font-weight:900;letter-spacing:1.4px}.m>div{height:9px;background:#141a2d;border:1px solid #2c3753;border-radius:20px;overflow:hidden}.m i{display:block;height:100%;border-radius:20px}.hp i{background:linear-gradient(90deg,#ef4d66,#ff9d79)}.mana i{background:linear-gradient(90deg,#4c84ff,#69efff)}.m b{font-size:10px;text-align:right}.hp>span,.hp>b{color:#ff8a99}.mana>span,.mana>b{color:#68e5ff}.sub{display:flex;justify-content:space-between;font-size:8px;color:#59657f;letter-spacing:1px}.sub span{white-space:nowrap}#zone{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:290px;padding:11px 14px;background:var(--p);border:1px solid var(--l);border-radius:13px}.zoneRow{display:flex;justify-content:space-between}#zone>b{font-size:9px;letter-spacing:1.5px;color:#66e8ff}#zone strong{float:right;font-size:9px}.zbar{clear:both;height:7px;background:#161d31;border:1px solid #2a3552;border-radius:10px;overflow:hidden;margin:9px 0}.zbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#57e7ff,#997cff)}#zone small{font-size:7px;color:#596681}#board{position:absolute;right:18px;top:18px;width:205px;padding:12px 14px;background:var(--p);border:1px solid var(--l);border-radius:13px}#board>b{font-size:10px;letter-spacing:2px;color:var(--g)}#scores{margin:7px 0 0;padding-left:20px;border-top:1px solid #202943;padding-top:5px}#scores li{font-size:10px;color:#aab4ca;padding:3px 0}#scores li b{float:right;color:#eef2ff}#map{position:absolute;right:18px;top:130px;width:185px;height:185px;background:#080d18;border:1px solid var(--l);border-radius:12px;overflow:hidden}#mini{width:100%;height:100%}#skills{position:absolute;left:18px;bottom:18px;width:245px;padding:12px;background:var(--p);border:1px solid var(--l);border-radius:13px;pointer-events:auto}.st{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.st span{color:#67738f}.st em{font-style:normal;color:var(--g)}.pts{font-size:8px;color:#596681;margin:7px 0}.pts strong{color:var(--g)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.grid button{position:relative;min-height:60px;background:#10162a;color:#cfd5e7;border:1px solid #28314e;border-radius:8px;text-align:left;padding:6px;cursor:pointer;display:grid;grid-template-columns:23px 1fr;grid-template-rows:16px 14px 11px}.grid button:hover{border-color:#64749e}.grid button.available{border-color:#7f6bd2}.grid button.max{opacity:.4}.grid button b{font-size:8px}.grid button small{font-size:7px;color:#6a7590}.grid button i{font-size:7px;font-style:normal;color:#5f6b84}.grid button:first-letter{font-size:14px}.grid button>i{grid-column:2}#spells{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:#070b15e8;border:1px solid #28314a;border-radius:13px;pointer-events:auto}.spell{position:relative;width:101px;height:56px;background:#10162a;border:1px solid #2c3753;border-radius:9px;color:#7f89a5;text-align:left;padding:7px;cursor:pointer}.spell.sel{border-color:#9178ff;background:#1a1633;color:#fff}.spell b{display:block;font-size:8px;margin-top:10px}.spell small{font-size:7px;color:#69748f}.spell kbd{position:absolute;right:5px;top:5px;background:#202842;color:#8f9ab4;border-radius:4px;font-size:6px;padding:2px 4px}.spell:first-child b{color:#ff9b66}.spell:nth-child(2) b{color:#af9cff}.spell:nth-child(3) b{color:#f3a8ff}.spell:nth-child(4) b{color:#64eaff}.spell.shield{width:110px}.spell.shield.active{border-color:#64eaff;box-shadow:0 0 22px #55e6ff2a;color:#fff}#hint{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);font-size:8px;color:#4d5871;white-space:nowrap;letter-spacing:1px}#feed{position:absolute;right:18px;bottom:195px;width:240px;text-align:right;color:#8290aa;font-size:8px;line-height:1.7}.feed{opacity:.95}.pill{display:inline-block;padding:6px 10px;border:1px solid #3b4b6d;border-radius:50px;color:#72e8ff;font-size:8px;font-weight:900;letter-spacing:1.4px}.logo{font-size:clamp(58px,11vw,108px);font-weight:1000;letter-spacing:8px;text-shadow:0 0 70px #7566ff66}.hidden{display:none!important}#start,#end{position:fixed;inset:0;z-index:50;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,#141936ef,#03050cf8 68%);padding:20px}#start p{max-width:610px;color:#8d97b3;line-height:1.7;font-size:14px;margin:7px auto 25px}#start button,#again{border:0;padding:15px 26px;border-radius:10px;background:linear-gradient(135deg,#8b70ff,#56dfff);color:#05101c;font-weight:1000;letter-spacing:2px;cursor:pointer}#start small{display:block;margin-top:17px;color:#51607a;font-size:9px}.card{min-width:370px;padding:30px 48px;background:#0d1223;border:1px solid #35415f;border-radius:18px;box-shadow:0 30px 110px #000a}.card>#endicon{font-size:44px;color:#ffe17a}.card h1{font-size:22px;letter-spacing:3px}.card p{color:#7f8aa4;font-size:12px}.results{display:flex;justify-content:center;gap:28px;margin:20px 0 25px}.results small{display:block;color:#64718b;font-size:7px}.results b{display:block;font-size:22px;margin-top:3px}@media(max-width:950px){#skills{display:none}.spell{width:82px}.spell.shield{width:88px}#map{width:150px;height:150px}}@media(max-width:700px){#board{width:145px}.stats{width:205px}.spell{width:61px;height:50px}.spell.shield{width:66px}.spell small{display:none}.spell kbd{display:none}#zone{width:235px}}

.start-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.ad-btn{border:1px solid #5c72a5!important;background:#101a31!important;color:#78e7ff!important;box-shadow:0 0 25px #55e6ff10!important}.boost-preview{margin:10px auto 14px;max-width:520px;padding:8px 12px;border:1px solid #3c4867;border-radius:10px;background:#0c1426aa;font-size:8px;letter-spacing:.8px;color:#6be8ff}.boost-preview span{display:block;font-weight:900;color:#ffd66d;margin-bottom:3px}.boost-preview b{font-size:8px;color:#a9b5ce}#adModal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#03050cf5;backdrop-filter:blur(8px)}#adModal.hidden{display:none}.ad-card{width:min(390px,92vw);background:#0d1325;border:1px solid #364363;border-radius:18px;padding:27px;text-align:center;box-shadow:0 35px 110px #000b}.ad-tag{font-size:8px;letter-spacing:2px;color:#6ce7ff}.ad-orb{width:62px;height:62px;border-radius:50%;margin:17px auto 10px;background:radial-gradient(circle,#fff0a5 0,#8b6dff 48%,#151936 70%);box-shadow:0 0 35px #7564ff66;animation:adPulse 1.1s infinite alternate}@keyframes adPulse{to{transform:scale(1.08);filter:brightness(1.2)}}.ad-card h2{font:700 28px Georgia,serif;margin:5px}.ad-card p{font-size:12px;line-height:1.6;color:#8590aa}.ad-count{font:900 32px Georgia,serif;color:#ffe08a;margin:13px}.ad-progress{height:6px;background:#202943;border-radius:8px;overflow:hidden}.ad-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#5be6ff,#997cff);transition:width 1s linear}.ad-card button{margin-top:18px;border:0;background:none;color:#64708a;font-size:9px;letter-spacing:1px;cursor:pointer}