:root{--bg: #07090a;--ink: #e8e2d4;--muted: #9a9284;--blood: #b3160c;--gold: #ffcf6a;--panel: rgba(12, 14, 14, .82);--line: rgba(255, 255, 255, .12);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,.btn,.card-name,.divider,.hero-name{font-family:Oswald,Impact,sans-serif;letter-spacing:.04em}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%)}.btn{background:linear-gradient(#3a1410,#1e0806);color:var(--ink);border:1px solid #6a2a20;border-radius:6px;padding:8px 16px;font-size:15px;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 10px #00000080,inset 0 1px #ffffff14;transition:transform .12s,box-shadow .12s,filter .12s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.25);box-shadow:0 6px 20px #b3160c66}.btn:disabled{opacity:.4;cursor:default}.btn.big{font-size:20px;padding:12px 28px;min-width:260px}.btn.ghost{background:#0006;border-color:var(--line)}.btn.on{background:linear-gradient(#5a3a10,#2a1806);border-color:var(--gold)}.btn small{font-size:11px;color:var(--gold);margin-left:6px}.shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.menu{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:12vh;gap:10px}.title{font-size:clamp(56px,11vw,140px);margin:0;color:#d8d0bc;text-shadow:0 0 30px rgba(179,22,12,.6),0 6px 0 #3a0a06,0 10px 30px #000;animation:titlePulse 5s ease-in-out infinite}@keyframes titlePulse{50%{text-shadow:0 0 50px rgba(179,22,12,.9),0 6px 0 #3a0a06,0 10px 30px #000}}.tagline{margin:0 0 24px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:13px}.menu-buttons{display:flex;flex-direction:column;gap:12px}.location-note{color:var(--muted);font-size:13px;margin-top:18px}.panel-page{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 16px 80px}.panel-page h2{font-size:40px;margin:10px 0 20px}.back{margin-bottom:8px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.mode{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode h3{margin:0;font-size:24px}.mode p{margin:0;color:var(--muted);font-size:14px;flex:1}.mode label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.mode select,.mode input{background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:14px}.deck-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.deck-select h4{margin:0 0 8px;font-size:18px}.deck-opt{display:block;width:100%;text-align:left;margin-bottom:8px;padding:12px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;cursor:pointer}.deck-opt b{display:block;font-family:Oswald,sans-serif;font-size:18px}.deck-opt span{font-size:13px;color:var(--muted)}.deck-opt.on{border-color:var(--gold);box-shadow:0 0 20px #ffcf6a40}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filters button{background:var(--panel);color:var(--ink);border:1px solid var(--arch, var(--line));border-radius:20px;padding:6px 14px;cursor:pointer;font-family:Oswald,sans-serif}.filters button.on{background:var(--arch, #444);color:#000}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px;justify-items:center;perspective:900px}.card{position:relative;border-radius:10px;transform-style:preserve-3d;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease-out,box-shadow .2s,filter .2s;cursor:pointer;flex:none}.card-float{animation:cardFloat 4.5s ease-in-out infinite}@keyframes cardFloat{0%,to{translate:0 0}50%{translate:0 -5px}}.card:hover{z-index:50}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#2a2620,#0e0d0b 60%);border:2px solid color-mix(in srgb,var(--arch) 70%,#000);box-shadow:0 10px 25px #000000b3,inset 0 0 20px #0009;display:flex;flex-direction:column;padding:4px 6px 6px}.card-head{display:flex;align-items:center;gap:6px;height:24px}.card-cost{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff5a3c,#6a0806);font-family:Oswald,sans-serif;font-weight:700;font-size:14px;box-shadow:0 0 8px #ff3c1e99}.card-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.card-art{position:relative;margin-top:3px;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.8);flex:none}.card-zzz{position:absolute;top:4px;right:6px;font-family:Oswald;color:#bcd;font-size:13px;animation:zzz 2s ease-in-out infinite}@keyframes zzz{50%{opacity:.3;transform:translateY(-3px)}}.card-type{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--arch);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-kw{color:#d8cfb8}.card-text{font-size:10px;line-height:1.25;color:#cfc6b4;margin-top:2px;overflow:hidden;padding-bottom:24px}.card-text p{margin:0 0 3px}.card-text .flavor{font-style:italic;color:var(--muted)}.card-large .card-text{font-size:12px;line-height:1.25;padding-bottom:36px}.card-large .card-name{font-size:20px}.card-large .card-type{font-size:12px}.card-large .card-head{height:34px}.card-large .card-cost{width:34px;height:34px;font-size:20px}.kw-line b{color:var(--gold)}.card-stats{position:absolute;bottom:4px;left:4px;right:4px;display:flex;justify-content:space-between;pointer-events:none}.stat{min-width:26px;height:26px;padding:0 5px;border-radius:13px;display:grid;place-items:center;font-family:Oswald,sans-serif;font-weight:700;font-size:15px;box-shadow:0 2px 6px #000}.card-large .stat{min-width:38px;height:38px;font-size:22px;border-radius:19px}.stat.atk{background:radial-gradient(circle at 35% 30%,#e6c46a,#6a4a0a);color:#1a1004}.stat.hp{background:radial-gradient(circle at 35% 30%,#c84a3c,#4a0a06)}.stat.up{color:#9cff7a;text-shadow:0 0 6px #3a0}.stat.atk.up{color:#0a3a00;box-shadow:0 0 10px #9cff7a}.stat.hurt{color:#ffb0a0;box-shadow:0 0 10px red}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.28),transparent 55%);mix-blend-mode:overlay}.card:hover .card-glare{opacity:1}.rarity-epic .card-inner:after,.rarity-legendary .card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;background:linear-gradient(115deg,transparent 30%,rgba(255,120,220,.5) 45%,rgba(120,220,255,.5) 55%,transparent 70%);background-size:250% 250%;animation:foil 4s linear infinite}.rarity-legendary .card-inner{border-color:var(--gold);box-shadow:0 0 18px #ffcf6a59,0 10px 25px #000000b3}@keyframes foil{0%{background-position:100% 100%}to{background-position:0% 0%}}.card.dim{filter:saturate(.4) brightness(.65)}.card.playable .card-inner{box-shadow:0 0 14px #78ff7873,0 10px 25px #000000b3}.card.selected{translate:0 -40px}.card.selected .card-inner{border-color:#9cff7a;box-shadow:0 0 26px #78ff78cc}.card.targetable .card-inner,.card.coached .card-inner{box-shadow:0 0 22px #ff3c28e6;border-color:#ff5a3c}.card.coached .card-inner{border-color:var(--gold);box-shadow:0 0 26px var(--gold)}.card.zoomed{cursor:default}.card-back{width:150px;height:212px;border-radius:10px;border:2px solid #3a2a20;background:repeating-linear-gradient(45deg,#1a0a08 0,#1a0a08 6px,#241210 6px,#241210 12px);display:grid;place-items:center;font-family:Oswald;color:#6a2a20;font-size:28px;box-shadow:0 4px 10px #000}.card-back.small{width:22px;height:31px;font-size:7px;border-width:1px;border-radius:3px}.game{position:fixed;top:0;right:0;bottom:0;left:0}.location-tag{position:fixed;top:10px;left:14px;z-index:2;font-family:Oswald;font-size:13px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.board{position:absolute;z-index:1;left:50%;top:6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.lanes{display:flex;gap:10px;perspective:900px}.slot{position:relative;width:128px;height:170px;border-radius:12px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.12);background:#00000047;transition:background .2s,box-shadow .2s}.lanes.foe .slot{background:#3c000033}.slot-label{font-family:Oswald;font-size:26px;color:#ffffff14}.slot.target{cursor:pointer;border:1px solid #9cff7a;background:#50c8501f;box-shadow:0 0 20px #78ff7859}.lanes.foe .slot.target{border-color:#ff5a3c;background:#c8281426;box-shadow:0 0 20px #ff3c2866}.slot.coached{border:2px solid var(--gold);box-shadow:0 0 22px var(--gold)}.slot.lunge-up,.slot.lunge-down{z-index:8}.slot.lunge-up>.card{animation:lungeUp .78s cubic-bezier(.3,0,.3,1)}.slot.lunge-down>.card{animation:lungeDown .78s cubic-bezier(.3,0,.3,1)}@keyframes lungeUp{0%{translate:0 0;scale:1;rotate:0deg}26%{translate:0 16px;scale:.95;rotate:-4deg;filter:brightness(.8)}42%{translate:0 -86px;scale:1.18;rotate:3deg;filter:brightness(1.35) drop-shadow(0 0 16px rgba(255,60,20,.8))}52%{translate:0 -74px;scale:1.14;rotate:-2deg}to{translate:0 0;scale:1;rotate:0deg;filter:none}}@keyframes lungeDown{0%{translate:0 0;scale:1;rotate:0deg}26%{translate:0 -16px;scale:.95;rotate:4deg;filter:brightness(.8)}42%{translate:0 86px;scale:1.18;rotate:-3deg;filter:brightness(1.35) drop-shadow(0 0 16px rgba(255,60,20,.8))}52%{translate:0 74px;scale:1.14;rotate:2deg}to{translate:0 0;scale:1;rotate:0deg;filter:none}}.divider{width:690px;height:26px;display:grid;place-items:center;font-size:13px;letter-spacing:.4em;color:var(--gold);background:linear-gradient(90deg,transparent,rgba(179,22,12,.35),transparent);border-top:1px solid rgba(179,22,12,.5);border-bottom:1px solid rgba(179,22,12,.5)}.hero{display:flex;align-items:center;gap:10px;padding:6px 12px;width:690px;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero.active{border-color:#ffcf6a99;box-shadow:0 0 20px #ffcf6a33}.hero-portrait{position:relative;width:64px;height:64px;border-radius:50%;overflow:visible;flex:none}.hero-portrait canvas{border-radius:50%;border:2px solid #6a2a20}.hero-info{flex:1;display:flex;flex-direction:column;gap:4px}.hero-name{font-size:16px}.hp-bar{position:relative;height:16px;background:#1a0806;border-radius:8px;overflow:hidden;border:1px solid #3a1410}.hp-bar div{height:100%;background:linear-gradient(#d23a2a,#6a0a06);transition:width .5s}.hp-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:600;text-shadow:0 1px 2px #000}.hero-res{display:flex;gap:16px;align-items:center;font-size:13px}.hunger{display:flex;align-items:center;gap:3px}.hunger i{width:10px;height:10px;border-radius:50%;background:#2a0a08;border:1px solid #6a2a20}.hunger i.full{background:radial-gradient(circle at 35% 30%,#ff5a3c,#8a0a06);box-shadow:0 0 6px #ff3a1a}.hunger b{margin-left:6px;font-family:Oswald}.foe-hand{display:flex;gap:3px}.hand{position:fixed;z-index:3;left:50%;bottom:-70px;transform:translate(-50%);display:flex;justify-content:center;perspective:900px}.hand-slot{margin:0 -14px;transition:transform .2s;transform-origin:50% 120%}.hand-slot:hover{z-index:60!important}.hand-slot .card:hover{translate:0 -80px;scale:1.12}.hand-slot .card.selected:hover{translate:0 -80px}.controls{position:fixed;z-index:4;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;width:150px}.end-turn{font-size:20px;padding:14px;background:linear-gradient(#8a2a10,#3a0806);border-color:#ff6a3c}.end-turn.ready:not(:disabled){position:relative;color:#fff4dc;border-color:#ffcf6a;animation:endReady 1.1s ease-in-out infinite}.end-turn.ready:not(:disabled):after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;border:2px solid #ffcf6a;pointer-events:none;animation:endRing 1.1s ease-out infinite}@keyframes endReady{0%,to{background:linear-gradient(#8a2a10,#3a0806);box-shadow:0 0 10px #ff5a2880;scale:1}50%{background:linear-gradient(#e0541c,#8a1608);box-shadow:0 0 34px #ffaa3cf2,0 0 70px #ff3c1480;scale:1.06}}@keyframes endRing{0%{opacity:.9;scale:1}to{opacity:0;scale:1.25}}.inspect{position:fixed;z-index:2;right:24px;top:50px;width:260px;height:420px;perspective:900px}.inspect-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);border-radius:12px;padding:20px}.hint,.coach-bubble{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:160px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px 18px;font-size:14px;white-space:nowrap}.hint small{color:var(--muted)}.coach-bubble{bottom:auto;top:50%;border-color:var(--gold);max-width:420px;white-space:normal;left:24px;transform:translateY(-50%)}.log{position:fixed;z-index:5;left:16px;bottom:16px;width:300px;max-height:300px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;color:#cfc6b4}.log div{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.popup{position:absolute;z-index:20;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;font-family:Oswald;font-size:34px;font-weight:700;text-shadow:0 2px 6px #000,0 0 12px currentColor;animation:popup 1.6s ease-out forwards}.popup-damage{color:#ff4a3a}.popup-heal{color:#7aff6a}.popup-buff{color:var(--gold);font-size:26px}.popup-death{font-size:54px;color:#ddd}.popup-summon{right:0;bottom:0;left:0;top:0;transform:none;border-radius:12px;background:radial-gradient(circle,rgba(140,255,120,.45),transparent 70%);animation:summon .8s ease-out forwards}@keyframes popup{0%{opacity:0;translate:0 10px;scale:.5}12%{opacity:1;scale:1.45}22%{scale:1.1}70%{opacity:1}to{opacity:0;translate:0 -60px;scale:1}}@keyframes summon{0%{opacity:1;scale:.6}to{opacity:0;scale:1.4}}.tutorial{position:fixed;z-index:30;left:24px;top:40px;width:320px;background:#140e08f0;border:1px solid var(--gold);border-radius:12px;padding:16px;box-shadow:0 10px 40px #000000b3}.tutorial h3{margin:0 0 8px;color:var(--gold);font-size:22px}.tutorial p{margin:0 0 12px;font-size:14px;line-height:1.45}.tutorial-actions{display:flex;align-items:center;gap:8px}.tutorial-actions span{flex:1;color:var(--muted);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);perspective:900px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 40px;text-align:center;max-width:520px}.panel h2{font-size:44px;margin:0 0 10px}.panel .win{color:var(--gold)}.panel .lose{color:#ff4a3a}.panel p{color:var(--muted)}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-height: 860px){.board{transform:translate(-50%) scale(.85);transform-origin:top center}.hand{bottom:-100px}}@media (max-width: 1400px){.inspect{display:none}}@media (prefers-reduced-motion: reduce){.card-float,.title{animation:none!important}}.mycard p{color:var(--muted);max-width:640px;line-height:1.5}.mycard .error{color:#ff8a7a}.mycard .status{color:var(--gold)}.mycard .muted{font-size:13px}.row.left{justify-content:flex-start;align-items:center}.consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;font-size:14px;max-width:640px;cursor:pointer}.consent input{margin-top:3px}label.btn{display:inline-block}label.btn.disabled{opacity:.4;cursor:default;pointer-events:none}.camera video{width:min(520px,100%);border-radius:12px;border:1px solid var(--line);transform:scaleX(-1);display:block;margin-bottom:12px;background:#000}.mycard-edit,.manual{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}.manual canvas{border-radius:12px;border:1px solid var(--line);max-width:100%}.mycard-preview{perspective:900px;padding:10px}.mycard-form{flex:1;min-width:280px;display:flex;flex-direction:column;gap:14px}.mycard-form label,.mycard-form .field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.mycard-form input[type=text],.mycard-form input:not([type]){background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px;font-size:15px}.mycard-form input[type=range]{accent-color:#b3160c}.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.arch-opt{text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid color-mix(in srgb,var(--arch) 40%,transparent)}.arch-opt b{display:block;font-family:Oswald,sans-serif;color:var(--arch);font-size:15px}.arch-opt span{font-size:11px;color:var(--muted)}.arch-opt.on{border-color:var(--arch);box-shadow:0 0 14px color-mix(in srgb,var(--arch) 50%,transparent);background:color-mix(in srgb,var(--arch) 15%,#0c0c0c)}.hud{position:fixed;top:12px;right:16px;z-index:5;display:flex;gap:14px;font-family:Oswald,sans-serif;font-size:16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:6px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:50;background:#140e08f2;border:1px solid var(--gold);color:var(--gold);border-radius:20px;padding:10px 22px;font-family:Oswald,sans-serif;font-size:18px;animation:toastIn .4s ease-out;white-space:nowrap}@keyframes toastIn{0%{opacity:0;translate:0 -10px}}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;padding:8px 20px;font-family:Oswald,sans-serif;font-size:16px;cursor:pointer}.tabs button.on{color:var(--ink);border-color:var(--gold);background:#281e0acc}.check{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:-8px 0 14px;cursor:pointer}.panel-page .muted{color:var(--muted);font-size:14px;max-width:760px;line-height:1.5}.panel-page .error{color:#ff8a7a}.panel-page .status{color:var(--gold)}.panel-page section{margin-top:28px}.panel-page section h3{font-size:26px;margin:0 0 4px}.pack-stage{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:10px}.pack{position:relative;width:220px;height:330px;cursor:pointer;filter:drop-shadow(0 20px 30px rgba(0,0,0,.8));transition:transform .2s}.pack.ready:hover{transform:translateY(-6px) rotate(-1deg)}.pack.ready{animation:packIdle 3s ease-in-out infinite}@keyframes packIdle{50%{translate:0 -6px}}.pack-top,.pack-body{background:linear-gradient(135deg,#2a1410,#4a1c14,#1a0a08 60%,#3a1410);border:1px solid #6a3a2a}.pack-top{height:44px;border-radius:10px 10px 0 0;display:grid;place-items:center;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.3em;color:#a06a50;border-bottom:2px dashed #a06a50;transform-origin:left bottom}.pack-body{height:286px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.pack-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);background-size:250% 250%;animation:foil 3s linear infinite}.pack-logo{font-family:Oswald,sans-serif;font-size:44px;line-height:.9;font-weight:700;color:#d8d0bc;text-align:center;text-shadow:0 0 20px rgba(179,22,12,.8),0 4px 0 #3a0a06}.pack-set{font-family:Oswald,sans-serif;letter-spacing:.3em;color:var(--gold);font-size:13px}.pack-count{font-size:11px;color:var(--muted);letter-spacing:.2em}.pack.tearing{animation:packShake .5s ease-in-out}.pack.tearing .pack-top{animation:tearOff .7s .4s ease-in forwards}.pack.tearing .pack-body{animation:packFade .5s .7s ease-in forwards}@keyframes packShake{0%,to{rotate:0deg}20%{rotate:-4deg}40%{rotate:4deg}60%{rotate:-3deg}80%{rotate:3deg}}@keyframes tearOff{to{transform:rotate(-40deg) translate(-40px,-120px);opacity:0}}@keyframes packFade{to{opacity:0;transform:scale(1.3)}}.pack-burst{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,120,.9),rgba(179,22,12,.4) 40%,transparent 70%);animation:burst .7s .5s ease-out both;pointer-events:none}@keyframes burst{0%{opacity:0;scale:.2}40%{opacity:1}to{opacity:0;scale:1.6}}.reveal{display:flex;flex-direction:column;align-items:center;gap:26px;padding-top:10px}.reveal-row{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;perspective:1200px}.flip{position:relative;width:150px;height:212px;cursor:pointer;animation:dealIn .5s ease-out both}@keyframes dealIn{0%{opacity:0;translate:0 120px;rotate:-8deg}}.flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1)}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.flip:not(.flipped):hover .flip-inner{transform:rotateY(-12deg) translateY(-6px)}.rarity-burst{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;border-radius:50%;animation:burst 1.4s .3s ease-out both;pointer-events:none}.rarity-burst.epic{background:radial-gradient(circle,rgba(208,122,255,.9),transparent 70%)}.rarity-burst.legendary{background:radial-gradient(circle,rgba(255,207,106,1),rgba(255,120,40,.5) 40%,transparent 70%)}.glow-legendary .card-inner{box-shadow:0 0 40px var(--gold),0 10px 25px #000000b3!important}.glow-epic .card-inner{box-shadow:0 0 30px #d07aff,0 10px 25px #000000b3!important}.reveal-best{font-size:16px}.inspect-side{position:fixed;right:24px;top:80px;z-index:6;perspective:900px}@media (max-width: 1200px){.inspect-side{display:none}}.coll-card{position:relative}.coll-card .count{position:absolute;top:-8px;right:-6px;z-index:2;background:#111;border:1px solid var(--line);border-radius:12px;padding:2px 8px;font-size:12px;font-family:Oswald,sans-serif;pointer-events:none}.coll-card.missing .count{color:var(--muted)}.focus{display:flex;gap:30px;align-items:center;flex-wrap:wrap;justify-content:center}.focus-actions{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:240px}.deck-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}.deck-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.deck-row b{display:block;font-family:Oswald,sans-serif;font-size:18px}.deck-row span{font-size:13px;color:var(--muted)}.deck-row.invalid{border-color:#a04030}.editor{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.editor h2{margin-top:0}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.pool-card{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--muted);font-family:Oswald,sans-serif}.pool-card.maxed .card{filter:saturate(.3) brightness(.5)}.editor-deck{position:sticky;top:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deck-name{background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:18px;font-family:Oswald,sans-serif}.deck-total{font-family:Oswald,sans-serif;font-size:22px;color:#ff8a7a}.deck-total.ok{color:#9cff7a}.deck-rows{display:flex;flex-direction:column;gap:3px;max-height:50vh;overflow-y:auto}.deck-card-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#0006;border-left:3px solid var(--arch);cursor:pointer;font-size:13px}.deck-card-row:hover{background:#78140a80}.deck-card-row .cost{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff5a3c,#6a0806);font-family:Oswald,sans-serif;font-size:12px}.deck-card-row .nm{flex:1}.deck-card-row .n{color:var(--muted)}.editor-inspect{position:absolute;right:100%;top:0;margin-right:16px;perspective:900px}@media (max-width: 900px){.editor{grid-template-columns:1fr}.editor-deck{position:static}.editor-inspect{display:none}}.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:12px}.offer{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.offer.claimed{opacity:.5}.offer-give{display:flex;gap:8px}.offer-item{display:flex;flex-direction:column;align-items:center;font-size:12px;font-family:Oswald,sans-serif}.offer-item small{color:var(--muted)}.offer-item.short{opacity:.5}.offer-arrow{font-size:28px;color:var(--gold)}.offer .btn{margin-left:auto}.friend-trade{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.friend-trade select,.friend-trade textarea{background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;font-size:14px;width:100%;max-width:420px}.friend-trade .row.left{margin-top:10px}.code-box{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.code-box code{background:#0a0a0a;border:1px solid var(--gold);border-radius:6px;padding:8px 12px;font-size:13px;word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--gold)}.redeemed{margin-top:14px;perspective:900px}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;max-width:460px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-card a{color:var(--gold)}.auth-card .small{font-size:13px;line-height:1.5;margin-top:14px}.auth-who{display:flex;align-items:center;gap:14px;margin-bottom:10px}.auth-who img{border-radius:10px;border:1px solid var(--line);background:#111}.auth-who b{display:block;font-size:20px;letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.auth-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.auth-form input{background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;font-size:15px}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:10px;background:#c8281a;color:#fff;font-size:12px;font-family:Inter,sans-serif}.badge-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#ff4a3a;vertical-align:middle}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#555;flex:none}.dot.on{background:#6aff5a;box-shadow:0 0 8px #6aff5a}.link{background:none;border:none;color:var(--gold);cursor:pointer;text-decoration:underline;font-size:12px}.small{font-size:12px}.row.wrap{flex-wrap:wrap}.online-mode{border-color:#ffcf6a73;box-shadow:0 0 30px #ffcf6a14}.code-input{background:#111;color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-family:Oswald,sans-serif;font-size:16px;letter-spacing:.2em;width:130px;text-transform:uppercase}.online-mode code,.social code{background:#111;padding:1px 5px;border-radius:4px}.invite-toast{position:fixed;z-index:60;top:60px;right:16px;background:#140e08f5;border:1px solid var(--gold);border-radius:12px;padding:14px 16px;box-shadow:0 10px 40px #000000b3;animation:toastIn .3s ease-out;max-width:300px}.invite-toast .row{margin-top:10px;justify-content:flex-start}.seek-banner{position:fixed;z-index:59;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#140e08f5;border:1px solid var(--line);border-radius:30px;padding:8px 10px 8px 18px;box-shadow:0 8px 30px #0009;white-space:nowrap}.seek-banner b{color:var(--gold);letter-spacing:.15em;font-family:Oswald,sans-serif}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.square-grid{display:grid;grid-template-columns:260px 1fr 320px;gap:16px;align-items:start}.square-col{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:420px;display:flex;flex-direction:column;gap:6px}.square-col h4{margin:10px 0 4px;font-family:Oswald,sans-serif;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:13px}.me-card{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:13px}.me-card b{font-family:Oswald,sans-serif;font-size:18px}.me-card form{display:flex;gap:6px;width:100%}.me-card input{flex:1;background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px}.peer-row{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;text-align:left;background:#0000004d;border:1px solid transparent;border-radius:8px;padding:7px 10px;color:var(--ink);cursor:pointer}.peer-row small{grid-column:2;color:var(--muted);font-size:11px}.peer-row.on{border-color:var(--gold)}.peer-row.blocked{opacity:.5}.peer-name{font-weight:600}.chat-col{min-height:520px}.chat-log{flex:1;overflow-y:auto;max-height:440px;min-height:200px;display:flex;flex-direction:column;gap:4px;padding-right:4px}.chat-line{font-size:14px;line-height:1.4;display:flex;gap:6px;align-items:baseline}.chat-line span{flex:1;word-break:break-word}.chat-line time{color:#6a6458;font-size:11px}.chat-name{background:none;border:none;padding:0;color:var(--gold);font-weight:600;cursor:pointer;font-size:14px}.chat-line.mine .chat-name{color:#9cff7a}.chat-input{display:flex;gap:6px;margin-top:6px}.chat-input input{flex:1;background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px;font-size:14px}.player-panel h3{margin:0;font-size:24px}.player-panel .chat-log{max-height:260px}.pick-hint{margin:auto;text-align:center;padding:20px}.trade-window{background:#0e0c0af7;border:1px solid var(--gold);border-radius:16px;padding:20px 24px;width:min(980px,94vw);max-height:92vh;overflow-y:auto}.trade-window h2{margin:0 0 12px}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-side{border:1px dashed var(--line);border-radius:12px;padding:10px;min-height:170px;transition:border-color .2s,box-shadow .2s}.trade-side.locked{border:1px solid #9cff7a;box-shadow:0 0 20px #78ff7840}.trade-side h4{margin:0 0 8px;font-family:Oswald,sans-serif}.trade-cards{display:flex;flex-wrap:wrap;gap:8px;perspective:900px}.trade-cards>div{cursor:pointer}.trade-search{margin:12px 0;background:#111;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px;width:260px}.trade-pool{max-height:300px;overflow-y:auto}.emote-menu{position:fixed;z-index:20;right:180px;bottom:120px;display:flex;flex-direction:column;gap:6px;background:#0e0c0af2;border:1px solid var(--line);border-radius:12px;padding:10px}.emote-menu button{background:#1d1412;border:1px solid #4a2a20;color:var(--ink);border-radius:18px;padding:7px 16px;cursor:pointer;font-family:Oswald,sans-serif;letter-spacing:.04em}.emote-menu button:hover{background:#3a1410}.emote-bubble{position:absolute;z-index:30;left:76px;white-space:nowrap;background:#f0e8d8;color:#1a1008;border-radius:14px;padding:6px 12px;font-family:Oswald,sans-serif;font-size:15px;box-shadow:0 6px 20px #0009;animation:emoteIn 3.2s ease forwards;pointer-events:none}.emote-bubble.foe{top:52px}.emote-bubble.me{bottom:52px}@keyframes emoteIn{0%{opacity:0;scale:.6}8%{opacity:1;scale:1.08}14%{scale:1}85%{opacity:1}to{opacity:0}}.turn-clock{margin-left:14px;color:#ff6a5a;font-family:Oswald,sans-serif;animation:endPulse 1s ease-in-out infinite}.divider{display:flex!important;justify-content:center;align-items:center}.net-warn{color:#ff8a7a;font-size:12px}@media (max-width: 1100px){.square-grid{grid-template-columns:1fr}.square-col{min-height:0}}.toast.in-game{z-index:120}.sound-control{position:relative;display:inline-flex}.sound-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:0 2px;line-height:1}.sound-control.in-game{position:fixed;z-index:25;top:6px;left:50%;transform:translate(-50%);display:none}.sound-pop{position:absolute;top:28px;right:-10px;z-index:70;width:210px;display:flex;flex-direction:column;gap:8px;background:#0e0c0af7;border:1px solid var(--line);border-radius:12px;padding:12px;font-family:Inter,sans-serif;font-size:12px;box-shadow:0 10px 30px #000000b3}.sound-pop label{display:flex;flex-direction:column;gap:3px;color:var(--muted)}.sound-pop input[type=range]{accent-color:#b3160c}.game .location-tag{pointer-events:none}.game>.sound-control.in-game{display:inline-flex;top:8px;left:auto;right:16px;transform:none;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:5px 9px}.game>.sound-control.in-game .sound-pop{right:0}.game.shake-small .board{animation:shakeSmall .35s ease-out}.game.shake-big .board,.game.shake-big .hand{animation:shakeBig .45s ease-out}@keyframes shakeSmall{0%,to{translate:0 0}20%{translate:-5px 2px}40%{translate:4px -3px}60%{translate:-3px 2px}80%{translate:2px -1px}}@keyframes shakeBig{0%,to{translate:0 0}10%{translate:-12px 5px}25%{translate:10px -7px}40%{translate:-8px 6px}55%{translate:6px -4px}70%{translate:-4px 3px}85%{translate:2px -1px}}.hurt-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(180,0,0,.55) 100%);animation:hurt .8s ease-out forwards}@keyframes hurt{0%{opacity:1}to{opacity:0}}.slot>.card.arrive{animation:slam .6s cubic-bezier(.2,.9,.3,1.2)}@keyframes slam{0%{opacity:0;scale:1.7;translate:0 -30px;filter:brightness(2.2) blur(2px)}60%{opacity:1;scale:.94;translate:0 0;filter:brightness(1.3)}to{scale:1;filter:none}}.slot>.card.arrive:after{content:"";position:absolute;top:-18px;right:-26px;bottom:-18px;left:-26px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,rgba(160,140,110,.55),transparent 65%);animation:dust .9s ease-out forwards}@keyframes dust{0%{opacity:1;scale:.5}to{opacity:0;scale:1.4}}.corpse{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:5;animation:corpse 1.35s ease-in forwards}.corpse:after{content:"";position:absolute;top:-10px;right:-14px;bottom:-10px;left:-14px;pointer-events:none;background:radial-gradient(circle,#6b6056 1.5px,transparent 2.5px) 0 0 / 14px 17px,radial-gradient(circle,#3a2f28 2px,transparent 3px) 7px 5px / 19px 23px;mask:radial-gradient(ellipse at 50% 60%,#000 30%,transparent 70%);animation:ash 1.35s ease-out forwards}@keyframes ash{0%{opacity:0;translate:0 10px}30%{opacity:1}to{opacity:0;translate:6px -46px;scale:1.3}}.corpse .card{filter:grayscale(1) brightness(1.4) sepia(1) hue-rotate(-30deg) saturate(4)}@keyframes corpse{0%{opacity:1;translate:0 0;rotate:0deg;filter:none}12%{opacity:1;translate:-4px 0;rotate:2deg;filter:brightness(2.2)}24%{opacity:1;translate:4px -4px;rotate:-4deg;filter:brightness(1.4) sepia(1)}45%{opacity:.95;translate:0 6px;rotate:3deg;filter:grayscale(1) brightness(.9)}to{opacity:0;translate:0 40px;rotate:8deg;scale:.85;filter:blur(6px) brightness(.4)}}.slot.hit>.card{animation:recoil .42s ease-out}@keyframes recoil{0%{translate:0 0;filter:brightness(3) saturate(0)}20%{translate:-7px 3px;rotate:-3deg;filter:brightness(1.6) sepia(1) hue-rotate(-40deg) saturate(5)}45%{translate:6px -2px;rotate:2deg}70%{translate:-3px 1px;rotate:-1deg;filter:none}to{translate:0 0;rotate:0deg}}.slot.hit:before,.hero.hit .hero-portrait:before{content:"";position:absolute;z-index:9;top:-16px;right:-16px;bottom:-16px;left:-16px;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 30% 40%,rgba(170,0,0,.9) 4px,transparent 5px),radial-gradient(circle at 64% 30%,rgba(140,0,0,.85) 3px,transparent 4px),radial-gradient(circle at 55% 66%,rgba(190,10,0,.9) 6px,transparent 7px),radial-gradient(circle at 22% 70%,rgba(120,0,0,.8) 2px,transparent 3px),radial-gradient(circle,rgba(255,220,160,.85),rgba(255,60,20,.35) 30%,transparent 62%);animation:splat .42s ease-out forwards}@keyframes splat{0%{opacity:1;scale:.4}40%{opacity:1;scale:1.1}to{opacity:0;scale:1.25}}.hero-portrait{position:relative}.hero.hit .hero-portrait{animation:flinch .42s ease-out}@keyframes flinch{0%{filter:brightness(2.6) saturate(0);scale:.9}30%{filter:brightness(1.3) sepia(1) hue-rotate(-40deg) saturate(6);translate:-5px 2px;rotate:-6deg}60%{translate:4px -1px;rotate:3deg}to{filter:none;scale:1;translate:0 0;rotate:0deg}}.board{transition:filter .4s}.board.fighting{filter:contrast(1.12) saturate(1.15)}.board.fighting .lanes .slot{box-shadow:inset 0 0 26px #960a0059;transition:box-shadow .4s}.board.fighting .divider span{color:#ff6a4a;letter-spacing:.6em;transition:letter-spacing .4s,color .4s}.hand-slot.drawn>.card{animation:drawIn .75s cubic-bezier(.2,.8,.3,1) both}.hand-slot.drawn:nth-child(2)>.card{animation-delay:.12s}.hand-slot.drawn:nth-child(3)>.card{animation-delay:.24s}.hand-slot.drawn:nth-child(4)>.card{animation-delay:.36s}.hand-slot.drawn:nth-child(5)>.card{animation-delay:.48s}@keyframes drawIn{0%{opacity:0;translate:300px 140px;rotate:30deg;scale:.7}60%{opacity:1;translate:-8px -18px;rotate:-3deg;scale:1.06}to{opacity:1}}.play-reveal{position:fixed;z-index:40;top:50%;left:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;perspective:900px;animation:reveal 1.1s ease-out forwards}.play-reveal{animation-duration:1.6s}.play-reveal.mine{animation-duration:.85s}.play-reveal span{font-family:Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px #000}.play-reveal .card-inner{box-shadow:0 0 60px #ff3c1e8c,0 20px 50px #000}@keyframes reveal{0%{opacity:0;scale:.4;rotate:-8deg}18%{opacity:1;scale:1.06;rotate:1deg}28%{scale:1;rotate:0deg}80%{opacity:1;scale:1}to{opacity:0;scale:.8;translate:-50% -30%}}.turn-banner{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.turn-banner span{font-family:Oswald,sans-serif;font-size:clamp(48px,9vw,110px);font-weight:700;letter-spacing:.12em;color:#f0e4cc;text-shadow:0 0 40px rgba(179,22,12,.9),0 6px 0 #3a0a06,0 12px 30px #000;background:linear-gradient(90deg,transparent,rgba(0,0,0,.75) 20%,rgba(0,0,0,.75) 80%,transparent);padding:6px 18vw;animation:banner 1.9s cubic-bezier(.2,.8,.2,1) forwards}.turn-banner.theirs span{font-size:clamp(30px,5.5vw,66px);color:#d8c8b0;text-shadow:0 0 30px rgba(0,0,0,.9),0 4px 0 #1a0604,0 10px 24px #000}@keyframes banner{0%{opacity:0;translate:-40px 0;letter-spacing:.5em}20%{opacity:1;translate:0 0;letter-spacing:.12em}75%{opacity:1}to{opacity:0;translate:40px 0}}.overlay .panel h2.win{animation:titleIn .8s cubic-bezier(.2,.9,.3,1.2) both;text-shadow:0 0 40px rgba(255,207,106,.6)}.overlay .panel h2.lose{animation:titleIn .8s cubic-bezier(.2,.9,.3,1.2) both;text-shadow:0 0 40px rgba(255,40,20,.7)}@keyframes titleIn{0%{opacity:0;scale:2.2;filter:blur(8px)}to{opacity:1;scale:1;filter:none}}.overlay{animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.game.shake-small .board,.game.shake-big .board,.game.shake-big .hand{animation:none}}.splash{cursor:pointer}.splash-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}.rot-title{display:flex;justify-content:center;pointer-events:none;line-height:0;position:relative;z-index:1}.rot-title canvas{display:block;max-width:96vw;height:auto}.rot-title.splash{animation:titleIn 1.6s cubic-bezier(.2,.9,.3,1) both}.rot-title.menu{animation:fadeIn .8s ease-out both}.splash-cta{margin-top:40px;font-family:Oswald,sans-serif;font-size:22px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);animation:ctaPulse 2.2s ease-in-out infinite}.splash-note{color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}@keyframes ctaPulse{0%,to{opacity:.35}50%{opacity:1;text-shadow:0 0 20px rgba(255,207,106,.6)}}.doom{position:absolute;z-index:6;top:-10px;left:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1a0606;border:1px solid #ff4a3a;color:#ff6a5a;font-size:15px;box-shadow:0 0 12px #ff321eb3;animation:doomPulse 1.4s ease-in-out infinite;pointer-events:none}.doom.mine{border-color:#c8b48c;color:#e8dcc0;box-shadow:0 0 10px #000c}@keyframes doomPulse{50%{scale:1.15}}.hp-bar .forecast{position:absolute;right:6px;top:50%;translate:0 -50%;z-index:2;font-family:Oswald,sans-serif;font-size:12px;color:#fff;background:#a01208;border-radius:8px;padding:0 7px;line-height:15px;animation:doomPulse 1.4s ease-in-out infinite}.hp-bar .forecast.lethal{background:linear-gradient(90deg,#ffcf6a,#ff6a1a);color:#1a0804;box-shadow:0 0 12px #ffcf6a}.hp-bar{position:relative}.hp-bar .hp-lag{position:absolute;left:0;top:0;bottom:0;background:#f0e0c8;opacity:.75;transition:width .9s .45s ease-in}.hp-bar div{position:relative;transition:width .25s ease-out!important}.claw{position:absolute;left:50%;top:50%;width:70px;height:70px;translate:-50% -50%;rotate:-25deg;pointer-events:none;background:linear-gradient(90deg,transparent 18%,#c8100a 18% 23%,transparent 23% 45%,#c8100a 45% 50%,transparent 50% 72%,#c8100a 72% 77%,transparent 77%);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);filter:drop-shadow(0 0 4px rgba(255,30,0,.9));animation:claw .55s ease-out forwards}@keyframes claw{0%{clip-path:inset(0 0 100% 0);opacity:1}35%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0;scale:1.1}}.daily{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 18px;min-width:min(300px,82vw);font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.daily.ready{border-color:var(--gold);box-shadow:0 0 24px #ffcf6a59}.daily-title{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:12px}.daily-bar{width:100%;height:6px;background:#1a0806;border-radius:3px;overflow:hidden}.daily-bar i{display:block;height:100%;background:linear-gradient(90deg,#8a2a10,#ffcf6a);transition:width .6s}.rewards{display:flex;flex-direction:column;gap:4px;margin:4px 0 16px}.rewards span{font-family:Oswald,sans-serif;letter-spacing:.06em;color:var(--gold);animation:fadeIn .6s .5s both}.rewards span:first-child{font-size:22px}.more-btn{display:none}.more-items{display:contents}.sel-preview{display:none}.mobile-inspect{flex-direction:column;gap:10px;display:flex;align-items:center;justify-content:center}.menu{padding:0 16px;text-align:center}.panel-page{overflow-x:hidden}@media (max-width: 760px){.menu{padding-top:9vh}.menu .btn.big{min-width:min(300px,82vw)}.panel{padding:22px 18px;max-width:92vw}.panel h2{font-size:32px}.btn.big{font-size:17px;padding:11px 18px;min-width:0}.panel-page h2{font-size:30px}.hud{top:8px;right:8px;font-size:14px;padding:5px 10px;gap:10px}.board{top:34px;transform:translate(-50%);zoom:.62}.location-tag{top:8px;left:10px;font-size:10px;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game>.sound-control.in-game{top:4px;right:8px;padding:3px 7px}.controls{left:0;right:0;bottom:0;width:auto;flex-direction:row;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000d9 30%);z-index:6}.controls .btn{padding:9px 8px;font-size:12px;flex:1;min-width:0;white-space:nowrap}.controls .end-turn{flex:2;font-size:15px;padding:10px 6px}.more-btn{display:inline-block;flex:0 0 44px!important}.more-items{display:none}.more-items.open{display:flex;flex-direction:column;gap:6px;position:absolute;right:8px;bottom:58px;background:#0e0c0af7;border:1px solid var(--line);border-radius:10px;padding:8px}.more-items.open .btn{flex:none;padding:10px 26px}.hand{bottom:calc(-56px + env(safe-area-inset-bottom));zoom:.72;padding-bottom:80px}.hand-slot{margin:0 -22px}.hand-slot .card:hover{translate:0 -30px;scale:1.05}.card.selected{translate:0 -60px}.sel-preview{display:block;position:fixed;z-index:4;left:50%;bottom:245px;translate:-50% 0;zoom:.62;pointer-events:none;animation:fadeIn .2s ease-out}.hint{bottom:auto;top:50%;white-space:normal;text-align:center;width:max-content;max-width:88vw;font-size:12px}.coach-bubble{left:8px;right:8px;top:auto;bottom:230px;transform:none;max-width:none;font-size:13px}.emote-menu{right:8px;bottom:64px}.tutorial{left:8px;right:8px;top:auto;bottom:236px;width:auto;padding:12px}.tutorial h3{font-size:18px}.tutorial p{font-size:13px;margin-bottom:8px}.play-reveal{zoom:.72}.turn-banner span{padding:6px 10vw}.log{left:8px;right:8px;width:auto;bottom:64px;max-height:40vh}.toast{top:44px;font-size:14px;white-space:normal;text-align:center;max-width:92vw}.seek-banner{bottom:10px;max-width:94vw;white-space:normal;font-size:13px}.invite-toast{left:8px;right:8px;max-width:none}.pack{transform:scale(.85)}.reveal-row{gap:10px}.flip{zoom:.8}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:14px}.gallery-grid .card{zoom:.8}.trade-sides{grid-template-columns:1fr}.focus{zoom:.85}.square-col{padding:10px}}@media (max-width: 420px){.board{zoom:.52}.hand{zoom:.66}.sel-preview{bottom:228px;zoom:.55}}@media (max-width: 350px){.board{zoom:.46}.hand{zoom:.6}}@media (max-height: 520px) and (orientation: landscape){.board{top:2px;zoom:.55}.hand{zoom:.55;bottom:-60px}.controls{right:8px;bottom:8px;width:130px}.controls .btn{padding:6px 8px;font-size:12px}.inspect,.sel-preview{display:none}}