:root{--bg:#0c0907;--wood:#1a130d;--panel:#1e1610db;--panel-solid:#221911;--panel2:#2c2118;--line:#4a3a2a;--gold:#e8c37a;--gold-2:#ffe1a6;--gold-dim:#b9925085;--ink:#f3ead9;--muted:#b7a890;--accent:#ff7a3d;--good:#6bd08a;--bad:#ff5a6a;--chaos:#d98cff;--neutral:#c9bca6;--c-attack:#ff5a5f;--c-defence:#56a0e6;--c-engine:#f5a623;--c-control:#b06ed6;--c-buff-nerf:#f1c84a;--c-information:#2bd0b4;--c-gamble:#ff79c8;--c-resource:#57d985;--c-when-drawn:#a6b0bc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:linear-gradient(#38291c,#271d14);border-radius:11px;padding:9px 15px;transition:transform .1s,border-color .15s,box-shadow .15s,filter .15s}button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 20px #00000073}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{font-family:var(--font-display);letter-spacing:.01em;color:#3a2408;background:linear-gradient(#ffd98a,#eca12a);border:none;border-radius:13px;padding:11px 18px 13px;position:relative;box-shadow:inset 0 2px #ffffff80,inset 0 -3px #c47b14,0 4px #8f560a,0 9px 16px #0006}button.primary:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:10px 10px 50% 50%;height:42%;position:absolute;inset:3px 5px auto}button.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #c47b14,0 4px #8f560a,0 11px 20px #00000073}button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #fff6,inset 0 -2px #c47b14,0 1px #8f560a,0 3px 7px #0006}button.ghost{box-shadow:inset 0 0 0 1px var(--line), 0 3px 8px #0000004d;background:#ffffff0d}select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.app-shell{flex-direction:column;height:100dvh;display:flex}.tip{cursor:help}.tooltip-portal{z-index:1000;width:max-content;max-width:280px;color:var(--ink);border:1px solid var(--gold-dim);text-align:left;pointer-events:none;background:#120d08;border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;animation:.12s fadeIn;position:fixed;box-shadow:0 14px 34px #0009}.start-screen{background:radial-gradient(1100px 760px at 20% 42%, #ffa0461a, transparent 60%), linear-gradient(120deg, #0806049e 30%, #08060440 100%), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;justify-content:flex-start;align-items:center;min-height:100%;padding:4vh clamp(20px,4vw,64px);display:flex;position:relative;overflow:hidden}.landing-hero{z-index:5;border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#1c130ced,#0d0905f5);border-radius:26px;flex-direction:column;width:min(440px,94vw);padding:28px 30px 24px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 0 60px #00000073,0 30px 70px #0009}.brand-lockup{color:var(--gold);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;align-self:center;align-items:center;gap:10px;margin-bottom:4px;font-size:12px;font-weight:400;display:inline-flex}.brand-lockup:before,.brand-lockup:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));width:28px;height:1px}.brand-lockup:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}.brand-lockup svg{width:16px;height:16px;color:var(--gold-2)}.landing-hero h1{font-family:var(--font-display);letter-spacing:.005em;text-align:center;background:linear-gradient(#fff5d2 0%,#f4d579 32%,#d99e33 58%,#ac7a1d 80%,#f1d080 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 2px #3a2408)drop-shadow(0 5px 5px #0000008c);-webkit-background-clip:text;background-clip:text;margin:2px 0 14px;font-size:clamp(50px,8.5vw,88px);line-height:.84}.title-ribbon{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#eafbe0;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);text-shadow:0 1px 1px #00000073;background:linear-gradient(#538f3f,#2c5421);align-self:center;margin-bottom:16px;padding:7px 32px;font-size:14px;display:inline-block;box-shadow:0 3px 8px #00000073,inset 0 1px #fff3}.lede{color:#d6c5a6;margin:0 0 16px;font-size:14.5px;line-height:1.5}.stat-chips{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.stat-chips span{border:1px solid var(--gold-dim);font-size:13px;font-family:var(--font-display);letter-spacing:.01em;background:#00000052;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;display:inline-flex}.stat-chips svg{width:15px;height:15px;color:var(--gold)}.setup-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.setup-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:11px;display:flex}.setup-panel .primary{padding:12px 22px;font-size:15px}.showcase{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;width:min(64vw,1080px);height:100%;padding-right:clamp(10px,3vw,64px);display:flex;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.showcase-fan{align-items:flex-end;display:flex}.showcase-fan .game-card{pointer-events:auto;transform-origin:bottom;width:152px;margin-left:-46px;animation:6s ease-in-out infinite floatCard}.showcase-fan .game-card:nth-child(2n){animation-duration:7.2s}.showcase-fan .game-card:hover{z-index:50!important;transform:translateY(-30px)scale(1.08)rotate(0)!important}.board{background:radial-gradient(1200px 760px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #060403d1, #060403b3), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 220px 40px #000000b3}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ember,.steam{filter:blur(1px);border-radius:50%;position:absolute}.ember{background:radial-gradient(circle,#ffb45ae6,#0000 70%);width:4px;height:4px;animation:linear infinite emberRise}.steam{background:radial-gradient(circle,#fff0dc0d,#0000 70%);width:120px;height:120px;animation:ease-in-out infinite steamDrift}.topbar,.table-layout,.handbar{z-index:2;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0705a8;align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar .brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--gold-2);align-items:center;gap:9px;font-size:20px;font-weight:400;display:inline-flex}.topbar .brand svg{width:21px;height:21px}.stat-pills{gap:8px;margin-left:auto;display:flex}.stat-pills .tip{border:1px solid var(--gold-dim);color:var(--muted);cursor:help;background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.stat-pills .tip>svg{color:var(--gold)}.stat-pills b{font-family:var(--font-display);color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:400}.icon-button{width:40px;height:40px;color:var(--muted);background:linear-gradient(#4a3a2a,#241a11);border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #160d06,0 3px 8px #0006}.icon-button:hover:not(:disabled){color:var(--gold-2);filter:brightness(1.1);transform:translateY(-1px)}.icon-button svg{width:18px;height:18px}.table-layout{flex:1;grid-template-columns:minmax(0,1fr) 312px;gap:16px;min-height:0;padding:16px;display:grid}.table-main{flex-direction:column;gap:14px;min-width:0;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.zones{flex:none;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));align-content:start;gap:12px;display:grid}.zone{border:1px solid var(--gold-dim);background:linear-gradient(#36291df2,#160f0af5);border-radius:18px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .14s;animation:.4s both zoneIn;position:relative;box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000073}.zone.active{border-color:var(--gold);animation:2.4s ease-in-out infinite zonePulse}.zone.dead{opacity:.4;filter:grayscale(.75)}.zone.targetable{cursor:pointer;border-color:var(--good);box-shadow:0 0 0 1px var(--good), 0 0 30px #6bd08a4d;animation:1.1s ease-in-out infinite targetPulse}.zone.targetable:hover{transform:translateY(-4px)scale(1.01)}.zone-top{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border:2px solid var(--gold-dim);border-radius:14px;flex:none;width:52px;height:52px;box-shadow:0 3px 10px #00000073}.zone.active .avatar{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 16px #e8c37a66}.zone-id{min-width:0}.role-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:10px}.zone-top h3{white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:20px;overflow:hidden}.seat-no{color:var(--muted);cursor:help;background:#00000057;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px}.status-badges{gap:6px;min-height:20px;margin-top:6px;display:flex}.badge{cursor:help;font-size:14px;font-style:normal;animation:.3s pop}.meter-row{align-items:center;gap:9px;margin-top:10px;display:flex}.meter-row>.tip{cursor:help;display:inline-flex}.meter-row>.tip>svg{width:16px;height:16px}.meter-row.hp>.tip>svg{color:var(--bad)}.meter-row.rats>.tip>svg{color:var(--gold)}.pips{gap:5px;display:flex}.pip{background:#ffffff14;border-radius:999px;width:30px;height:11px;box-shadow:inset 0 1px 1px #0006}.pip.hp{background:linear-gradient(#ff7c86,#df3243);animation:.28s pop;box-shadow:0 0 10px #ff5a6a80}.rat-tokens{flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;display:flex}.rat-token{border:1px solid var(--line);background:#16100b 50%/120% no-repeat;border-radius:9px;width:32px;height:32px;padding:0;animation:.34s cubic-bezier(.2,1.4,.5,1) both ratPop;position:relative;box-shadow:0 2px 6px #0006}.rat-token.pick{border-color:var(--good);cursor:pointer;box-shadow:0 0 0 1px var(--good), 0 0 12px #6bd08a80}.rat-token:disabled{opacity:1}.rat-atts{gap:1px;display:flex;position:absolute;top:-8px;right:-7px}.att-chip{filter:drop-shadow(0 1px 1px #000000d9);cursor:help;font-size:12px;font-style:normal}.rats-empty{color:var(--muted);font-size:12px;font-style:italic}.zone-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:12px;display:flex}.card-pill{font-family:var(--font-display);color:var(--gold-2);border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-weight:400;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.card-pill svg{color:var(--gold)}.zone-foot .out{color:var(--bad);letter-spacing:.12em;font-weight:900}.table-center{flex:none;justify-content:center;align-items:flex-start;gap:36px;padding:4px 10px 2px;display:flex}.pile-wrap{flex-direction:column;align-items:center;gap:7px;display:flex}.pile{border:1px solid var(--gold-dim);background:var(--panel-solid);border-radius:13px;place-items:center;width:84px;height:118px;display:grid;position:relative;box-shadow:0 16px 32px #00000080}.deck-pile{background:url(/assets/cards/card-back.png) 50%/cover no-repeat;animation:4.5s ease-in-out infinite deckBreathe}.deck-pile:before,.deck-pile:after{content:"";background:inherit;z-index:-1;border-radius:13px;position:absolute;inset:0}.deck-pile:before{filter:brightness(.6);transform:translate(5px,6px)}.deck-pile:after{filter:brightness(.4);transform:translate(9px,11px)}.played-slot{border:1px dashed var(--line);background:0 0;padding:0}.played-slot .game-card{cursor:help;width:84px;margin:0}.played-empty{color:var(--muted);font-size:12px;font-style:italic}.pile-rats{cursor:help;flex-wrap:wrap;place-content:center;gap:3px;width:84px;height:118px;padding:8px;display:flex}.pile-rats i{background:radial-gradient(circle at 40% 30%,#7a6044,#43331f);border-radius:4px;width:13px;height:13px;box-shadow:inset 0 1px 1px #ffffff1f}.pile-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.pile-count{color:var(--gold);font-size:16px;font-weight:800}.side{flex-direction:column;gap:14px;min-height:0;display:flex}.turn-card{border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#190f08);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.turn-card .turn-label{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:11px}.turn-card h2{font-family:var(--font-display);color:var(--gold-2);margin:2px 0 0;font-size:23px;font-weight:400}.turn-badge{font-family:var(--font-display);color:var(--gold-2);border:1px solid var(--gold-dim);background:linear-gradient(#ffd98a38,#e8c37a1a);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;animation:2s ease-in-out infinite badgePulse;display:inline-flex}.turn-badge svg{width:14px;height:14px}.log-panel{border:1px solid var(--gold-dim);background:linear-gradient(#241a12,#150d07);border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:0 14px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.log-panel h2{font-family:var(--font-display);color:var(--gold-2);letter-spacing:.02em;border-bottom:1px solid var(--gold-dim);background:linear-gradient(#e8c37a14,#0000);margin:0 -14px 10px;padding:12px 14px 11px;font-size:17px;font-weight:400}.log-list{flex-direction:column;gap:7px;display:flex;overflow-y:auto}.log-entry{border-left:3px solid var(--line);color:var(--ink);margin:0;padding-left:9px;font-size:13px;line-height:1.38;animation:.28s both logIn}.log-good{border-color:var(--good)}.log-bad{border-color:var(--bad)}.log-chaos{border-color:var(--chaos)}.log-neutral{border-color:var(--neutral)}.banner{z-index:2;text-align:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);color:var(--accent);background:#ff7a3d29;padding:9px;font-weight:800;animation:.25s bannerIn;position:relative}.handbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080604bd;padding:10px 18px 14px}.hand-head{z-index:90;pointer-events:none;align-items:center;gap:14px;margin-bottom:6px;display:flex;position:relative}.hand-head>*{pointer-events:auto}.hand-head .hand-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.hand-head h2{margin:2px 0 0;font-size:18px}.food-chip{color:var(--good);cursor:help;align-items:center;gap:6px;font-weight:800;display:inline-flex}.hand-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0705d1;border-radius:13px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;padding:8px 10px;display:flex;box-shadow:0 8px 22px #00000073}.boost-toggle{color:var(--gold);align-items:center;gap:6px;font-size:13px;display:flex}.distance-row{gap:6px;display:flex}.dist{padding:7px 11px;font-size:13px}.hand-row{perspective:1400px;justify-content:center;align-items:flex-end;min-height:168px;padding:24px 2px 2px;display:flex}.game-card{aspect-ratio:1008/1536;text-align:left;width:150px;color:var(--ink);background:0 0;border:0;flex:0 0 150px;padding:0;position:relative;container-type:inline-size}button.game-card{cursor:pointer;transform-origin:bottom;transition:transform .16s cubic-bezier(.2,.7,.3,1),filter .16s}.hand-row .game-card{transform:translateY(var(--ty,0px)) rotate(var(--rot,0deg));margin-left:-30px}.hand-row .game-card:first-child{margin-left:0}.hand-row .game-card:hover,.hand-row .game-card.selected{z-index:50;transform:translateY(-46px)scale(1.14)rotate(0)!important}.hand-row .game-card.unplayable{filter:grayscale(.5)brightness(.66);cursor:default}.hand-row .game-card.unplayable:hover{filter:grayscale(.2)brightness(.85)}.cf-frame{z-index:2;pointer-events:none;filter:drop-shadow(0 10px 20px #0000008c);width:100%;height:100%;position:absolute;inset:0}.hand-row .game-card.playable:not(:hover) .cf-frame{filter:drop-shadow(0 10px 20px #0000008c)drop-shadow(0 0 7px #e8c37a99)}.hand-row .game-card:hover .cf-frame,.hand-row .game-card.selected .cf-frame,.peek-row .game-card.selected .cf-frame{filter:drop-shadow(0 22px 40px #0009)drop-shadow(0 0 12px #ffd682e6)}.cf-gloss{z-index:3;pointer-events:none;border-radius:6%;position:absolute;inset:3%;overflow:hidden}.cf-gloss .shine{background:linear-gradient(115deg,#0000 38%,#ffffff38 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.hand-row .game-card:hover .cf-gloss .shine{animation:.7s shine}.cf-art{z-index:1;background-color:#160f09;background-position:50%;background-size:cover;border-radius:4px;width:76.4%;height:47.6%;position:absolute;top:9.2%;left:11.8%}.cf-art.fallback{background-image:radial-gradient(circle at 50% 35%,#3a2c1c,#160f09 74%),radial-gradient(#ffffff0f 1px,#0000 1px);background-size:cover,9px 9px;place-items:center;display:grid}.cf-art.fallback .gc-glyph{filter:drop-shadow(0 3px 6px #000000b3);font-size:22cqw}.cf-art.fallback .gc-ph-tag{letter-spacing:.1em;color:#ffffff8c;background:#00000073;border-radius:4px;padding:1px 4px;font-size:4cqw;position:absolute;top:6%;right:7%}.cf-cat,.cf-reactive{z-index:4;aspect-ratio:1;border-radius:50%;place-items:center;width:9%;font-size:5cqw;display:grid;position:absolute;top:11.4%;box-shadow:0 1px 4px #0009}.cf-cat{color:#1a1206;left:14.5%}.cf-reactive{color:var(--gold);border:1px solid var(--gold-dim);background:#000000ad;right:14.5%}.cf-name{z-index:4;text-align:center;color:#3a2614;white-space:nowrap;justify-content:center;align-items:center;width:68%;height:6.3%;font-size:7cqw;font-weight:800;line-height:1;display:flex;position:absolute;top:57.8%;left:16%;overflow:hidden}.cf-text{z-index:4;text-align:center;color:#4a3621;flex-direction:column;gap:2%;width:69%;height:23%;font-size:5.1cqw;line-height:1.27;display:flex;position:absolute;top:65%;left:15.5%;overflow:hidden}.cf-boost{color:#8a5a1e;margin-top:auto;font-size:4.7cqw;font-weight:700}.card-preview{z-index:400;pointer-events:none;animation:.14s previewIn;position:fixed;bottom:236px;left:50%;transform:translate(-50%)}.card-preview .game-card{width:250px}.log-card{color:var(--gold);cursor:help;text-underline-offset:2px;font-weight:700;-webkit-text-decoration:underline dotted #e8c37a80;text-decoration:underline dotted #e8c37a80}.log-card:hover{color:#ffe2a6;text-decoration-color:#ffe2a6}.card-preview-center{z-index:500;pointer-events:none;place-items:center;animation:.12s fadeIn;display:grid;position:fixed;inset:0}.card-preview-center:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0805038c;position:absolute;inset:0}.card-preview-center .game-card{width:312px;animation:.16s cubic-bezier(.2,1.4,.4,1) previewPop;position:relative}@keyframes previewPop{0%{opacity:0;transform:scale(.86)}}.flight-layer{pointer-events:none;z-index:500;position:fixed;inset:0}.draw-flight{border:1px solid var(--gold-dim);pointer-events:none;will-change:translate, opacity, scale;background-color:#16100b;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:56px;height:80px;margin:-40px 0 0 -28px;animation:.6s cubic-bezier(.35,.7,.3,1) forwards drawFly;position:fixed;box-shadow:0 10px 24px #0009}.draw-flight.is-rat{background-color:#2a1a10}@keyframes drawFly{0%{opacity:0;translate:0;rotate:-8deg;scale:.62}16%{opacity:1}82%{opacity:1;scale:.5}to{translate:var(--dx) var(--dy);opacity:0;rotate:9deg;scale:.32}}.board.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) boardShake}@keyframes boardShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px,1px)}40%,60%{transform:translate(4px,-1px)}}.fx-float{z-index:520;pointer-events:none;letter-spacing:-.02em;text-shadow:0 2px 6px #000000e6,0 0 16px;font-size:34px;font-weight:900;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards fxFloat;position:fixed;transform:translate(-50%,-50%)}.fx-damage{color:#ff5a6a}.fx-out{color:var(--gold);letter-spacing:.1em;font-size:26px}@keyframes fxFloat{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-55%)scale(1.15)}to{opacity:0;transform:translate(-50%,-135%)scale(1)}}.hit-flash{z-index:510;pointer-events:none;animation:.36s forwards hitFlash;position:fixed;inset:0;box-shadow:inset 0 0 160px 30px #ff283c8c}@keyframes hitFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050302cc;place-items:center;padding:clamp(16px,3.5vh,36px) clamp(14px,4vw,36px);animation:.18s fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-card{border:1px solid var(--gold-dim);text-align:center;overscroll-behavior:contain;background:linear-gradient(#2e2218,#160d06);border-radius:24px;max-width:760px;max-height:100%;padding:28px 32px 32px;animation:.24s cubic-bezier(.2,1.3,.4,1) overlayIn;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,inset 0 0 60px #e8c37a0f,0 40px 100px #000000b3}.overlay-card>.icon-button,.overlay-card .settings-head>.icon-button{z-index:2;position:absolute;top:16px;right:16px}.overlay-card h2{font-family:var(--font-display);color:var(--gold-2);margin-top:8px;font-weight:400}.react-row,.name-grid,.peek-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0;display:flex}.name-grid{grid-template-columns:repeat(2,1fr);display:grid}.peek-row{overscroll-behavior:contain;max-height:58vh;padding:14px 6px;overflow:hidden auto}.peek-row .game-card{cursor:pointer;flex:0 0 150px;width:150px;transition:transform .14s}.peek-row .game-card:hover,.peek-row .game-card.selected{transform:translateY(-10px)scale(1.05)}.peek-row .game-card:hover .cf-frame{filter:drop-shadow(0 22px 40px #0009)drop-shadow(0 0 12px #ffd682e6)}.winner-burst{font-size:56px;animation:.5s cubic-bezier(.2,1.5,.4,1) pop}@keyframes shine{to{transform:translate(130%)}}@keyframes tipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes overlayIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes previewIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes ratPop{0%{opacity:0;transform:scale(0)translateY(-8px)}}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-6px)}}@keyframes zoneIn{0%{opacity:0;transform:translateY(10px)}}@keyframes zonePulse{0%,to{box-shadow:0 0 0 1px var(--gold), 0 0 22px #e8c37a2e}50%{box-shadow:0 0 0 1px var(--gold), 0 0 40px #e8c37a6b}}@keyframes targetPulse{0%,to{box-shadow:0 0 0 1px var(--good), 0 0 22px #6bd08a4d}50%{box-shadow:0 0 0 1px var(--good), 0 0 38px #6bd08a8c}}@keyframes badgePulse{0%,to{box-shadow:0 0 #e8c37a00}50%{box-shadow:0 0 0 4px #e8c37a24}}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -12px}}@keyframes deckBreathe{0%,to{box-shadow:0 16px 32px #00000080}50%{box-shadow:0 16px 40px #e8c37a40}}@keyframes emberRise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}90%{opacity:.6}to{opacity:0;transform:translateY(-90vh)scale(.4)}}@keyframes steamDrift{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(30px,-40px)}}.name-input,.code-input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;padding:9px 12px}.lobby-screen{background:radial-gradient(1000px 640px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #080604db, #080604b8), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;place-items:center;min-height:100vh;padding:24px;display:grid}.lobby-panel{border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#190f08);border-radius:20px;width:min(520px,94vw);padding:26px;box-shadow:0 34px 90px #0009}.lobby-panel.wide{width:min(640px,94vw)}.lobby-panel.center{text-align:center;justify-items:center;gap:12px;display:grid}.lobby-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.lobby-head h2{color:var(--gold);margin:0}.lobby-head .ghost{align-items:center;gap:5px;font-size:13px;display:inline-flex}.muted{color:var(--muted)}.err{color:var(--bad);background:#ff5a6a1a;border:1px solid #ff5a6a66;border-radius:8px;margin:10px 0;padding:7px 10px;font-size:13px}.join-row{gap:8px;display:flex}.join-row .code-input{letter-spacing:.3em;text-transform:uppercase;flex:1;font-weight:700}.join-row button{align-items:center;gap:5px;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;display:grid}.form-grid label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.form-grid select{font-size:16px}.primary.big,.big{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:13px;font-size:15px;display:inline-flex}.lobby-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.list-head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.list-head span{align-items:center;gap:6px;display:inline-flex}.lobby-list .empty{text-align:center;padding:22px;font-style:italic}.lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.lobby-card-info{flex-direction:column;display:flex}.lobby-card .code{color:var(--gold);letter-spacing:.12em;font-size:18px}.lobby-card .seats{margin-left:auto;font-size:13px}.lobby-card .primary{padding:7px 16px}.code-banner{border:1px solid var(--gold-dim);background:#e8c37a1a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px;padding:16px;display:flex}.code-banner .code.big{color:var(--gold);letter-spacing:.18em;font-size:46px;font-weight:900;line-height:1.05}.code-banner .muted{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.seat-list{flex-direction:column;gap:7px;margin:12px 0;display:flex}.seat{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.seat b{font-size:16px}.seat.open{opacity:.55;border-style:dashed}.seat-avatar{object-fit:cover;border:1px solid var(--line);border-radius:10px;flex:none;width:40px;height:40px}.seat-avatar.open-plus{color:var(--muted);background:#ffffff08;border-style:dashed;place-items:center;font-size:22px;display:grid}.seat .seat-tags{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.seat .host-icon{color:var(--gold)}.you-tag{background:var(--accent);color:#2a1606;border-radius:5px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.waiting{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.start-screen{grid-template-columns:1fr}.showcase{display:none}.table-layout{grid-template-columns:1fr;overflow-y:auto}.table-main{min-height:auto;overflow:visible}.zones{flex:none;overflow:visible}.side{flex-direction:row}.log-list{max-height:110px}}@media (width<=640px){.topbar{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));gap:7px}.topbar .brand{gap:6px;font-size:15px}.topbar .brand svg{width:19px;height:19px}.brand-text{display:none}.stat-pills{gap:5px}.stat-pills .tip{gap:3px;padding:6px 9px;font-size:12px}.pill-label{display:none}.icon-button{width:44px;height:44px}button,.game-card,.log-card{touch-action:manipulation}.table-layout{gap:10px;padding:10px}.table-main{gap:10px}.zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.zone{border-radius:12px;padding:8px 9px}.zone-top{gap:7px}.avatar{border-radius:8px;width:26px;height:26px;font-size:15px}.role-tag{display:none}.zone-top h3{font-size:14px}.seat-no{padding:1px 5px;font-size:10px}.status-badges{gap:4px;min-height:0;margin-top:3px}.status-badges:empty{display:none}.meter-row{gap:6px;margin-top:6px}.meter-row>.tip>svg{width:13px;height:13px}.pips{gap:3px}.pip{width:16px;height:8px}.rat-tokens{gap:4px}.zone-foot{margin-top:6px;font-size:11px}.hand-row{scroll-snap-type:x proximity;perspective:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;min-height:0;padding:14px 12px 4px;overflow-x:auto}.hand-row .game-card{scroll-snap-align:center;flex:0 0 100px;width:100px!important;margin-left:0!important;transform:none!important}.hand-row .game-card.selected{transform:scale(1.06)!important}.handbar{padding:8px 10px max(14px, env(safe-area-inset-bottom))}.hand-head{flex-wrap:wrap;gap:8px;margin-bottom:4px}.hand-head h2{font-size:15px}.hand-actions{flex-wrap:wrap;justify-content:center;width:100%;margin-left:0;padding:8px}.hand-actions .primary{padding:12px 18px;font-size:15px}.dist{padding:11px 13px;font-size:14px}.boost-toggle{font-size:14px}.join-row{flex-wrap:wrap}.join-row .code-input{flex:100%}.join-row button{flex:1;justify-content:center;padding:11px 14px}.lobby-head{flex-wrap:wrap;margin-bottom:14px}.lobby-head h2{flex:100%;order:3;font-size:20px}.side{gap:8px}.turn-card{padding:8px 12px}.turn-card h2{font-size:16px}.log-panel{padding:8px 10px}.log-panel h2{margin-bottom:4px;font-size:12px}.log-list{max-height:76px}.log-entry{font-size:12px}.card-preview-center{pointer-events:auto;cursor:pointer}.board,.topbar,.handbar,.zone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.settings-fab{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:600;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--ink);background:#0a0705b3;border-radius:12px;place-items:center;padding:0;display:grid;position:fixed}.settings-fab svg{width:20px;height:20px}.settings-fab:hover{border-color:var(--gold);color:var(--gold)}.settings-card{text-align:left;width:min(420px,92vw)}.settings-head{border-bottom:1px solid var(--gold-dim);justify-content:center;align-items:center;margin-bottom:16px;padding-bottom:13px;display:flex;position:relative}.settings-head h2{color:var(--gold-2);margin:0;font-size:23px}.setting-row{border-top:1px solid #ffffff12;align-items:center;gap:12px;padding:14px 2px;display:flex}.mute-btn{border-radius:10px;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}.mute-btn svg{width:18px;height:18px}.setting-main{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.setting-main>span{color:var(--muted);letter-spacing:.04em;font-size:13px}.setting-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);flex:0 0 40px;font-size:13px;font-weight:800}.settings-card .primary{width:100%;margin-top:16px}.setting-main input[type=range]{appearance:none;background:linear-gradient(90deg, var(--gold) var(--fill,50%), #ffffff21 var(--fill,50%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:7px}.setting-main input[type=range]:disabled{opacity:.4;cursor:default}.setting-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 40% 35%, #fff, var(--gold));cursor:pointer;border:1px solid #8a5a1e;border-radius:50%;width:19px;height:19px;box-shadow:0 2px 6px #0000008c}.setting-main input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 40% 35%, #fff, var(--gold));cursor:pointer;border:1px solid #8a5a1e;border-radius:50%;width:19px;height:19px}.menu-links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.menu-links .ghost{font-weight:700}.help-card{text-align:left;flex-direction:column;width:min(560px,94vw);max-height:88vh;display:flex}.help-body{margin:2px -4px 6px;padding:0 4px;overflow-y:auto}.help-body section{border-top:1px solid #ffffff0f;padding:10px 0}.help-body section:first-child{border-top:0}.help-body h3{color:var(--gold);margin:0 0 4px;font-size:15px}.help-body p{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.help-body b{color:var(--gold-2)}.help-tip{font-style:italic;color:var(--muted)!important;margin-top:12px!important;font-size:13px!important}.library-overlay{align-items:stretch;padding:clamp(16px,3.5vh,40px) clamp(14px,3.5vw,40px)}.library-screen{border:1px solid var(--gold-dim);background:linear-gradient(#1c140d,#120c07);border-radius:24px;flex-direction:column;width:min(1100px,100%);height:100%;max-height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3}.library-head{padding:max(15px, env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--gold-dim);background:linear-gradient(#e8c37a14,#0000);justify-content:space-between;align-items:center;display:flex}.library-head h2{color:var(--gold-2);align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.library-head h2 svg{width:22px;height:22px;color:var(--gold)}.lib-count{color:var(--muted);font-size:13px;font-weight:500}.library-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.chip{white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:13px}.chip.on{color:#2a1606;background:linear-gradient(#ffc65f,#ef8420);border-color:#ffd98a;font-weight:800}.library-body{-webkit-overflow-scrolling:touch;min-height:0;padding:4px 18px max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.lib-cat{margin-top:18px}.lib-cat h3{letter-spacing:.05em;color:var(--ink);text-transform:uppercase;margin:0 0 12px;font-size:14px}.lib-cat h3 span{color:var(--muted);margin-left:4px;font-size:12px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;gap:16px;display:grid}.lib-grid .game-card{width:100%;max-width:178px}@media (width<=640px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:12px}.library-head,.library-filters,.library-body{padding-left:12px;padding-right:12px}}.account-card{text-align:left;width:min(420px,94vw)}.account-blurb{margin:0 0 14px;font-size:13px}.account-field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:7px;margin-bottom:12px;font-size:12px;display:flex}.account-field input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);text-transform:none;letter-spacing:0;border-radius:10px;padding:11px 13px;font-size:15px}.account-name-row{gap:8px;display:flex}.account-name-row input{flex:1;min-width:0}.account-card .primary{width:100%;padding:12px}.account-card .ghost{width:100%;margin-top:12px}.account-name-row .primary{width:auto;padding:0 16px}.account-err{color:var(--bad);margin:-4px 0 12px;font-size:13px}.account-ok{color:var(--good);margin:-4px 0 12px;font-size:13px}.account-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 14px;display:grid}.account-stats>div{border:1px solid var(--line);text-align:center;background:#00000047;border-radius:12px;padding:12px 6px}.account-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:22px;display:block}.account-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.account-sent{text-align:center;padding:10px 0 4px}.account-sent-big{margin:0 0 8px;font-size:18px;font-weight:800}.lb-msg{text-align:center;padding:44px 0}.lb-list{margin:6px 0 0;padding:0;list-style:none}.lb-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 12px;display:flex}.lb-row.me{border:1px solid var(--gold-dim);background:#e8c37a1f;border-radius:10px}.lb-pos{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);flex:0 0 40px;justify-content:center;align-items:center;font-weight:800;display:flex}.lb-row.top1 .lb-pos{color:#ffd54a}.lb-row.top2 .lb-pos{color:#cdd6e0}.lb-row.top3 .lb-pos{color:#d8945a}.rank-badge{letter-spacing:.03em;white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:800}.rank-badge.rank-prestige{isolation:isolate;background:color-mix(in srgb, var(--rb,#fff) 14%, transparent);animation:2.6s ease-in-out infinite rbGlow;position:relative;overflow:hidden}.rank-badge.rank-prestige:before{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 36%, color-mix(in srgb, var(--rb,#fff) 65%, #fff) 50%, transparent 64%);mix-blend-mode:screen;background-repeat:no-repeat;background-size:230% 100%;animation:3s ease-in-out infinite rbSheen;position:absolute;inset:0}@keyframes rbSheen{0%{background-position:130% 0}55%,to{background-position:-30% 0}}@keyframes rbGlow{0%,to{box-shadow:0 0 5px color-mix(in srgb, var(--rb,#fff) 40%, transparent)}50%{box-shadow:0 0 13px color-mix(in srgb, var(--rb,#fff) 80%, transparent)}}@media (prefers-reduced-motion:reduce){.rank-badge.rank-prestige,.rank-badge.rank-prestige:before{animation:none}}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.lb-mmr{font-variant-numeric:tabular-nums;color:var(--gold);flex:none;font-weight:800}.lb-wl{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 70px;font-size:12px}@media (width<=640px){.lb-wl{display:none}.lb-name{font-size:14px}}.mode-choice{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.mode-card{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:20px;display:flex}.mode-card b{font-size:19px}.mode-card .muted{font-size:13px;font-weight:500;line-height:1.45}.mode-card svg{color:var(--gold)}.mode-card.ranked{border-color:var(--gold-dim);background:linear-gradient(#e8c37a29,#38291c99)}.mode-card.ranked svg{color:var(--gold-2)}.queue-panel{gap:12px}.queue-pulse{width:76px;height:76px;color:var(--gold-2);background:radial-gradient(circle,#e8c37a40,#0000 70%);border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite queuePulse;display:grid}@keyframes queuePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.queue-timer{font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:32px;font-weight:800}@media (width<=640px){.mode-choice{grid-template-columns:1fr}}.account-rank{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.account-rank .rank-badge.unranked{color:var(--muted);border-color:var(--line)}.ranked-result{z-index:1;border:1px solid var(--gold-dim);background:linear-gradient(#2a1f14,#160d06);border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:100%;margin:4px 0 6px;padding:14px 22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.rr-place{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.rr-rank{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.rr-change{font-size:12px;font-weight:800}.rr-change.up{color:var(--good)}.rr-change.down{color:var(--bad)}.rr-mmr{font-variant-numeric:tabular-nums;color:var(--ink);font-size:20px}.rr-mmr b{font-size:24px}.rr-mmr .rr-delta{font-weight:800}.rr-mmr.up .rr-delta{color:var(--good)}.rr-mmr.down .rr-delta{color:var(--bad)}.rr-note{color:var(--muted);font-size:12px}.account-badges{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.ab-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.ab-row{flex-wrap:wrap;gap:6px;display:flex}.season-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.season-badge b{font-weight:800}.avatar-picker{align-items:center;gap:12px;margin-bottom:8px;display:flex}.avatar-current{border:1px solid var(--gold-dim);background:#e8c37a14;border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:38px;line-height:1;display:grid}.avatar-grid{flex-wrap:wrap;gap:4px;display:flex}.avatar-opt{background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:4px 7px;font-size:18px;line-height:1}.avatar-opt.on{border-color:var(--gold);background:#e8c37a29}.account-matches{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.match-list{overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:clamp(150px,32vh,320px);margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.match-row{border-left:3px solid var(--line);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.match-row.win{border-left-color:var(--good)}.match-row.loss{border-left-color:var(--bad)}.m-result{width:36px;font-weight:800}.match-row.win .m-result{color:var(--good)}.match-row.loss .m-result{color:var(--bad)}.m-place{flex:1}.m-mode{text-transform:capitalize}.m-when{font-size:12px}.avatar-current{object-fit:cover;padding:0}.avatar-opt-img{background:#ffffff0a;border:2px solid #0000;border-radius:10px;place-items:center;width:44px;height:44px;padding:2px;display:grid;overflow:hidden}.avatar-opt-img img{object-fit:cover;border-radius:8px;width:100%;height:100%}.avatar-opt-img.on{border-color:var(--gold)}.avatar-opt-img.shop-tile{color:var(--gold)}.menu-avatar{object-fit:cover;vertical-align:-4px;border-radius:50%;width:18px;height:18px;margin-right:6px}.crumbs-line{border:1px solid var(--gold-dim);background:#e8c37a14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:4px 0 10px;padding:8px 12px;display:flex}.crumbs-bal{font-weight:700}.crumbs-shop{color:var(--gold);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.shop-balance{color:var(--gold-2);white-space:nowrap;margin-left:auto;margin-right:10px;font-size:18px;font-weight:800}.shop-msg{text-align:center;padding:6px 0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding:4px;display:grid}.shop-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.shop-card.selected{border-color:var(--gold);background:#e8c37a1a}.shop-art{width:84px;height:84px;position:relative}.shop-art img{object-fit:cover;border-radius:12px;width:100%;height:100%}.shop-art img.locked{filter:grayscale(.8)brightness(.55)}.shop-lock{color:#fff;opacity:.9;margin:auto;position:absolute;inset:0}.shop-name{text-align:center;font-size:13px;line-height:1.2}.shop-tag{color:var(--good);font-size:12px;font-weight:800}.shop-card.selected .shop-tag{color:var(--gold)}.shop-buy{padding:5px 12px;font-size:13px}.coins-earned{color:var(--gold-2);margin:2px 0;font-size:18px;font-weight:800}.lb-avatar{object-fit:cover;border:2px solid var(--gold-dim);border-radius:11px;flex:none;width:44px;height:44px;box-shadow:0 2px 6px #0006}.lb-row.top1 .lb-avatar,.lb-row.top2 .lb-avatar,.lb-row.top3 .lb-avatar{border-color:var(--gold)}.launch{flex-direction:column;gap:12px;margin:0 0 16px;display:flex}.player-pick{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);flex-direction:column;align-items:stretch;gap:6px;font-size:11px;display:flex}.player-pick select{border:1px solid var(--gold-dim);width:100%;color:var(--ink);letter-spacing:.02em;background:#0000006b;border-radius:12px;padding:11px 14px;font-size:14px}.launch-cta{gap:10px;display:flex}.launch-cta>.kit-btn{white-space:nowrap;flex:1;min-width:0;padding-left:12px;padding-right:12px;font-size:16px}.big-cta{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:16px;font-weight:800;display:inline-flex}.big-cta.locked{border:1px dashed var(--line);color:var(--muted);background:#ffffff0a;font-size:14px;font-weight:700}.big-cta.locked:hover:not(:disabled){border-color:var(--gold);color:var(--ink)}.menu-bar{gap:7px;margin-top:2px;display:flex}.menu-icon-btn{border:1px solid var(--line);min-width:0;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;cursor:pointer;background:#ffffff08;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:5px;padding:11px 4px 9px;font-size:9px;font-weight:700;line-height:1.1;transition:background .15s,border-color .15s,color .15s,transform 80ms;display:flex;position:relative}.menu-icon-btn svg{width:21px;height:21px;color:var(--gold)}.menu-icon-btn:hover{border-color:var(--gold-dim);color:var(--ink);background:#e8c37a17;transform:translateY(-1px)}.menu-icon-btn.profile{border-color:var(--gold-dim);background:#e8c37a14}.menu-icon-btn .menu-avatar{object-fit:cover;border-radius:7px;width:22px;height:22px}.menu-icon-btn .chip-bal{color:var(--gold-2);background:#0009;border-radius:999px;padding:1px 4px;font-size:8px;font-weight:800;line-height:1.2;position:absolute;top:4px;right:5px}@media (width<=640px){.start-screen{justify-content:center;align-items:flex-start;padding:18px 14px;overflow-y:auto}.landing-hero{width:100%;padding:22px 20px 20px}.showcase{display:none}.launch-cta{flex-direction:column}.menu-bar{gap:5px}.menu-icon-btn{gap:4px;padding:9px 2px 7px;font-size:8px}.menu-icon-btn svg{width:18px;height:18px}}@media (width>=641px) and (height<=860px){.table-layout{gap:12px;padding:10px}.table-main{gap:10px}.zone{padding:11px 13px}.zone-top{gap:9px}.zone-top .avatar,.zone-top .av-frame{width:44px!important;height:44px!important}.meter-row{margin-top:7px}.zone-foot{margin-top:8px}.table-center{gap:24px}.pile,.pile-rats{width:70px;height:98px}.played-slot .game-card{width:70px}.hand-row{min-height:138px;padding-top:14px}.hand-row .game-card{flex-basis:124px;width:124px}}@media (width>=641px) and (height<=660px){.table-layout{gap:10px;padding:8px}.zone{border-radius:14px;padding:8px 11px}.zone-top{gap:7px}.zone-top .avatar,.zone-top .av-frame{width:34px!important;height:34px!important}.meter-row{gap:7px;margin-top:5px}.heart{width:16px!important;height:16px!important}.table-center{gap:16px}.pile,.pile-rats{width:56px;height:78px}.played-slot .game-card{width:56px}.hand-row{min-height:106px;padding-top:10px}.hand-row .game-card{flex-basis:100px;width:100px;margin-left:-26px}.topbar{padding:7px 14px}}@font-face{font-family:Lilita One;src:url(/assets/fonts/LilitaOne-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--font-display:"Lilita One", "Inter", system-ui, sans-serif;--tier-bronze:#cc8a44;--tier-silver:#c6cdd6;--tier-gold:#e8c37a;--tier-platinum:#58c7cf;--tier-diamond:#7aa7ff}.kit-btn{font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;color:#3a2408;background:linear-gradient(180deg, var(--btn-top,#ffd98a), var(--btn-bot,#eca12a));box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 var(--btn-lip,#c47b14), 0 4px 0 var(--btn-edge,#8f560a), 0 9px 16px #0006;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 22px 15px;font-size:16px;line-height:1;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.kit-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:11px 11px 50% 50%;height:42%;position:absolute;inset:3px 5px auto}.kit-btn>*{position:relative}.kit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.kit-btn:active:not(:disabled){box-shadow:inset 0 2px 0 #fff6, inset 0 -2px 0 var(--btn-lip,#c47b14), 0 1px 0 var(--btn-edge,#8f560a), 0 3px 7px #0006;transform:translateY(3px)}.kit-btn:disabled{filter:grayscale(.7)brightness(.62);cursor:not-allowed}.kit-btn.gold{--btn-top:#ffd98a;--btn-bot:#eca12a;--btn-lip:#c47b14;--btn-edge:#8f560a;color:#3a2408}.kit-btn.green{--btn-top:#8fe39a;--btn-bot:#3aab51;--btn-lip:#2a883c;--btn-edge:#1c5e2a;color:#0e3315}.kit-btn.red{--btn-top:#ff9089;--btn-bot:#e0463f;--btn-lip:#b32f29;--btn-edge:#7e1f1b;color:#fff}.kit-btn.dark{--btn-top:#4a3a2a;--btn-bot:#2a1f15;--btn-lip:#18110b;--btn-edge:#000;color:var(--ink)}.kit-btn.ghost{box-shadow:inset 0 0 0 1px var(--line), 0 3px 8px #0000004d;color:var(--ink);background:#ffffff0d}.kit-btn.ghost:before{opacity:.3}.kit-btn.lg{border-radius:16px;padding:16px 28px 18px;font-size:19px}.kit-btn.block{width:100%}.kit-panel{background:linear-gradient(180deg, var(--panel2), var(--panel-solid));border:1px solid var(--gold-dim);border-radius:22px;padding:22px;position:relative;box-shadow:inset 0 1px #ffffff12,0 24px 60px #0000008c}.kit-panel.glow:after{content:"";z-index:-1;opacity:.35;pointer-events:none;background:url(/assets/ui/panels/glow.webp) 50%/100% 100% no-repeat;position:absolute;inset:-40px}.kit-ribbon{min-width:240px;font-family:var(--font-display);letter-spacing:.03em;text-align:center;color:#5a3806;text-shadow:0 1px #fff6;background:url(/assets/ui/ribbons/title-ribbon.webp) 50%/100% 100% no-repeat;padding:12px 44px 22px;font-size:22px;display:inline-block}.kit-badge{font-family:var(--font-display);color:#1a130d;background:linear-gradient(180deg, color-mix(in srgb, var(--badge,var(--gold)) 70%, #fff), var(--badge,var(--gold)));border:1px solid #00000040;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 10px;font-size:13px;display:inline-grid;box-shadow:inset 0 1px #fff9,inset 0 -2px #00000040,0 2px 5px #0006}.kit-progress{border:1px solid var(--line);background:#00000073;border-radius:999px;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #0000008c}.kit-progress>.fill{background:linear-gradient(180deg, var(--gold-2), var(--gold));border-radius:999px;height:100%;transition:width .45s;box-shadow:inset 0 1px #ffffff8c}.kit-pill{font-family:var(--font-display);border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#18110b);border-radius:999px;align-items:center;gap:6px;padding:5px 13px 5px 9px;font-size:15px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.kit-pill b{color:var(--gold-2);font-variant-numeric:tabular-nums}.kit-reward{background:url(/assets/ui/frames/item-slot.webp) 50%/100% 100% no-repeat;place-items:center;width:76px;height:76px;display:grid;position:relative}.kit-reward .qty{font-family:var(--font-display);color:var(--gold-2);text-shadow:0 1px 2px #000;font-size:13px;position:absolute;bottom:2px;right:4px}.result-overlay.win:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#ffc85a38,#0000 55%);position:absolute;inset:0}.result-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(420px,92vw);animation:.4s cubic-bezier(.2,1.3,.5,1) both resultPop;display:flex}@keyframes resultPop{0%{opacity:0;transform:scale(.82)translateY(18px)}to{opacity:1;transform:none}}.result-ribbon{margin-top:-44px}.result-winner{flex-direction:column;align-items:center;gap:8px;display:flex}.result-avatar{object-fit:cover;border:3px solid var(--gold-dim);border-radius:18px;width:84px;height:84px;box-shadow:0 4px 14px #00000080}.result-overlay.win .result-avatar{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 28px #e8c37a80}.result-emblem{font-size:54px;line-height:1}.result-winner p{color:var(--ink);margin:0;font-size:16px}.result-rewards{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.rewards-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.reward-row{gap:10px;display:flex}.reward-emoji{font-size:30px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}@media (prefers-reduced-motion:reduce){.result-card{animation:none}}.settings-head h2,.library-head h2,.lobby-head h2,.lobby-panel h2,.account-card h2{font-family:var(--font-display);letter-spacing:.015em;font-weight:400}.hearts{cursor:help;align-items:center;gap:4px;display:flex}.heart{filter:drop-shadow(0 1px 2px #00000080);width:24px;height:24px;animation:.28s pop}.heart.lost{filter:grayscale()brightness(.4);opacity:.5;animation:none}.lb-medal{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:auto;max-width:40px;height:36px;margin:0 auto;display:block}.rr-rankup{flex-direction:column;align-items:center;gap:8px;padding:6px 0 10px;display:flex}.rr-rankup-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-2);text-shadow:0 0 18px #e8c37aa6,0 2px #0006;font-size:22px;animation:.45s pop}.rr-rankup .rank-badge{padding:5px 14px;font-size:15px;box-shadow:0 0 20px #e8c37a73}.toast-layer{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;font-family:var(--font-display);color:var(--ink);border:1px solid var(--gold-dim);text-align:center;cursor:pointer;background:linear-gradient(#3a2c1e,#201610);border-radius:12px;max-width:86vw;padding:11px 18px;font-size:14px;font-weight:400;animation:.2s toastIn;box-shadow:inset 0 1px #ffffff14,0 8px 26px #0000008c}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reward-loading{place-items:center;display:grid}.spin-dot{border:3px solid #ffffff26;border-top-color:var(--gold-2);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.result-pending{justify-content:center;align-items:center;min-height:50px}.rr-loading{color:var(--muted);font-family:var(--font-display);align-items:center;gap:10px;display:inline-flex}.rr-loading:before{content:"";border:2px solid #ffffff26;border-top-color:var(--gold-2);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.boot-loader{z-index:300;background:radial-gradient(900px 600px at 50% 42%, #ffa04624, transparent 60%), linear-gradient(180deg, #0c0805eb, #080503f5), url(/assets/ui/table.png) center / cover no-repeat, var(--wood);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.boot-loader.fade{opacity:0}.boot-brand{font-family:var(--font-display);color:var(--gold-2);-webkit-text-stroke:2px #3a2408;paint-order:stroke fill;text-shadow:0 4px #00000059,0 14px 40px #ffaa5040;align-items:center;gap:12px;font-size:clamp(36px,6vw,58px);display:inline-flex}.boot-brand svg{width:1em;height:1em;color:var(--gold)}.boot-bar{border:1px solid var(--gold-dim);background:#00000080;border-radius:999px;width:min(360px,70vw);height:18px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.boot-fill{background:linear-gradient(180deg, var(--gold-2), var(--gold));border-radius:999px;height:100%;transition:width .12s linear;box-shadow:inset 0 1px #ffffff80}.boot-pct{font-family:var(--font-display);color:var(--muted);letter-spacing:.03em;font-size:14px}.vs-splash{background:#050302db;flex-direction:column;gap:26px}.vs-splash:before{content:"";pointer-events:none;background:radial-gradient(720px 520px at 50% 46%,#ffa0462e,#0000 60%);position:absolute;inset:0}.vs-mode{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);font-size:15px;animation:.4s both vsDrop}.vs-row{align-items:center;gap:clamp(20px,6vw,70px);display:flex}.vs-side{flex-direction:column;align-items:center;gap:10px;display:flex}.vs-side.you{animation:.45s cubic-bezier(.2,1.2,.4,1) both vsSlideL}.vs-side.field{animation:.45s cubic-bezier(.2,1.2,.4,1) both vsSlideR}.vs-side b{font-family:var(--font-display);color:var(--ink);font-size:22px}.vs-avatar{object-fit:cover;border:3px solid var(--gold);width:clamp(80px,16vw,110px);height:clamp(80px,16vw,110px);box-shadow:0 0 0 2px var(--gold), 0 0 30px #e8c37a80;border-radius:22px}.vs-tag{font-family:var(--font-display);background:var(--accent);color:#2a1606;border-radius:6px;padding:2px 9px;font-size:12px}.vs-opps{display:flex}.vs-opps img{object-fit:cover;border:2px solid var(--gold-dim);border-radius:15px;width:clamp(54px,11vw,70px);height:clamp(54px,11vw,70px);margin-left:-14px;box-shadow:0 3px 12px #0000008c}.vs-opps img:first-child{margin-left:0}.vs-mark{font-family:var(--font-display);color:var(--gold-2);-webkit-text-stroke:3px #3a2408;paint-order:stroke fill;text-shadow:0 0 30px #e8c37a99;font-size:clamp(48px,11vw,96px);animation:.5s cubic-bezier(.2,1.6,.4,1) both vsPop}.vs-sub{color:var(--muted);font-size:13px;animation:.5s both vsDrop}@keyframes vsPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes vsSlideL{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes vsSlideR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes vsDrop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vs-side,.vs-mark,.vs-mode,.vs-sub{animation:none}}.av-frame{box-sizing:border-box;vertical-align:middle;isolation:isolate;flex:none;display:inline-flex;position:relative}.av-frame>img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.av-frame.frame-bronze{background:linear-gradient(145deg,#d8a86e 0%,#a9744f 45%,#6e431f 100%);box-shadow:0 0 8px #a9744f73}.av-frame.frame-bronze:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#ffe4beb3 48%,#ffd29666 54%,#0000 66%) 0 0/250% 250%;animation:4.5s ease-in-out infinite rankBronzeSheen;position:absolute;inset:0}@keyframes rankBronzeSheen{0%{background-position:130% 0}to{background-position:-30% 0}}.av-frame.frame-silver{background:linear-gradient(145deg,#f3f7fb 0%,#c2ccd6 48%,#8e9aaa 100%);box-shadow:0 0 10px #c2ccd68c}.av-frame.frame-silver:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 32%,#ffffffe6 47%,#d2e6ff8c 53%,#0000 68%) 0 0/240% 240%;animation:3.6s ease-in-out infinite rankSilverSheen;position:absolute;inset:0}@keyframes rankSilverSheen{0%{background-position:130% 0}to{background-position:-30% 0}}.av-frame.frame-gold{background:linear-gradient(145deg,#fbe6a8 0%,#e8c37a 45%,#b07d28 100%);animation:3.2s ease-in-out infinite rankGoldHalo}.av-frame.frame-gold:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 33%,#fff8d2f2 47%,#ffdc8c99 53%,#0000 67%) 0 0/240% 240%;animation:3.4s ease-in-out infinite rankGoldSheen;position:absolute;inset:0}@keyframes rankGoldSheen{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes rankGoldHalo{0%,to{box-shadow:0 0 10px #e8c37a80}50%{box-shadow:0 0 20px #ffde96d9}}@property --rankPlatBeam{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-platinum{background:linear-gradient(145deg,#d6fbf4 0%,#5fd3c4 45%,#2f8e83 100%);box-shadow:0 0 14px #5fd3c48c}.av-frame.frame-platinum:before{content:"";z-index:0;border-radius:inherit;--rankPlatBeam:0deg;background:conic-gradient(from var(--rankPlatBeam), transparent 0deg, transparent 300deg, #fffffff2 332deg, #befff5d9 348deg, transparent 360deg);animation:3.4s linear infinite rankPlatSpin;position:absolute;inset:0}.av-frame.frame-platinum:after{content:"";z-index:0;border-radius:inherit;animation:2.8s ease-in-out infinite rankPlatPulse;position:absolute;inset:-5px;box-shadow:0 0 14px #5fd3c466}@keyframes rankPlatSpin{to{--rankPlatBeam:360deg}}@keyframes rankPlatPulse{0%,to{opacity:.5}50%{opacity:1}}@property --diaSpin{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-diamond{--diaSpin:0deg;background:conic-gradient(from var(--diaSpin), #7fbcff, #c9f0ff, #fff, #d7c4ff, #ffd1f4, #c9f0ff, #fff, #7fbcff);background-size:160% 160%;animation:6s linear infinite diaSpin;box-shadow:0 0 16px #7fbcff99,0 0 30px #d7c4ff59}.av-frame.frame-diamond:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background-color:#0000;background-image:linear-gradient(115deg,#0000 30%,#fffffffa 46%,#c8e1ffbf 52%,#0000 60%),linear-gradient(74deg,#0000 44%,#bef6ffd9 49%,#fffffff2 50%,#ffd1f4cc 51%,#0000 56%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:240% 240%,300% 300%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:3s ease-in-out infinite diaSheen,4.6s ease-in-out infinite diaFlare;position:absolute;inset:0}.av-frame.frame-diamond:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(circle,#fff 0,#0000 1.6px),radial-gradient(circle,#bdf6ff 0,#0000 1.3px),radial-gradient(circle,#ffd9f4 0,#0000 1.4px),radial-gradient(circle,#e8ffff 0,#0000 1.1px);background-position:4px 8px,22px 30px,38px 12px,14px 24px;background-size:42px 42px,60px 60px,51px 51px,33px 33px;animation:7s linear infinite diaDrift,1.5s steps(2,end) infinite diaTwinkle;position:absolute;inset:-4px}@keyframes diaSpin{to{--diaSpin:360deg}}@keyframes diaSheen{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}@keyframes diaFlare{0%,62%,to{background-position:0 0,130% 0}80%{background-position:0 0,-40% 0}}@keyframes diaDrift{to{background-position:4px -76px,22px -90px,38px -90px,14px -75px}}@keyframes diaTwinkle{0%{opacity:.4}to{opacity:1}}@property --infernoFlow{syntax:"<angle>";inherits:false;initial-value:0deg}@property --infernoEmber{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-inferno{background:radial-gradient(circle,#3a0a02 0%,#7a1c04 60%,#3a0a02 100%);animation:2.4s ease-in-out infinite infernoGlow}.av-frame.frame-inferno:before{content:"";z-index:0;border-radius:inherit;--infernoFlow:0deg;background:conic-gradient(from var(--infernoFlow), #ff3b00, #ffd000, #ff7a00, #b21500, #ff5a00, #fa0, #ff3b00);filter:saturate(1.3)blur(.4px);animation:5s linear infinite infernoSpin;position:absolute;inset:0}.av-frame.frame-inferno:after{content:"";z-index:0;border-radius:inherit;--infernoEmber:0deg;background:conic-gradient(from var(--infernoEmber), transparent 0deg, #ffeea0e6 18deg, transparent 60deg, transparent 180deg, #ffb43ccc 210deg, transparent 250deg);mix-blend-mode:screen;animation:3.2s linear infinite reverse infernoEmberSpin;position:absolute;inset:0}@keyframes infernoSpin{to{--infernoFlow:360deg}}@keyframes infernoEmberSpin{to{--infernoEmber:360deg}}@keyframes infernoGlow{0%,to{box-shadow:0 0 12px #ff5a0099,0 0 22px #c81e0066}50%{box-shadow:0 0 20px #ff8c14e6,0 0 40px #ff3c008c}}.av-frame.frame-neon-pulse{background:linear-gradient(135deg,#ff2d95,#4ef0ff);animation:2.6s ease-in-out infinite neonPulseBreathe}.av-frame.frame-neon-pulse:before{content:"";z-index:0;border-radius:inherit;filter:blur(1px);background:linear-gradient(135deg,#ff2d95,#b04eff,#4ef0ff);animation:4s ease-in-out infinite neonPulseHue;position:absolute;inset:0}@keyframes neonPulseBreathe{0%,to{box-shadow:0 0 6px #ff2d9599,0 0 14px #4ef0ff73}50%{box-shadow:0 0 14px #ff2d95f2,0 0 34px #4ef0ffcc}}@keyframes neonPulseHue{0%,to{filter:blur(1px)hue-rotate()brightness()}50%{filter:blur(1px)hue-rotate(25deg)brightness(1.25)}}@property --voltageArc{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-voltage{background:linear-gradient(135deg,#0a2b5e,#2f8fff,#eaf6ff);animation:2.8s infinite voltageFlicker}.av-frame.frame-voltage:before{content:"";z-index:0;border-radius:inherit;--voltageArc:0deg;background:conic-gradient(from var(--voltageArc), transparent 0deg, transparent 312deg, #fff 336deg, #8cd2ffe6 350deg, transparent 360deg);filter:drop-shadow(0 0 4px #6cf);animation:1.6s linear infinite voltageOrbit;position:absolute;inset:0}@keyframes voltageOrbit{to{--voltageArc:360deg}}@keyframes voltageFlicker{0%,17%,21%,24%,53%,57%,to{box-shadow:0 0 6px #4ea8ff,0 0 16px #2f8fff,0 0 30px #78c8ffb3}19%,23%,55%{box-shadow:0 0 3px #4ea8ff,0 0 6px #2f8fff}56%{box-shadow:0 0 2px #2f8fff}}@property --plasmaSpin{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-plasma{background:radial-gradient(circle,#11013a,#2a0a5e);box-shadow:0 0 16px #785aff8c,0 0 30px #ff2d9540}.av-frame.frame-plasma:before{content:"";z-index:0;border-radius:inherit;--plasmaSpin:0deg;background:conic-gradient(from var(--plasmaSpin), #6cf, #b04eff, #ff2d95, #ffd34e, #4ef0ff, #6cf), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='pt'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.02' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.3 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23pt)'/%3E%3C/svg%3E");background-blend-mode:overlay;filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.016' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='12' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/svg%3E#p")saturate(1.4);background-size:200% 200%,120px 120px;animation:7s linear infinite plasmaSpin;position:absolute;inset:0}.av-frame.frame-plasma:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle,#b478ffb3 0,#ff2d9540 40%,#0000 65%);animation:3s ease-in-out infinite plasmaPulse;position:absolute;inset:-4px;box-shadow:0 0 16px #8c5aff73}@keyframes plasmaSpin{to{--plasmaSpin:360deg}}@keyframes plasmaPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@property --holoSpin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --holoSpin2{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-holographic{--holoSpin:0deg;background:conic-gradient(from var(--holoSpin), #ff2d95, #ffd34e, #4ef0ff, #b04eff, #2dffae, #ff2d95);animation:8s linear infinite holoSpin;box-shadow:0 0 12px #fff6,0 0 24px #78d2ff4d}.av-frame.frame-holographic:before{content:"";z-index:0;border-radius:inherit;--holoSpin2:0deg;mix-blend-mode:screen;background:conic-gradient(from var(--holoSpin2), #78d2ff8c, #ff8cff80, #78ffb480, #fff9, #78d2ff8c), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23g)'/%3E%3C/svg%3E");background-size:100% 100%,80px 80px;animation:11s linear infinite reverse holoSpin2;position:absolute;inset:0}.av-frame.frame-holographic:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffffd9 44%,#78d2ffb3 49%,#ff8cffb3 54%,#0000 68%) 0 0/250% 250% no-repeat;animation:3.6s ease-in-out infinite holoSheen;position:absolute;inset:0}@keyframes holoSpin{to{--holoSpin:360deg}}@keyframes holoSpin2{to{--holoSpin2:360deg}}@keyframes holoSheen{0%{background-position:130% 0}to{background-position:-30% 0}}@property --cosmicSpin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --cosmicCore{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-cosmic{--cosmicSpin:0deg;background:conic-gradient(from var(--cosmicSpin), #1a0540, #4b1d8f, #7b2dd6, #2a1170, #120033, #1a0540);animation:14s linear infinite cosmicSpin;box-shadow:0 0 16px #7b2dd68c,0 0 32px #5ab4ff4d}.av-frame.frame-cosmic:before{content:"";z-index:0;border-radius:inherit;--cosmicCore:0deg;mix-blend-mode:screen;background:conic-gradient(from var(--cosmicCore) at 42% 44%, #be8cffe6, #5ab4ff99, #ffc8ff80, #7846dc99, #be8cffe6), radial-gradient(circle at 30% 35%, #b478ff8c 0, transparent 42%), radial-gradient(circle at 72% 70%, #5ab4ff80 0, transparent 46%);background-size:150% 150%,100% 100%,100% 100%;animation:10s linear infinite cosmicGalaxy,6s ease-in-out infinite cosmicNebula;position:absolute;inset:0}.av-frame.frame-cosmic:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(circle,#fff 0,#0000 1.5px),radial-gradient(circle,#bdd9ff 0,#0000 1.2px),radial-gradient(circle,#ffe0f4 0,#0000 1.3px),radial-gradient(circle,#d8e8ff 0,#0000 1px),linear-gradient(118deg,#0000 47%,#ffffffe6 49%,#bedcff80 50.5%,#0000 53%);background-position:6px 10px,24px 34px,40px 14px,16px 26px,130% 0;background-repeat:repeat,repeat,repeat,repeat,no-repeat;background-size:46px 46px,68px 68px,57px 57px,37px 37px,320% 320%;animation:9s linear infinite cosmicDrift,1.7s steps(2,end) infinite cosmicTwinkle,6.5s ease-in-out infinite cosmicComet;position:absolute;inset:-4px}@keyframes cosmicSpin{to{--cosmicSpin:360deg}}@keyframes cosmicGalaxy{to{--cosmicCore:360deg}}@keyframes cosmicNebula{0%,to{opacity:.6}50%{opacity:1}}@keyframes cosmicDrift{to{background-position:6px -82px,24px -94px,40px -98px,16px -86px,130% 0}}@keyframes cosmicTwinkle{0%{opacity:.4}to{opacity:1}}@keyframes cosmicComet{0%,70%,to{background-position:6px 10px,24px 34px,40px 14px,16px 26px,140% -40%}88%{background-position:6px 10px,24px 34px,40px 14px,16px 26px,-50% 140%}}@property --toxicSpin{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-toxic{background:radial-gradient(circle,#0b2a05,#123d08);animation:2.6s ease-in-out infinite toxicGlow}.av-frame.frame-toxic:before{content:"";z-index:0;border-radius:inherit;--toxicSpin:0deg;background:conic-gradient(from var(--toxicSpin), #5dff2d, #af0, #2dff8a, #62c800, #9bff3a, #5dff2d);filter:saturate(1.4)blur(.5px);animation:6s linear infinite toxicSpin;position:absolute;inset:0}.av-frame.frame-toxic:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle at 35% 30%,#beff78cc 0,#0000 30%),radial-gradient(circle at 70% 75%,#78ffa0b3 0,#0000 32%);animation:3.4s ease-in-out infinite toxicBubble;position:absolute;inset:0}@keyframes toxicSpin{to{--toxicSpin:360deg}}@keyframes toxicGlow{0%,to{box-shadow:0 0 10px #6eff3299,0 0 22px #3cc80066}50%{box-shadow:0 0 18px #96ff50e6,0 0 38px #5ae6148c}}@keyframes toxicBubble{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.04)}}.av-frame.frame-frostbite{background:linear-gradient(145deg,#eafdff 0%,#8fe4ff 45%,#3aa9d6 100%);box-shadow:0 0 12px #8ce1ff99}.av-frame.frame-frostbite:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 34%,#ffffffe6 47%,#b4f0ff99 53%,#0000 66%) 0 0/240% 240%;animation:3.8s ease-in-out infinite frostbiteShimmer;position:absolute;inset:0}.av-frame.frame-frostbite:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle,#fff 0,#0000 1.4px),radial-gradient(circle,#cdf3ff 0,#0000 1.2px);background-position:8px 12px,36px 40px;background-size:58px 58px,84px 84px;animation:1.8s steps(2,end) infinite frostbiteTwinkle;position:absolute;inset:-4px}@keyframes frostbiteShimmer{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes frostbiteTwinkle{0%{opacity:.35}to{opacity:.95}}.av-frame.frame-sakura{background:linear-gradient(145deg,#fff0f6 0%,#ffc2dd 45%,#ff8fc0 100%);animation:3.4s ease-in-out infinite sakuraGlow}.av-frame.frame-sakura:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 36%,#ffffffb3 49%,#ffc8e180 55%,#0000 68%) 0 0/240% 240%;animation:5s ease-in-out infinite sakuraSheen;position:absolute;inset:0}.av-frame.frame-sakura:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle,#fffffff2 0,#0000 1.6px),radial-gradient(circle,#ffb4d7e6 0,#0000 1.5px),radial-gradient(circle,#ff96c8d9 0,#0000 1.4px);background-position:10px 6px,38px 30px,56px 12px;background-size:62px 62px,88px 88px,74px 74px;animation:8s linear infinite sakuraFall;position:absolute;inset:-4px}@keyframes sakuraGlow{0%,to{box-shadow:0 0 9px #ffa0cd80}50%{box-shadow:0 0 18px #ffbedcd9}}@keyframes sakuraSheen{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes sakuraFall{to{background-position:22px 130px,50px 150px,68px 132px}}@property --royalBeam{syntax:"<angle>";inherits:false;initial-value:0deg}@property --royalBeam2{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-royal{background:linear-gradient(135deg,#fff7d6,#e8c372 22%,#fffaf0 38%,#b8860b 52%,#ffe9a8 66%,#caa028 82%,#fff0bf) 0 0/180% 180%;animation:3s ease-in-out infinite royalHalo,7s ease-in-out infinite royalShift;box-shadow:0 0 12px #e8c37a8c,0 0 26px #ffe1964d}.av-frame.frame-royal:before{content:"";z-index:0;border-radius:inherit;--royalBeam:0deg;--royalBeam2:0deg;background:conic-gradient(from var(--royalBeam), transparent 0deg, transparent 296deg, #fffffff2 326deg, #fff0c8d9 344deg, transparent 360deg), conic-gradient(from var(--royalBeam2), transparent 0deg, transparent 150deg, #fffae1bf 172deg, #ffe19699 188deg, transparent 210deg);filter:drop-shadow(0 0 4px #ffebb4cc);animation:3.6s linear infinite royalSpin,5.2s linear infinite reverse royalSpin2;position:absolute;inset:0}.av-frame.frame-royal:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background-image:linear-gradient(115deg,#0000 35%,#fffcebe6 48%,#ffe1968c 54%,#0000 67%),radial-gradient(circle,#fffbe6 0,#0000 1.4px),radial-gradient(circle,#ffe49a 0,#0000 1.2px),radial-gradient(circle,#fff7cf 0,#0000 1px);background-position:130% 0,6px 8px,26px 30px,16px 22px;background-repeat:no-repeat,repeat,repeat,repeat;background-size:240% 240%,44px 44px,60px 60px,34px 34px;animation:4s ease-in-out infinite royalSheen,8s linear infinite royalDust,1.6s steps(2,end) infinite royalDustTwinkle;position:absolute;inset:-4px}@keyframes royalSpin{to{--royalBeam:360deg}}@keyframes royalSpin2{to{--royalBeam2:360deg}}@keyframes royalShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes royalSheen{0%{background-position:130% 0,6px 8px,26px 30px,16px 22px}to{background-position:-30% 0,6px 8px,26px 30px,16px 22px}}@keyframes royalDust{to{background-position:130% 0,6px -80px,26px -90px,16px -86px}}@keyframes royalDustTwinkle{0%{opacity:.55}to{opacity:1}}@keyframes royalHalo{0%,to{box-shadow:0 0 12px #e8c37a8c}50%{box-shadow:0 0 24px #ffe196e6}}.av-frame.frame-tempest{background:radial-gradient(circle,#0c1a2e,#05080f);animation:3s infinite tempestFlicker;box-shadow:0 0 14px #5aa0ff73}.av-frame.frame-tempest:before{content:"";z-index:0;border-radius:inherit;filter:drop-shadow(0 0 3px #6cf);mix-blend-mode:screen;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='bolt' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.11' numOctaves='2' seed='3' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='9'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='6' y='6' width='88' height='88' rx='20' fill='none' stroke='%23bfe3ff' stroke-width='2' filter='url(%23bolt)'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;animation:.45s steps(3,end) infinite tempestArc;position:absolute;inset:-2px}.av-frame.frame-tempest:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle,#0000 55%,#3c82ff59 100%);animation:2.2s ease-in-out infinite tempestPulse;position:absolute;inset:0}@keyframes tempestArc{0%{opacity:.85}50%{opacity:1}to{opacity:.7}}@keyframes tempestPulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes tempestFlicker{0%,12%,15%,to{box-shadow:0 0 8px #4ea8ff,0 0 20px #5096ff99}13%{box-shadow:0 0 3px #4ea8ff}45%,48%{box-shadow:0 0 22px #6cf,0 0 40px #78c8ffb3}46%{box-shadow:0 0 4px #2f8fff}}@property --phoenixSpin{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-phoenix{background:radial-gradient(circle at 50% 70%,#5a0d02,#2a0701);animation:2.6s ease-in-out infinite phoenixGlow;box-shadow:0 0 14px #ff6e148c}.av-frame.frame-phoenix:before{content:"";z-index:0;border-radius:inherit;--phoenixSpin:0deg;background:conic-gradient(from var(--phoenixSpin), #ff4d00, #ffb800, #ff7a00, #ffe070, #ff5a00, #d23000, #ff4d00);filter:saturate(1.3)blur(.4px);animation:6s linear infinite phoenixSpin;position:absolute;inset:0}.av-frame.frame-phoenix:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(circle,#fff2b0 0,#0000 1.6px),radial-gradient(circle,#ffb142 0,#0000 1.4px),radial-gradient(circle,#ff6a1a 0,#0000 1.3px);background-position:10px 56px,38px 60px,56px 52px;background-size:50px 50px,66px 66px,58px 58px;animation:4s linear infinite phoenixEmber,1.1s steps(2,end) infinite phoenixFlick;position:absolute;inset:-4px}@keyframes phoenixSpin{to{--phoenixSpin:360deg}}@keyframes phoenixEmber{0%{opacity:0;background-position:10px 56px,38px 60px,56px 52px}15%{opacity:1}to{opacity:0;background-position:2px -50px,30px -56px,48px -54px}}@keyframes phoenixFlick{0%{filter:brightness()}to{filter:brightness(1.3)}}@keyframes phoenixGlow{0%,to{box-shadow:0 0 10px #ff5a008c,0 0 20px #c8280066}50%{box-shadow:0 0 20px #ff961ee6,0 0 38px #ff46008c}}.av-frame.frame-synthwave{background:linear-gradient(#2a0a4a 0%,#7a1b6e 45%,#ff5e7a 72%,#ffb152 100%);animation:3.2s ease-in-out infinite synthGlow;box-shadow:0 0 14px #ff3caa80}.av-frame.frame-synthwave:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle at 50% 36%,#ffdc78e6 0,#ff5a9680 22%,#0000 42%);animation:4s ease-in-out infinite synthSun;position:absolute;inset:0}.av-frame.frame-synthwave:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#00fff08c 0 1px,#0000 1px 14px),repeating-linear-gradient(90deg,#00fff066 0 1px,#0000 1px 12px);background-position:0 0,0 0;background-size:100% 100%,100% 100%;animation:1.6s linear infinite synthGrid;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 58%,#000 64%);mask:linear-gradient(#0000 58%,#000 64%)}@keyframes synthGrid{0%{background-position:0 0,0 0}to{background-position:0 14px,0 0}}@keyframes synthSun{0%,to{opacity:.8}50%{opacity:1}}@keyframes synthGlow{0%,to{box-shadow:0 0 10px #ff3caa73}50%{box-shadow:0 0 22px #00e6ffb3}}@property --auroraHue{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-aurora{background:linear-gradient(160deg,#041018,#062a2e 55%,#07121f);animation:5s ease-in-out infinite auroraGlow;box-shadow:0 0 14px #50ffc873}.av-frame.frame-aurora:before{content:"";z-index:0;border-radius:inherit;filter:blur(3px) hue-rotate(var(--auroraHue));mix-blend-mode:screen;background:linear-gradient(115deg,#0000 8%,#3cffb4d9 26%,#5aaaffb3 42%,#0000 52%,#be78ffb3 66%,#50ffd2cc 82%,#0000 96%) 0 0/280% 280%;animation:7s ease-in-out infinite auroraWave,9s linear infinite auroraFlow;position:absolute;inset:0}.av-frame.frame-aurora:after{content:"";z-index:0;border-radius:inherit;filter:blur(4px);mix-blend-mode:screen;background:linear-gradient(75deg,#0000 20%,#78ffe68c 45%,#0000 55%,#a08cff80 78%,#0000 92%) 0 0/240% 240%;animation:6s ease-in-out infinite auroraWave2;position:absolute;inset:0}@keyframes auroraWave{0%{background-position:0%}50%{background-position:100% 40%}to{background-position:0%}}@keyframes auroraWave2{0%{background-position:100% 30%}50%{background-position:0 60%}to{background-position:100% 30%}}@keyframes auroraFlow{to{--auroraHue:360deg}}@keyframes auroraGlow{0%,to{box-shadow:0 0 12px #50ffc866}50%{box-shadow:0 0 24px #78c8ffb3}}.av-frame.frame-glitch{background:linear-gradient(135deg,#05010f,#0a0322 60%,#07021a);animation:2.4s step-end infinite glitchShift;box-shadow:0 0 12px #00ffe073,0 0 18px #ff00aa59}.av-frame.frame-glitch:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;opacity:.85;background:conic-gradient(from 90deg,#00ffe0,#f0a,#00ffe0,#6a00ff,#00ffe0);animation:.9s steps(2,end) infinite glitchSplit;position:absolute;inset:0}.av-frame.frame-glitch:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 2px,#00ffe02e 3px,#ff00aa2e 4px) 0 0/100% 6px;animation:4s linear infinite glitchScan,2.4s step-end infinite glitchJitter;position:absolute;inset:-2px}@keyframes glitchSplit{0%{filter:hue-rotate();transform:translate(0)}50%{filter:hue-rotate(60deg);transform:translate(2px,-1px)}to{filter:hue-rotate(-40deg);transform:translate(-2px,1px)}}@keyframes glitchScan{to{background-position:0 60px}}@keyframes glitchShift{0%,82%,to{box-shadow:0 0 12px #00ffe073,0 0 18px #ff00aa59}86%{box-shadow:3px 0 12px #00ffe0b3,-3px 0 18px #ff00aab3}92%{box-shadow:-4px 0 14px #00ffe0cc,4px 0 18px #f0ac}}@keyframes glitchJitter{0%,80%,to{transform:translate(0)}84%{transform:translate(-2px,1px)}88%{transform:translate(3px,-2px)}94%{transform:translate(-1px,2px)}}.av-frame.frame-prism{background:linear-gradient(135deg,#ff4d4d,#ffd24d,#4dff8f,#4dd2ff,#b04dff,#ff4dd2) 0 0/200% 200%;animation:6s ease-in-out infinite prismDrift;box-shadow:0 0 14px #ffffff80}.av-frame.frame-prism:before{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:repeating-linear-gradient(115deg,#0000 0 6px,#ff505059 7px,#ffdc504d 9px,#50ff8c4d 11px,#50d2ff4d 13px,#b450ff59 15px,#0000 16px 22px) 0 0/200% 200%;animation:5s ease-in-out infinite prismCaustic;position:absolute;inset:0}.av-frame.frame-prism:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 32%,#ffffffe6 46%,#c8f0ff80 52%,#0000 66%) 0 0/250% 250%;animation:3.4s ease-in-out infinite prismSheen;position:absolute;inset:0}@keyframes prismDrift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes prismCaustic{0%{background-position:0 0}50%{background-position:100% 60%}to{background-position:0 0}}@keyframes prismSheen{0%{background-position:130% 0}to{background-position:-30% 0}}@property --voidSpin{syntax:"<angle>";inherits:false;initial-value:0deg}.av-frame.frame-void{--voidSpin:0deg;background:radial-gradient(circle,#000 38%,#1a052e 70%,#3a0d6e 100%);animation:4.5s ease-in-out infinite voidHorizon;box-shadow:0 0 16px #7828dc99,inset 0 0 10px #000000e6}.av-frame.frame-void:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--voidSpin), transparent 0deg, #963cff8c 60deg, #5a1eb433 130deg, transparent 200deg, #be5aff80 290deg, transparent 360deg);filter:blur(1.5px);mix-blend-mode:screen;animation:11s linear infinite voidSwirl;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 40%,#000 62%,#0000 100%);mask:radial-gradient(circle,#0000 40%,#000 62%,#0000 100%)}.av-frame.frame-void:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle,#fff 0,#0000 1.3px),radial-gradient(circle,#d9bfff 0,#0000 1.1px),radial-gradient(circle,#b58cff 0,#0000 1.2px);background-position:8px 14px,40px 52px,60px 22px;background-size:70px 70px,96px 96px,82px 82px;animation:2.3s steps(2,end) infinite voidGlint;position:absolute;inset:-3px}@keyframes voidSwirl{to{--voidSpin:360deg}}@keyframes voidHorizon{0%,to{box-shadow:0 0 14px #7828dc80,inset 0 0 10px #000000e6}50%{box-shadow:0 0 28px #aa50ffd9,inset 0 0 12px #000000f2}}@keyframes voidGlint{0%{opacity:.25}to{opacity:.9}}.av-frame.frame-jade{background:linear-gradient(145deg,#0a3a22 0%,#1f8a52 40%,#5fe0a0 60%,#0d4a2c 100%);animation:4s ease-in-out infinite jadeGlow;box-shadow:0 0 12px #3cdc8c80,inset 0 0 8px #b4ffdc59}.av-frame.frame-jade:before{content:"";z-index:0;border-radius:inherit;filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='j'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.07' numOctaves='3' seed='7' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='9' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/svg%3E#j")saturate(1.2);mix-blend-mode:overlay;opacity:.85;background:conic-gradient(#145a378c,#78ffbe59,#0f462d99,#5fe0a066,#145a378c);position:absolute;inset:0}.av-frame.frame-jade:after{content:"";z-index:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 34%,#ebfff5e6 47%,#96ffd28c 53%,#0000 66%) 0 0/240% 240%;animation:4.2s ease-in-out infinite jadeSheen;position:absolute;inset:0}@keyframes jadeSheen{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes jadeGlow{0%,to{box-shadow:0 0 10px #3cdc8c73,inset 0 0 8px #b4ffdc4d}50%{box-shadow:0 0 22px #6effb4cc,inset 0 0 10px #d2ffeb73}}@media (prefers-reduced-motion:reduce){.av-frame[class*=frame-],.av-frame[class*=frame-]:before,.av-frame[class*=frame-]:after{animation:none!important}}.cosmetic-title{letter-spacing:.01em;white-space:nowrap;vertical-align:middle;border-radius:7px;margin-left:8px;padding:2px 8px;font-family:Inter,system-ui,sans-serif;font-size:.72em;font-weight:700;line-height:1.1;display:inline-block}.title-common{color:#d8c4a0;background:#78644647}.title-uncommon{color:#87dca6;background:#3fa06e2e}.title-rare{color:#8bbcff;background:#4682dc33}.title-epic{color:#d9a4ff;background:#a05adc38}.title-legendary{color:#ffe4a0;background:linear-gradient(90deg,#b48c2866,#e8c37a40);box-shadow:inset 0 0 0 1px #e8c37a80}.shop-tabs{gap:8px;padding:10px 18px 0;display:flex}.shop-frame-preview{width:76px;height:76px;margin:4px auto 2px}.shop-title-card{flex-direction:column;justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-title-sample{justify-content:center;align-items:center;min-height:30px;display:flex}.app-version{letter-spacing:.04em;color:var(--muted);opacity:.6;font-size:12px;font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:10px;right:14px}.shop-card.locked{opacity:.92}.shop-locked{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.shop-lock-label{text-align:center;color:var(--muted);align-items:center;gap:4px;font-size:11px;line-height:1.15;display:inline-flex}.shop-lock-label svg{opacity:.8;flex:none}.shop-prog{background:#00000073;border:1px solid #e8c37a2e;border-radius:999px;width:84%;height:5px;overflow:hidden}.shop-prog>span{background:linear-gradient(90deg, var(--gold-2), var(--gold));border-radius:999px;height:100%;display:block}.lb-row{cursor:pointer;transition:background .12s}.lb-row:hover{background:#e8c37a12}.player-inspect{flex-direction:column;align-items:center;gap:10px;width:min(360px,92vw);padding-top:30px;display:flex}.player-inspect .pi-name{overflow-wrap:anywhere;max-width:100%;margin:4px 0 0;font-size:22px}.player-inspect .pi-rank{align-items:center;gap:8px;font-size:13px;display:inline-flex}.player-inspect .pi-stats{width:100%;margin-top:6px}.turn-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.turn-timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--gold-2);border:1px solid var(--gold-dim);background:#00000059;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:13px;display:inline-flex}.turn-timer svg{color:var(--gold)}.turn-timer.low{color:#ff8a7a;border-color:#b3463c;animation:1s ease-in-out infinite timerPulse}.turn-timer.low svg{color:#ff8a7a}@keyframes timerPulse{0%,to{box-shadow:0 0 #ff503c00}50%{box-shadow:0 0 11px #ff503c8c}}@media (prefers-reduced-motion:reduce){.turn-timer.low{animation:none}}