@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Cinzel:wght@400;600;700&display=swap";:root{--gold: #c9a227;--gold-bright: #ffd75e;--gold-dim: #8a6d1f;--ink: #1a1206;--paper: #f3e6c8;--jade: #2e8b6e;--jade-dark: #1d5c46;--red: #a3352b;--red-dark: #6e1f17;--panel: rgba(24, 17, 8, .82);--panel-border: rgba(201, 162, 39, .55);--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d0a06;font-family:Cinzel,"Noto Serif SC",Georgia,serif;color:var(--paper);-webkit-font-smoothing:antialiased}#app,#game-canvas-host{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}#board-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(52% 44% at 50% 44%,rgba(255,190,110,.16),rgba(255,190,110,.05) 46%,transparent 68%),radial-gradient(120% 100% at 50% 50%,transparent 56%,rgba(8,5,2,.38) 100%);animation:vignetteBreath 7s ease-in-out infinite}@keyframes vignetteBreath{0%,to{opacity:.85}50%{opacity:1}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud .turn-banner{position:absolute;top:46px;left:50%;transform:translate(-50%) scale(.6);padding:8px 28px;font-size:17px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold-bright);background:linear-gradient(180deg,#1a1206e6,#1a12068c);border:1px solid var(--panel-border);border-radius:999px;text-shadow:0 1px 3px #000,0 0 18px rgba(255,215,94,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .18s ease}.hud .turn-banner.show{opacity:1;animation:bannerIn .55s cubic-bezier(.2,.9,.25,1.25)}.hud .turn-banner.mine{color:#ffe08a;border-color:#ffe08a;box-shadow:0 0 26px #ffd75e73,0 4px 16px #0009}.hud .turn-banner.theirs{color:#cba6ff;border-color:#b07dff;box-shadow:0 0 26px #b07dff66,0 4px 16px #0009}@keyframes bannerIn{0%{transform:translate(-50%) scale(.5);opacity:0}55%{transform:translate(-50%) scale(1.08);opacity:1}75%{transform:translate(-50%) scale(.96)}to{transform:translate(-50%) scale(1)}}.turn-indicator{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:4px 16px;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#f3e6c8e6;background:#1811088c;border:1px solid rgba(201,162,39,.35);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#end-turn-btn{position:fixed;right:28px;bottom:26px;z-index:20;pointer-events:auto;padding:14px 34px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#c9a227,#7a5d12 55%,#5a430c);border:1px solid #ffe08a;border-radius:10px;box-shadow:0 4px 14px #0009,inset 0 1px #ffffff59;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .2s ease}#end-turn-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}#end-turn-btn:active{transform:translateY(1px)}#end-turn-btn:disabled{opacity:.4;cursor:default}#toast-host{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(720px,90vw)}.toast{padding:12px 34px;font-size:21px;font-weight:700;letter-spacing:1px;color:var(--paper);background:linear-gradient(180deg,#3c280ceb,#1a1206eb);border:1px solid var(--panel-border);border-radius:999px;box-shadow:0 6px 24px #0009;text-shadow:0 1px 2px #000;animation:toastIn .28s cubic-bezier(.2,.9,.3,1.2)}.toast.gold{color:var(--gold-bright);border-color:#ffe08a}.toast.warn{color:#ff9d8a}.toast.tall{font-size:26px;padding:18px 44px}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.leaving{opacity:0;transform:translateY(-10px);transition:all .25s ease}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(1200px 600px at 50% 18%,rgba(90,58,20,.55),transparent 60%),radial-gradient(900px 500px at 50% 110%,rgba(46,90,66,.5),transparent 60%),linear-gradient(180deg,#14100a,#0d0a06 70%);transition:opacity .5s ease,visibility .5s}.screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.screen h1{font-size:64px;font-weight:900;letter-spacing:10px;color:var(--gold-bright);text-shadow:0 2px 0 #5a430c,0 6px 18px rgba(0,0,0,.8)}.screen .subtitle{font-size:16px;letter-spacing:6px;text-transform:uppercase;color:var(--paper);opacity:.75}.screen .seal{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:52px;color:#ffe08a;background:radial-gradient(circle,#7a1f14,#4a0f08);border:3px solid #ffb35e;border-radius:50%;box-shadow:0 4px 20px #000000b3,inset 0 0 20px #00000080;margin-bottom:-6px}.screen .menu-btn{pointer-events:auto;padding:15px 60px;font-family:inherit;font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--gold),#7a5d12 55%,#5a430c);border:1px solid #ffe08a;border-radius:12px;box-shadow:0 6px 18px #0009,inset 0 1px #ffffff59;cursor:pointer;transition:transform .12s ease,filter .12s ease}.screen .menu-btn:hover{filter:brightness(1.12);transform:translateY(-2px) scale(1.02)}.screen .menu-btn:active{transform:translateY(1px)}.player-orb{position:absolute;width:196px;height:78px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(160deg,#281c0ceb,#140d06e0);border:1px solid var(--panel-border);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #0000008c,inset 0 1px #ffffff14}.player-orb.top{top:16px;left:20px}.player-orb.bottom{bottom:58px;left:20px}.hero-frame{width:58px;height:58px;flex:none;padding:3px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff0b8,#c9a227 45%,#6b5210 78%,#3d2c08);box-shadow:0 0 14px #c9a22780,inset 0 0 4px #fff0b4e6;display:flex;align-items:center;justify-content:center}.hero-frame .hero-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #7a5d12;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;background:radial-gradient(circle at 35% 30%,#4a3320,#241609 70%,#140c04);color:var(--gold-bright);text-shadow:0 1px 3px #000;box-shadow:inset 0 0 12px #000000b3}.player-orb.low .hero-frame{background:radial-gradient(circle at 32% 28%,#ffb0a0,#a3352b 45%,#5a1508 78%,#2c0804);box-shadow:0 0 18px #ff3c28b3,inset 0 0 4px #ffbeb4e6;animation:frameLowPulse 1.1s ease-in-out infinite}@keyframes frameLowPulse{0%,to{box-shadow:0 0 12px #ff3c2880,inset 0 0 4px #ffbeb4cc}50%{box-shadow:0 0 26px #ff3c28f2,inset 0 0 6px #ffc8be}}.hero-info{display:flex;flex-direction:column;line-height:1.05;min-width:0}.player-orb .hero-name{font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.85;white-space:nowrap}.player-orb .hero-hp{font-size:34px;font-weight:900;color:#ffe08a;text-shadow:0 2px 4px #000,0 0 12px rgba(255,215,94,.35);line-height:1.1;min-width:48px;text-align:left}.player-orb .hero-hp.low{color:#ff6a55;text-shadow:0 2px 4px #000,0 0 18px rgba(255,60,40,.85);animation:hpLowPulse 1.1s ease-in-out infinite}@keyframes hpLowPulse{0%,to{color:#ff6a55;text-shadow:0 2px 4px #000,0 0 12px rgba(255,60,40,.6)}50%{color:#ffd0c0;text-shadow:0 2px 4px #000,0 0 26px rgba(255,60,40,1)}}.hero-armor,.hero-weapon{font-size:13px;margin-top:2px;min-height:15px}.armor-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:linear-gradient(180deg,#9fd8cc,#4a7f74);color:#0c2420;font-weight:800;border:1px solid #c9f0e6;box-shadow:0 1px 4px #00000080;letter-spacing:.5px}.weapon-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:linear-gradient(180deg,#e8d9a8,#8a6d2a);color:#241a06;font-weight:800;border:1px solid #ffe08a;box-shadow:0 1px 4px #00000080;letter-spacing:.5px}.player-orb .mana-crystals{gap:5px}.mana-crystals{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px}.player-orb.bottom .mana-crystals{bottom:-32px;left:14px;right:14px}.player-orb.top .mana-crystals{top:-32px;left:14px;right:14px}.crystal{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#0a2c22;background:radial-gradient(circle at 35% 30%,#a5f6d8,#2e8b6e 55%,#123e2e);border:2px solid #c4f6e2;box-shadow:0 3px 8px #0000008c,inset 0 1px #ffffff80,0 0 8px #6effc866;text-shadow:0 1px 0 rgba(255,255,255,.35);transition:all .25s ease}.crystal.spent{background:radial-gradient(circle at 35% 30%,#4a3d2a,#241c11 60%,#120d07);border-color:#4a3d2a;color:#6b5a42;text-shadow:none;box-shadow:0 3px 8px #00000080,inset 0 1px #ffffff0f;filter:saturate(.25) brightness(.75)}.crystal.full{animation:crystalPulse 1.4s ease-in-out infinite}.mana-crystals.mana-full{animation:manaBarGlow 1.6s ease-in-out infinite}@keyframes manaBarGlow{0%,to{filter:drop-shadow(0 0 4px rgba(120,255,200,.35))}50%{filter:drop-shadow(0 0 14px rgba(140,255,210,.8))}}@keyframes crystalPulse{0%,to{transform:scale(1);box-shadow:0 3px 8px #0000008c,0 0 4px #78ffc859}50%{transform:scale(1.18);box-shadow:0 3px 10px #0000008c,0 0 18px #8cffd2f2}}.deck-counter{position:absolute;right:24px;width:66px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(180deg,#2e140ae6,#1a0e06e6);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 14px #0009}.deck-counter.top{top:16px}.deck-counter.bottom{bottom:16px}.deck-counter .count{font-size:30px;font-weight:900;color:var(--gold-bright)}.deck-counter .label{font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.7}body.can-play{cursor:crosshair}body.no-play{cursor:not-allowed}.muted{opacity:.55}