.alpha{font-family:"Noto Sans Thai",sans-serif;line-height:1.9;background:radial-gradient(ellipse at 85% 25%,#38463455,transparent 50%),var(--ink);min-height:100vh}
.alpha button,.alpha input{font:inherit;font-size:14px;line-height:1.8}
.alpha button{min-height:44px}
.alpha button:disabled{cursor:not-allowed;opacity:.5;transform:none}
.alpha h1,.alpha h2,.alpha h3{font-family:"Chakra Petch","Noto Sans Thai",sans-serif;line-height:1.6;letter-spacing:normal}
.alpha h1{font-size:38px;margin:0 0 16px}
.alpha h2{font-size:23px;margin:0 0 14px}
.alpha-header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.alpha-header .brand{flex-shrink:0}
.alpha-scope{font-size:13px;color:#d6dcca}
.alpha-header-actions{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#alpha-sound{font-size:12px;padding:7px 12px;min-height:38px}
#alpha-sound[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
#connection-label{font-size:12px;color:#d5eb8e;line-height:1.8}
#connection-label[data-state="reconnecting"],#connection-label[data-state="offline"]{color:#ffbc80}
.alpha main{max-width:1320px;padding:42px 5% 55px;min-height:76vh}
.alpha main,.alpha section,.alpha form,.alpha .match-layout,.alpha .match-main,.alpha .battle-field,.alpha .alpha-arena,.alpha .alpha-hand{min-width:0}
.alpha-loading{text-align:center;padding:90px 20px}
.alpha-welcome{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;min-height:600px}
.alpha-welcome h1{font-size:clamp(40px,4.6vw,65px);line-height:1.5;margin-bottom:22px}
.alpha-welcome h1 span{color:var(--coral);display:block}
.welcome-copy{font-size:16px;line-height:2;color:#c2cbbd}
.personality-strip{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.personality-strip>span{font-size:12px;border:1px solid #677451;border-radius:8px;padding:8px 12px;color:#e1dfca}
.alpha-disclaimer{font-size:13px;line-height:1.9;color:#b2bca9;margin-top:26px}
.auth-panel,.room-panel{background:linear-gradient(145deg,#f7f0df,#e5e6d3);border:1px solid #b2b89c;border-radius:17px;padding:28px;color:#273125;box-shadow:0 14px 40px #0003}
.auth-tabs{display:flex;gap:8px;border-bottom:1px solid #8a947944;padding-bottom:18px;margin-bottom:22px}
.auth-tabs button{color:#38432f;border-color:#8a9479;flex:1;line-height:1.8}
.auth-tabs button[aria-pressed="true"]{background:#2e3b2a;color:#f4efd9;border-color:#2e3b2a}
.alpha form{display:grid;gap:17px}
.alpha label{font-size:14px;font-weight:600;display:block;line-height:1.8}
.alpha input{display:block;width:100%;min-width:0;min-height:48px;padding:10px 13px;background:#fffdf2;color:#263022;border:1px solid #879376;border-radius:7px;margin-top:7px;outline-offset:3px}
.alpha input:focus{outline:2px solid #db7048;border-color:#db7048}
.alpha input::placeholder{color:#727967}
.alpha .primary{font-size:15px;line-height:1.8;padding:12px 21px;border-color:#f07d57;background:#f78b62;color:#2a2a20;box-shadow:2px 3px 0 #313b2a}
.auth-panel .primary{margin-top:7px}
.account-note{font-size:12px;line-height:1.95;margin:23px 0 0;color:#68705d}
.alpha-profile{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #4b5545;margin-bottom:35px;font-size:14px;flex-wrap:wrap}
.alpha-profile strong{font-family:"Chakra Petch",sans-serif;font-size:18px;margin-left:8px}
.alpha-profile button{font-size:13px}
.lobby-shell{max-width:900px;margin:auto}
.lobby-intro{font-size:15px;color:#c1cdb8;line-height:2;margin-bottom:32px}
.lobby-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.lobby-choices .room-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lobby-choices .room-panel p{margin:0 0 12px;color:#58634e;font-size:14px;line-height:1.95}
.lobby-choices .room-panel h2{margin:0}
.lobby-choices form{width:100%;margin-top:auto}
.lobby-choices button{margin-top:auto}
.lobby-number{font-family:"Barlow Condensed",sans-serif;font-size:45px;color:#b96b44;line-height:1.3}
.lobby-shell>.account-note{color:#a9b59f}
.room-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
.room-top button{color:#3f4a35;border-color:#8a957c;font-size:13px}
.room-code{font-family:"Barlow Condensed",sans-serif;font-size:64px;line-height:1.5;letter-spacing:.12em;margin:15px 0 3px;word-break:break-all;color:#293925;user-select:all}
.room-help{font-size:13px;color:#606e53;margin:0 0 20px}
.room-members{list-style:none;margin:0;padding:0;border-top:1px solid #87957555}
.room-members li{display:flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #87957555;flex-wrap:wrap}
.member-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d1dcaf;font-family:"Chakra Petch",sans-serif;font-weight:bold;font-size:23px}
.room-members strong{font-size:17px;overflow-wrap:anywhere}
.room-members li>span:last-child{font-size:12px;color:#647254;margin-left:auto}
.waiting-slot{color:#79826f;font-size:14px}
.room-actions{margin-top:25px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.room-actions>button:not(.primary){color:#384732;border-color:#8a967b}
.room-actions p{font-size:14px;margin:0;flex:1}
.match-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:26px;flex-wrap:wrap}
.match-heading h1{font-size:32px;margin:4px 0}
.match-heading p{font-size:13px;margin:0;color:#c1cdb8;line-height:1.9}
.match-heading .eyebrow{color:var(--lime);font-size:14px;margin:0 0 9px}
.match-clock{text-align:right;min-width:155px;display:flex;flex-direction:column;align-items:flex-end}
.match-clock>span{font-size:12px;color:#bcc9b3}
.countdown{font-family:"Barlow Condensed",sans-serif;font-size:50px;line-height:1.25;font-variant-numeric:tabular-nums;color:var(--lime)}
.countdown.urgent{color:#ffb17d}
.clock-note{font-size:11px;line-height:1.9;color:#a7b49b}
.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px}
.match-message{border-left:4px solid var(--pink);background:#343b30;padding:14px 17px;font-family:"Chakra Petch",sans-serif;font-size:18px;line-height:1.9;border-radius:0 8px 8px 0;margin-bottom:15px;overflow-wrap:anywhere;min-height:65px}
.alpha-arena{border:1px solid #677852;border-radius:17px;background:radial-gradient(ellipse at center,#45513d,#28382c);padding:17px}
.alpha-hero-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:5px 0}
.alpha-hero{display:flex;align-items:center;gap:20px;background:#202b20;border:1px solid #82946f;border-radius:12px;padding:10px 15px;max-width:100%;text-align:left;flex-wrap:wrap}
.alpha .alpha-hero:disabled{opacity:1;cursor:default}
.alpha-hero>span:first-child{font-size:11px;line-height:1.8;color:#a9bb9d}
.alpha-hero strong{display:block;color:#f1f0df;font-family:"Chakra Petch",sans-serif;font-size:17px;line-height:1.7;overflow-wrap:anywhere;max-width:230px}
.alpha-hero.targetable{border-color:var(--coral);box-shadow:0 0 0 3px #ff775644}
.hero-life{display:flex;align-items:center;gap:7px;white-space:nowrap}
.hero-life b{font-family:"Barlow Condensed",sans-serif;font-size:34px;line-height:1.2;color:var(--pink);font-variant-numeric:tabular-nums}
.hero-life small{font-family:"Barlow Condensed",sans-serif;font-size:20px;line-height:1.3;color:#c3cdb7}
.hero-resources{display:flex;flex-direction:column;font-size:12px;line-height:1.9;color:#c7d8bb;text-align:right}
.hero-resources b{font-family:"Barlow Condensed",sans-serif;font-size:24px;color:#cce4ee}
.battle-field{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px 11px;min-height:240px;padding:25px 0}
.own-field{border-top:1px dashed #9aaf7255}
.field-placeholder{text-align:center;font-size:14px;color:#bccdab;line-height:1.9;margin:60px 12px}
.battle-unit{display:block;position:relative;flex:0 1 135px;width:135px;min-width:0;padding:8px;border:2px solid #9aa88a;border-radius:12px;background:#e5e8cf;color:#293a25;line-height:1.8;text-align:center;overflow:visible}
.alpha .battle-unit:disabled{opacity:1}
.battle-unit.has-guard{border-color:#f5c276;background:#f5d39c;box-shadow:0 0 0 2px #a87a3b}
.battle-unit.is-selected{border-color:#f58d69;box-shadow:0 0 0 4px #ff77565c;transform:translateY(-4px)}
.battle-unit:not(:disabled){box-shadow:0 0 0 2px #d5eb8e88}
.battle-keyword{display:block;font-size:11px;line-height:1.8;border-radius:5px;background:#2c43251a;padding:4px 2px;margin-bottom:8px;min-height:28px}
.battle-art{position:relative;display:grid;place-items:center;height:91px;border-radius:7px;background:radial-gradient(ellipse,#d3e4b1,#a9bc8d);overflow:visible}
.battle-unit.legendary .battle-art{background:radial-gradient(ellipse,#ffc67e,#ea9d6e)}
.battle-art img{position:absolute;width:108%;height:104%;object-fit:contain;left:-4%;bottom:0;transform:scale(var(--growth,1));transform-origin:center bottom;pointer-events:none}
.draft-icon{font-family:"Chakra Petch",sans-serif;font-size:42px;line-height:1.3;color:#41532d}
.draft-label{position:absolute;bottom:3px;background:#e6efcded;border-radius:4px;padding:1px 5px;font-size:10px;line-height:1.8;color:#465433}
.battle-unit>strong{position:relative;display:block;z-index:2;padding:8px 3px 3px;margin:0;background:inherit;font-family:"Chakra Petch",sans-serif;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.battle-unit-status{display:block;position:relative;font-size:12px;line-height:1.8;background:inherit;z-index:2;padding-bottom:6px}
.battle-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;position:relative;z-index:2;background:inherit}
.battle-stats>span{font-size:11px;line-height:1.8;background:#fff7dfb5;border:1px solid #5b6b3d33;border-radius:6px;padding:4px 2px}
.battle-stats b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:26px;line-height:1.25;font-variant-numeric:tabular-nums}
.battle-stats>span:first-child b{color:#974d2d}.battle-stats>span:last-child b{color:#923b58}
.battle-growth{display:block;position:relative;z-index:2;background:inherit;font-size:12px;line-height:1.8;padding-top:6px;color:#714525}
.alpha-turn-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #819a603f;padding-top:17px;margin-top:12px}
.alpha-turn-controls p{font-size:13px;line-height:1.9;flex:1;min-width:170px;margin:0;color:#d3e0c4}
.alpha-turn-controls button{flex-shrink:0;background:var(--lime)!important;border-color:var(--lime)!important;white-space:nowrap}
.alpha-hand-heading{display:flex;gap:15px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-top:24px}
.alpha-hand-heading h2{font-size:19px;margin:0}.alpha-hand-heading h2 span{font-family:"Barlow Condensed",sans-serif;margin-left:8px;color:#cedda9}
.alpha-hand-heading>span{font-size:12px;color:#b3c2a7}
.alpha-hand{display:flex;gap:12px;max-width:100%;overflow-x:auto;padding:16px 4px 24px;scroll-snap-type:x proximity;scroll-padding:4px;scrollbar-color:#9aa87a transparent}
.alpha-hand-item{flex:0 0 175px;min-width:0;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start}
.alpha-hand-card{display:flex;align-items:flex-start;flex-direction:column;gap:8px;flex:1;width:100%;padding:12px;border:2px solid #d9dfc4;border-radius:11px;background:#ece8d7;color:#293526;text-align:left;min-height:290px}
.alpha-hand-card.legendary{background:linear-gradient(130deg,#ffd798,#ff9f7c);border-color:#ffc572}
.alpha-hand-card.rare{background:linear-gradient(140deg,#e2d5e9,#c9c2dc);border-color:#c5b2dd}
.alpha-hand-card .cost{width:34px;height:34px;font-size:23px;flex-shrink:0}
.alpha-hand-card strong{font-family:"Chakra Petch",sans-serif;font-size:17px;line-height:1.8;overflow-wrap:anywhere;display:block;width:100%}
.hand-rule{font-size:13px;line-height:1.95;display:block;overflow-wrap:anywhere}
.hand-unit-stats{display:block;font-size:12px;line-height:1.8;padding-top:10px;margin-top:auto}
.hand-unit-stats b{font-family:"Barlow Condensed",sans-serif;font-size:21px;line-height:1.2}
.use-caption{font-size:12px;line-height:1.8;border-top:1px solid #75815a44;padding-top:7px;width:100%;color:#47583b}
.alpha-card-detail{font-size:12px!important;padding:8px!important;min-height:40px!important}
.match-sidebar{font-size:13px;line-height:1.95}
.match-sidebar h2{font-size:18px;margin:0 0 13px}
.alpha-rules{background:#eae8d4;color:#31432c;border-radius:12px;padding:18px;margin-bottom:25px}
.alpha-rules p{font-size:13px;line-height:2;margin:0 0 14px}
.alpha-rules .small-note{font-size:12px;line-height:1.95;color:#6f765f;margin:0}
.small-note{font-size:12px;line-height:1.95;color:#a9ba9d}
.alpha-battle-log{list-style:none;margin:0 0 20px;padding:0;max-height:410px;overflow-y:auto}
.alpha-battle-log li{padding:10px 0;border-bottom:1px solid #53614988;font-size:13px;line-height:1.95;color:#c3d0b7;overflow-wrap:anywhere}
.alpha-battle-log li.meme{color:var(--pink);font-size:15px;font-weight:600}
.alpha-battle-log li.hit{color:#ffca8a}
.match-secondary{display:flex;gap:10px;flex-wrap:wrap}.match-secondary button{font-size:12px;padding:8px 12px}
.match-result{background:var(--pink);color:#2b2f24;padding:24px;border-radius:13px;margin-bottom:25px;text-align:center}
.match-result h2{font-size:27px;line-height:1.6;margin-bottom:10px}.match-result p{font-size:14px;line-height:1.9;margin:0 0 18px;overflow-wrap:anywhere}
#alpha-feedback{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 28px);background:#f7f0dc;color:#293625;font-size:14px;line-height:1.9;border-radius:9px;padding:13px 18px;z-index:100;box-shadow:0 7px 25px #10190b88;opacity:0;pointer-events:none;overflow-wrap:anywhere}
#alpha-feedback.visible{opacity:1}
.alpha-dialog .draft-icon{font-size:80px}.alpha-dialog .draft-label{font-size:12px;padding:4px 8px}
.alpha-dialog .card-art{overflow:visible}.alpha-dialog .card-name{font-size:25px}.alpha-dialog .card-ability{font-size:14px;line-height:1.95}
.concede-confirm h2{font-size:26px;margin-top:0}.concede-confirm p{font-size:15px;line-height:1.9}.concede-confirm button{margin:10px 8px 0 0}
#alpha-fx{position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none;contain:strict}
#alpha-fx *{pointer-events:none!important;user-select:none}
.alpha-particle{position:absolute;transform:translate(-50%,-50%);font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:36px;line-height:1.8;white-space:nowrap;color:#ffcc8c;text-shadow:0 3px 0 #432d19,0 0 18px #e8984c;animation:alpha-float .95s ease-out both;pointer-events:none;z-index:5}
.alpha-particle.damage{font-family:"Barlow Condensed",sans-serif;font-size:52px;color:#ffe0a2}
.alpha-particle.growth{font-size:25px;color:var(--lime);text-shadow:0 2px 0 #2c4423,0 0 15px #a6cf73}
.alpha-particle.legendary{font-size:84px;color:var(--pink);text-shadow:0 4px 0 #222d20,0 0 25px #ff84b166;z-index:7}
.alpha-particle.meme{font-size:25px;background:#f6a4ba;color:#2b3225;padding:5px 12px;border:2px solid #293623;text-shadow:none;max-width:85vw;white-space:normal;text-align:center;line-height:1.8;border-radius:8px;animation-duration:1.5s;z-index:8}
.alpha-particle.spell{color:#ffac7d;text-shadow:0 0 15px #ff7855}
.alpha-particle.summon{font-size:23px;color:#e4efbb}
.alpha-particle.shockwave{font-size:150px;color:#ffc068;animation:alpha-ring .85s ease-out both;z-index:1}
.alpha-particle.attack-ghost{border:2px solid #ffc77d;background:#d6dcb6;border-radius:12px;box-shadow:0 0 25px #ffbb6f99;padding:8px;color:#2d3b26;animation:none;white-space:normal;font-size:13px;text-shadow:none;z-index:4}
.alpha-particle.attack-ghost .battle-art{display:grid;position:relative;place-items:center;height:91px}
.alpha-particle.attack-ghost .battle-art img{max-width:100%;height:100%;object-fit:contain;position:absolute;bottom:0;left:0}
.alpha-particle.attack-ghost>strong{display:block;font-size:14px;background:#d6dcb6;position:relative;line-height:1.8}
.alpha-particle.attack-ghost .battle-keyword,.alpha-particle.attack-ghost .battle-unit-status{display:block;font-size:11px;line-height:1.8}
.alpha-particle.subtle{animation:none;font-size:17px!important;border:1px solid #a8ba81;background:#253623f2;border-radius:15px;padding:5px 10px;line-height:1.8;color:#f4e8c3;text-shadow:none;white-space:normal;max-width:85vw}
@keyframes alpha-float{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}25%{opacity:1;transform:translate(-50%,-70%) scale(1.08)}70%{opacity:1;transform:translate(-50%,-95%) scale(1)}100%{opacity:0;transform:translate(-50%,-140%) scale(.95)}}
@keyframes alpha-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2) rotate(-25deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4) rotate(20deg)}}
@media(min-width:1400px){.alpha main{padding-left:0;padding-right:0}}
@media(max-width:1100px){.alpha-welcome{gap:35px}.match-layout{grid-template-columns:minmax(0,1fr)}.match-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.alpha-rules{grid-row:span 3;margin:0}.match-sidebar>h2{margin-bottom:0}.alpha-battle-log{max-height:230px;margin:0}.match-secondary{align-items:flex-start}.match-sidebar>.small-note{grid-column:1/-1}.battle-field{gap:18px}.battle-unit{flex-basis:145px;width:145px}}
@media(max-width:760px){.alpha-header{padding:18px 5%;gap:14px}.alpha-scope{font-size:12px;margin-left:auto}.alpha-header-actions{width:100%;margin:0;justify-content:space-between;gap:12px}.alpha main{padding:28px 5% 40px}.alpha-welcome{grid-template-columns:1fr;gap:32px;min-height:0}.alpha-welcome h1{font-size:41px;line-height:1.5}.welcome-copy{font-size:14px;line-height:2}.personality-strip{margin:20px 0;gap:8px}.personality-strip>span{font-size:12px;padding:7px 10px}.alpha-disclaimer{font-size:12px;line-height:1.95}.auth-panel,.room-panel{padding:23px 19px}.auth-panel h2{font-size:24px}.auth-tabs button{font-size:13px;padding:9px}.account-note{font-size:12px}.lobby-choices{grid-template-columns:1fr;gap:20px}.lobby-shell h1{font-size:30px;line-height:1.6}.lobby-intro{font-size:14px;line-height:2}.alpha-profile{margin-bottom:25px}.alpha-profile strong{font-size:17px}.room-code{font-size:54px;line-height:1.6;letter-spacing:.1em}.room-members li{gap:10px}.room-members strong{font-size:16px}.room-members li>span:last-child{font-size:11px}.match-heading{gap:18px;margin-bottom:22px}.match-heading h1{font-size:28px}.match-clock{min-width:120px}.countdown{font-size:43px}.clock-note{font-size:11px;max-width:160px}.match-message{font-size:17px;line-height:1.95;padding:12px 14px}.alpha-arena{padding:13px 10px}.alpha-hero-row{gap:10px}.alpha-hero{gap:13px;padding:9px 12px}.alpha-hero strong{font-size:16px;max-width:175px}.hero-life b{font-size:31px}.hero-life small{font-size:18px}.hero-resources{font-size:12px;text-align:left;width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.battle-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;min-height:270px;padding:22px 1px;align-items:start}.battle-unit{width:100%;padding:8px}.battle-field>.battle-unit:only-child{grid-column:1/-1;justify-self:center;width:min(150px,100%)}.field-placeholder{grid-column:1/-1;font-size:13px;margin:60px 8px}.battle-unit>strong{font-size:14px}.battle-keyword{font-size:11px}.battle-art{height:94px}.alpha-turn-controls{gap:14px}.alpha-turn-controls p{font-size:13px;line-height:1.9;flex-basis:100%;min-width:0}.alpha-turn-controls button{margin-left:auto}.alpha-hand-heading h2{font-size:18px}.alpha-hand-heading>span{font-size:12px}.alpha-hand-item{flex-basis:170px}.alpha-hand-card{min-height:290px}.alpha-hand-card strong{font-size:17px}.hand-rule{font-size:13px;line-height:1.95}.match-sidebar{display:block}.match-sidebar>*{margin-top:22px}.alpha-rules{margin-bottom:25px}.match-sidebar h2{font-size:18px}.alpha-battle-log{max-height:250px}.match-result{padding:22px 18px}.match-result h2{font-size:25px}.alpha-particle.meme{font-size:20px}.alpha-particle.legendary{font-size:65px}.alpha-particle.growth{font-size:21px}#alpha-feedback{font-size:13px}.alpha-dialog .card-name{font-size:24px}}
@media(max-width:375px){.alpha-header{gap:10px}.alpha-scope{font-size:11px}.alpha-welcome h1{font-size:36px}.match-heading{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px}.match-heading h1{font-size:24px}.match-heading .eyebrow{font-size:12px}.match-clock{min-width:0}.clock-note{font-size:10px}.countdown{font-size:40px}.battle-field{gap:20px 10px}.battle-unit{padding:7px}.alpha-hero strong{max-width:160px}.room-code{font-size:48px}.auth-panel,.room-panel{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){.alpha-particle{animation:none!important}.alpha-particle.attack-ghost,.alpha-particle.shockwave{display:none!important}}
.alpha .battle-art[data-growth="0"]{--growth:1}
.alpha .battle-art[data-growth="1"]{--growth:1.12}
.alpha .battle-art[data-growth="2"]{--growth:1.24}
.alpha .battle-art[data-growth="3"]{--growth:1.36}

/* The active hand is a compact fan; card bodies remain readable when lifted. */
.alpha .match-screen[data-match-status="active"] .match-main{padding-bottom:275px}
.alpha .match-screen[data-match-status="active"] .alpha-hand-tray{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(980px,100%);z-index:35;pointer-events:none;background:linear-gradient(#202923f5,#172218fa);border-top:1px solid #819a6044;border-radius:14px 14px 0 0;padding:10px 14px 0;isolation:isolate}
.alpha .alpha-hand-heading{margin:0;min-height:31px;align-items:center;gap:6px 15px;pointer-events:none}
.alpha .alpha-hand-heading h2{font-size:16px;line-height:1.8}
.alpha .alpha-hand-heading>span{font-size:12px;line-height:1.8}
.alpha .hand-selection-controls{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:5px 4px;pointer-events:none}
.alpha .hand-selection-controls button{pointer-events:auto;min-height:40px;font-size:13px;padding:7px 14px;line-height:1.8;max-width:70%;white-space:normal}
.alpha .hand-selection-controls .hand-clear-selection{max-width:none;width:40px;min-width:40px;padding:0;font-size:24px}
.alpha .hand-selection-label{font-size:12px;line-height:1.8;color:#c7d4bc;max-width:220px;overflow-wrap:anywhere}
.alpha .alpha-hand{position:relative;display:block;height:180px;max-width:100%;width:100%;padding:0;margin:0;overflow:visible;scroll-snap-type:none;pointer-events:none}
.alpha .alpha-hand-item{position:absolute;display:flex;flex-direction:column;gap:6px;min-width:0;flex:none;max-width:none;z-index:var(--fan-order,1);transform:rotate(var(--fan-angle,0deg));transform-origin:50% 100px;transition:transform .18s ease-out,filter .18s;pointer-events:auto;will-change:transform}
.alpha .alpha-hand-item.is-hand-raised{z-index:30;transform:translateY(var(--fan-lift,-150px)) rotate(0deg);filter:drop-shadow(0 10px 16px #0d160b88)}
.alpha .alpha-hand-card{display:flex;gap:7px;width:100%;min-height:0;height:auto;padding:11px;flex:none;cursor:grab;touch-action:pan-y;border-width:2px;box-shadow:0 3px 10px #0b170988;user-select:none}
.alpha .alpha-hand-card[aria-disabled="true"]{cursor:default;filter:saturate(.65)}
.alpha .alpha-hand-card[aria-disabled="true"]:hover{border-color:#e1d5b7}
.alpha .alpha-hand-card[aria-disabled="false"]{border-color:#d1e797}
.alpha .alpha-hand-card[aria-pressed="true"]{border-color:var(--coral);box-shadow:0 0 0 2px #ff775666}
.alpha .alpha-hand-card strong{font-size:16px;line-height:1.7;letter-spacing:normal}
.alpha .alpha-hand-card .hand-rule{font-size:12px;line-height:1.9;display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.alpha .alpha-hand-card .hand-unit-stats{font-size:11px;line-height:1.9;padding-top:3px;margin:0;white-space:normal}
.alpha .hand-unit-stats b{font-size:20px}
.alpha .fan-card-top{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;width:100%;position:relative}
.alpha .fan-card-top .cost{width:32px;height:32px;font-size:22px;line-height:1}
.alpha .fan-card-art{position:relative;display:grid;place-items:center;height:62px;background:#9caf7c66;border-radius:7px;overflow:visible;pointer-events:none}
.alpha .legendary .fan-card-art{background:#f78b6255}
.alpha .fan-card-art img{height:100%;width:110%;position:absolute;left:-5%;bottom:0;object-fit:contain;pointer-events:none}
.alpha .fan-card-art .draft-icon{font-size:34px;line-height:1}
.alpha .fan-card-art .draft-label{font-size:9px;line-height:1.7;bottom:0;padding:0 3px}
.alpha .hand-drag-handle{display:block;width:100%;border-top:1px solid #6d78534a;padding:7px 2px 2px;font-size:11px;line-height:1.8;color:#3e5033;touch-action:none;min-height:33px;cursor:grab}
.alpha .alpha-card-detail{background:#263724f2;line-height:1.8;min-height:35px!important;padding:5px 8px!important;font-size:11px!important}
.alpha .alpha-hand-item.is-hand-dragging{opacity:.22;pointer-events:none;transform:rotate(var(--fan-angle,0deg));filter:none}
.alpha.is-dragging-hand{user-select:none;cursor:grabbing}
.alpha .battle-field.is-drop-valid{outline:3px solid #d4e998;outline-offset:-4px;background:#9bc66026;border-radius:12px;box-shadow:inset 0 0 24px #adc87944}
.alpha .alpha-arena.is-drop-valid{outline:3px solid #eec385;outline-offset:3px;box-shadow:0 0 22px #fac47b44}
#alpha-hand-drag-layer{position:fixed;inset:0;z-index:85;pointer-events:none;overflow:clip;contain:strict}
#alpha-hand-drag-layer *{pointer-events:none!important;user-select:none}
.hand-drag-ghost{position:absolute;transform:translate(-50%,-50%) scale(.85);background:#ece8d7;color:#293526;border:2px solid #f0ba7c;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:7px;box-shadow:0 15px 30px #09120788;max-height:none;opacity:.96;font-size:13px;line-height:1.9;will-change:left,top}
.hand-drag-ghost.is-valid-drop{border-color:#daf39b;box-shadow:0 0 0 3px #bddb7a66,0 15px 30px #09120788}
.hand-drag-ghost .fan-card-top{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;width:100%}
.hand-drag-ghost .cost{width:32px;height:32px;font-size:22px}
.hand-drag-ghost .fan-card-art{height:62px;position:relative;display:grid;place-items:center;background:#9caf7c66;border-radius:7px}
.hand-drag-ghost .fan-card-art img{width:100%;height:100%;object-fit:contain;position:absolute;bottom:0}
.hand-drag-ghost strong{font-family:"Chakra Petch",sans-serif;font-size:16px;line-height:1.7}
.hand-drag-ghost .hand-rule{font-size:12px;line-height:1.9}
.hand-drag-ghost .hand-drag-handle{font-size:11px;padding-top:6px;border-top:1px solid #4e603844}
.hand-drag-ghost .hand-unit-stats{font-size:11px}.hand-drag-ghost .draft-label{font-size:9px}.hand-drag-ghost .draft-icon{font-size:34px}
.alpha .match-screen:not([data-match-status="active"]) .alpha-hand-tray{position:relative;margin-top:25px;min-height:290px}
@media(min-width:1101px){.alpha .match-screen[data-match-status="active"] .battle-field{min-height:215px;padding:18px 0}.alpha .match-screen[data-match-status="active"] .battle-art{height:75px}.alpha .match-heading{margin-bottom:17px}.alpha .match-message{min-height:0;padding:10px 15px}.alpha .match-heading .eyebrow{margin-bottom:5px}}
@media(max-width:760px){.alpha .match-screen[data-match-status="active"] .alpha-hand-tray{padding:8px 9px 0}.alpha .alpha-hand{height:168px}.alpha .alpha-hand-heading h2{font-size:14px}.alpha .alpha-hand-heading>span{font-size:10px}.alpha .hand-selection-controls{gap:7px;min-height:51px}.alpha .hand-selection-controls button{font-size:12px;min-height:40px;padding:7px 10px}.alpha .hand-selection-label{display:none}.alpha .alpha-hand-card{padding:10px;gap:6px}.alpha .alpha-hand-card strong{font-size:15px;line-height:1.75}.alpha .alpha-hand-card .hand-rule{font-size:12px;line-height:1.9}.alpha .fan-card-art{height:56px}.alpha .hand-drag-handle{min-height:40px;padding-top:8px;font-size:11px}.alpha .alpha-card-detail{font-size:11px!important}.alpha .match-screen[data-match-status="active"] .match-main{padding-bottom:265px}.alpha .match-screen[data-match-status="active"] .battle-field{min-height:245px;padding:18px 1px}.alpha .match-screen[data-match-status="active"] .battle-art{height:78px}.alpha .match-heading{margin-bottom:15px}.alpha .match-message{font-size:15px;min-height:0;padding:10px 13px}.alpha .alpha-turn-controls p{font-size:12px;line-height:1.9}.alpha .match-heading h1{font-size:26px}.alpha .match-heading .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.alpha .alpha-hand-item{transition:none!important}.hand-drag-ghost{will-change:auto}}
.alpha .hand-selection-controls{position:relative;z-index:50;background:#1b281e;border-top:1px solid #819a6044;border-radius:9px 9px 0 0}

/* Collection, saved decks and server-random free packs. */
.alpha .economy-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #5f70504d;padding:0 0 23px;margin:0 0 35px}
.alpha .economy-nav button{font-size:14px;line-height:1.8;padding:11px 18px;border-color:#6b7b5c;color:#d9e2cc}
.alpha .economy-nav button[aria-pressed="true"]{background:#efe9d4;color:#2a3826;border-color:#efe9d4;box-shadow:3px 3px 0 #111b0d}
.alpha .economy-nav button span{display:inline-grid;place-items:center;min-width:25px;min-height:25px;background:#34452b;color:#e6eeca;border-radius:20px;font-family:"Barlow Condensed",sans-serif;font-size:17px;line-height:1.2;margin-left:7px;padding:3px 7px}
.alpha .economy-empty{padding:60px 25px;border:1px dashed #748562;border-radius:14px;text-align:center}.alpha .economy-empty p{font-size:14px;line-height:1.9;color:#c1cdb4}
.alpha .economy-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;flex-wrap:wrap;margin-bottom:28px}
.alpha .economy-heading h1{font-size:38px;line-height:1.6;margin:0 0 10px}.alpha .economy-heading p:not(.eyebrow){font-size:14px;line-height:1.95;color:#bccbb1;margin:0}.alpha .economy-heading .eyebrow{margin-bottom:12px}
.alpha .saved-deck-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:linear-gradient(135deg,#35472c,#293c28);border:1px solid #8a9f68;border-radius:14px;padding:21px 23px;margin-bottom:30px}
.alpha .saved-deck-panel h2{font-size:25px;line-height:1.6;margin:0 0 7px}.alpha .saved-deck-panel h2 span{font-family:"Barlow Condensed",sans-serif;font-size:32px;font-variant-numeric:tabular-nums;color:var(--lime);margin-left:12px;white-space:nowrap}
.alpha .saved-deck-panel p{font-size:13px;line-height:1.95;color:#c7d5bc;margin:0}.alpha .saved-deck-panel .draft-state{color:#f4d29b;margin-top:7px}
.alpha .deck-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alpha .deck-buttons button{font-size:13px;padding:10px 16px}
.alpha .economy-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.alpha .collection-tile{min-width:0;border:2px solid #c2c9a9;border-radius:15px;padding:13px;background:linear-gradient(145deg,#eeebd8,#d8dfc4);color:#2d3d27;display:flex;flex-direction:column;gap:10px;box-shadow:0 7px 19px #101a0c33}
.alpha .collection-tile.rare{border-color:#bbacd8;background:linear-gradient(140deg,#e8ddef,#c8c2dc)}.alpha .collection-tile.legendary{border-color:#ffc777;background:linear-gradient(135deg,#f7c986,#f49d7d);box-shadow:0 0 0 3px #b3783944,0 10px 25px #101a0c55}
.alpha .collection-tile-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.alpha .collection-tile-top .cost{width:37px;height:37px;font-size:25px}.alpha .collection-rarity{font-family:"Barlow Condensed",sans-serif;font-size:15px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.alpha .collection-art-button{position:relative;border:0;min-height:144px;padding:0;border-radius:9px;width:100%;background:#718a5a22}.alpha .collection-art-button:hover{transform:none;outline:2px solid #6f804e;outline-offset:2px}
.alpha .collection-art{display:grid;place-items:center;position:relative;height:145px;overflow:visible;border-radius:8px;background:radial-gradient(ellipse,#f3efd799,#a5b77d44);pointer-events:none}.alpha .collection-art img{position:absolute;width:112%;height:100%;left:-6%;bottom:0;object-fit:contain;pointer-events:none}
.alpha .collection-art .draft-icon{font-size:56px;line-height:1.2}.alpha .collection-art .draft-label{font-size:10px;line-height:1.8;padding:2px 6px;bottom:4px}.alpha .collection-tile.is-locked .collection-art{filter:grayscale(.8);opacity:.48}
.alpha .collection-tile h2{font-size:20px;line-height:1.7;margin:0;overflow-wrap:anywhere;text-align:center;padding:2px 0}.alpha .collection-card-rule{font-size:13px;line-height:1.95;margin:0;padding:0 2px;overflow-wrap:anywhere}
.alpha .collection-ownership{display:flex;gap:6px 10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;line-height:1.9;margin:auto 0 0;padding-top:12px;border-top:1px solid #7b86604d}.alpha .collection-ownership>span{font-weight:600}
.alpha .deck-card-controls{display:grid;grid-template-columns:37px 24px 37px minmax(0,1fr);gap:6px;align-items:center}.alpha .deck-card-controls button{font-size:17px;min-width:0;min-height:39px;padding:5px 3px;line-height:1.8;border-color:#7b8861;color:#2d3e26}.alpha .deck-card-controls button:last-child{font-size:12px;line-height:1.8;padding:5px 7px}.alpha .deck-card-controls>span{font-family:"Barlow Condensed",sans-serif;font-size:24px;text-align:center;line-height:1.2}
.alpha .pack-balance{display:flex;flex-direction:column;align-items:flex-end;background:#313e2a;border:1px solid #74885b;border-radius:12px;padding:10px 22px;min-width:125px}.alpha .pack-balance>span{font-size:12px;line-height:1.8;color:#d1dcbb}.alpha .pack-balance>strong{font-family:"Barlow Condensed",sans-serif;font-size:53px;line-height:1.3;color:var(--gold);font-variant-numeric:tabular-nums}
.alpha .pack-workbench{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.2fr);gap:50px;align-items:center;background:radial-gradient(ellipse at 20% 50%,#a7773122,transparent 70%);padding:24px 0 35px;border-bottom:1px solid #64764e55;margin-bottom:35px}
.alpha .free-pack-display{position:relative;width:260px;max-width:100%;min-height:350px;padding:28px 23px 26px;border:2px solid #f8c88e;border-radius:3px;background:linear-gradient(110deg,#dd8050,#ffc887 45%,#f68f69 78%,#df794f);color:#382e22;transform:rotate(-5deg);justify-self:center;box-shadow:13px 16px 30px #10190b66;isolation:isolate}
.alpha .free-pack-display:before,.alpha .free-pack-display:after{content:"";position:absolute;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,#a65c4233 0 1px,#ffe3aa44 1px 5px)}.alpha .free-pack-display:before{top:0}.alpha .free-pack-display:after{bottom:0}
.alpha .pack-display-brand{font-family:"Chakra Petch",sans-serif;font-size:30px;line-height:1.4;font-weight:700;position:relative;z-index:2}.alpha .pack-display-question{font-family:"Chakra Petch",sans-serif;font-size:205px;line-height:1.3;position:absolute;right:10px;top:55px;color:#71452b28;z-index:0;pointer-events:none}
.alpha .free-pack-display h2{font-size:32px;line-height:1.6;margin:33px 0 22px;position:relative;z-index:2}.alpha .free-pack-display p{font-size:11px;line-height:1.9;margin:0;padding-top:12px;border-top:1px solid #65412b55;position:relative;z-index:2}
.alpha .pack-workbench-copy h2{font-size:30px;line-height:1.6;margin:0 0 16px}.alpha .pack-workbench-copy>p:not(.small-note){font-size:15px;line-height:2;color:#c6d3b9;margin:0 0 20px}
.alpha .pack-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 10px}.alpha .pack-odds>span{display:flex;flex-direction:column;gap:5px;border:1px solid #73865c;background:#2e3c29;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.8;color:#d1ddc2}.alpha .pack-odds b{font-family:"Barlow Condensed",sans-serif;font-size:29px;line-height:1.3;color:#e2edc6}.alpha .pack-odds>span:nth-child(2) b{color:#d4b8ed}.alpha .pack-odds>span:nth-child(3) b{color:#ffc379}
.alpha .pack-operation-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px}.alpha .pack-operation-buttons button{font-size:14px;line-height:1.8}
.alpha .pack-result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.alpha .pack-result-heading h2{font-size:29px;line-height:1.6;margin:0}.alpha .pack-result-heading .eyebrow{font-size:14px;margin-bottom:10px}.alpha .pack-result-heading button{font-size:13px}
.alpha .pack-reveal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.alpha .pack-reveal-card{min-width:0;animation:economy-reveal .55s ease-out both}.alpha .pack-reveal-card>.trading-card{width:100%;max-width:100%;margin:0}.alpha .pack-reveal-card .card-art{height:205px}.alpha .pack-reveal-card .card-name{font-size:24px}.alpha .pack-reveal-card .dialog-quote{font-size:14px;line-height:1.95;margin:18px 0 10px;color:#e6d6bb}.alpha .pack-reveal-card .dialog-note{font-size:12px;line-height:1.9;color:#c3ccb4}.alpha .pack-reveal-card>button{width:100%;font-size:13px;line-height:1.8;padding:10px;margin-top:8px}
.alpha .pack-card-back{min-height:500px;background:repeating-linear-gradient(135deg,#354b2d 0 2px,#2b3d27 2px 8px);border:3px solid #c3ae78;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;box-shadow:0 8px 24px #0b170a66;color:#e2d0a3}.alpha .pack-card-back>span{font-family:"Chakra Petch",sans-serif;font-size:35px;font-weight:700;line-height:1.5}.alpha .pack-card-back>b{font-family:"Chakra Petch",sans-serif;font-size:125px;line-height:1.2;color:#c6bc86}.alpha .pack-card-back>small{font-size:13px;line-height:1.8}
.alpha .pack-result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:25px;padding-top:18px}.alpha .lobby-next-steps{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 26px}.alpha .lobby-next-steps button{font-size:13px;border-color:#8b9c68;padding:9px 13px}.alpha .lobby-next-steps p{flex-basis:100%;font-size:12px;color:#c0ccae;line-height:1.9;margin:3px 0 0}
@keyframes economy-reveal{from{opacity:0;transform:translateY(20px) rotateY(30deg)}to{opacity:1;transform:none}}
@media(max-width:1100px){.alpha .economy-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.alpha .pack-workbench{gap:30px}.alpha .pack-reveal-grid{gap:20px}.alpha .pack-reveal-card .card-name{font-size:21px}.alpha .pack-reveal-card .card-art{height:185px}}
@media(max-width:760px){.alpha .economy-nav{gap:8px;margin-bottom:28px;padding-bottom:20px}.alpha .economy-nav button{font-size:12px;padding:9px 11px;flex:1;white-space:normal}.alpha .economy-nav button span{font-size:15px;min-width:20px;min-height:20px;margin-left:3px;padding:2px 5px}.alpha .economy-heading{gap:18px;margin-bottom:24px}.alpha .economy-heading h1{font-size:29px;line-height:1.6}.alpha .economy-heading p:not(.eyebrow){font-size:13px;line-height:1.95}.alpha .economy-heading .eyebrow{font-size:13px;line-height:1.8}.alpha .economy-heading>button{font-size:13px}.alpha .saved-deck-panel{padding:19px 17px;gap:17px}.alpha .saved-deck-panel h2{font-size:23px}.alpha .saved-deck-panel p{font-size:12px;line-height:1.95}.alpha .deck-buttons{width:100%;gap:10px}.alpha .deck-buttons button{font-size:12px;padding:9px 12px}.alpha .economy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.alpha .collection-tile{padding:10px;gap:9px}.alpha .collection-tile-top{gap:7px}.alpha .collection-tile-top .cost{width:31px;height:31px;font-size:22px}.alpha .collection-rarity{font-size:12px;letter-spacing:.03em}.alpha .collection-art,.alpha .collection-art-button{height:114px;min-height:114px}.alpha .collection-art .draft-icon{font-size:43px}.alpha .collection-art .draft-label{font-size:9px;padding:1px 3px}.alpha .collection-tile h2{font-size:17px;line-height:1.8}.alpha .collection-card-rule{font-size:12px;line-height:1.95}.alpha .collection-ownership{font-size:11px;line-height:1.9;padding-top:10px}.alpha .deck-card-controls{grid-template-columns:1fr 24px 1fr;gap:5px}.alpha .deck-card-controls button:last-child{grid-column:1/-1;font-size:12px;padding:5px 7px}.alpha .deck-card-controls>span{font-size:23px}.alpha .deck-card-controls button{min-height:37px;font-size:18px}.alpha .pack-balance{padding:8px 20px;min-width:100px}.alpha .pack-balance>strong{font-size:44px}.alpha .pack-workbench{grid-template-columns:1fr;gap:36px;padding:17px 0 30px}.alpha .free-pack-display{width:245px;min-height:330px}.alpha .free-pack-display h2{font-size:30px;margin-top:26px}.alpha .free-pack-display p{font-size:11px}.alpha .pack-workbench-copy h2{font-size:26px;line-height:1.7}.alpha .pack-workbench-copy>p:not(.small-note){font-size:14px;line-height:2}.alpha .pack-odds{gap:9px}.alpha .pack-odds>span{padding:10px;font-size:12px;line-height:1.8}.alpha .pack-odds b{font-size:27px}.alpha .pack-operation-buttons{gap:10px}.alpha .pack-operation-buttons button{font-size:13px;line-height:1.9}.alpha .pack-result-heading h2{font-size:26px}.alpha .pack-result-heading button{font-size:12px}.alpha .pack-reveal-grid{grid-template-columns:1fr;gap:32px}.alpha .pack-reveal-card,.alpha .pack-card-back{width:min(310px,100%);justify-self:center}.alpha .pack-reveal-card .card-name{font-size:25px}.alpha .pack-reveal-card .card-art{height:230px}.alpha .pack-card-back{min-height:440px}.alpha .pack-result-actions button{font-size:13px}}
@media(max-width:375px){.alpha .economy-nav button{font-size:11px;padding:9px 8px}.alpha .collection-tile{padding:9px}.alpha .collection-rarity{font-size:11px}.alpha .collection-tile h2{font-size:16px}.alpha .collection-card-rule{font-size:12px}.alpha .collection-art,.alpha .collection-art-button{height:105px;min-height:105px}}
@media(prefers-reduced-motion:reduce){.alpha .pack-reveal-card{animation:none!important}}
.alpha .lobby-next-steps>span{font-size:13px;line-height:1.9;border:1px solid #6d8052;border-radius:7px;padding:9px 13px;display:flex;align-items:center}

/* Each personality uses allowlisted presentation cues, never game-state effects. */
.alpha .battle-art:has([data-presentation="heckler"]),.alpha .fan-card-art:has([data-presentation="heckler"]),.alpha .collection-art:has([data-presentation="heckler"]){background:radial-gradient(ellipse at 48% 42%,#b6ffeb,#60cbbb 65%,#7b72b7)}
.alpha .battle-art:has([data-presentation="triple-yes"]),.alpha .fan-card-art:has([data-presentation="triple-yes"]),.alpha .collection-art:has([data-presentation="triple-yes"]){background:radial-gradient(ellipse at 48% 42%,#eff8b3,#d0df85 60%,#e6997e)}
.alpha .card-art:has([data-presentation="heckler"]){background:radial-gradient(ellipse,#b7fff0,#62caba 58%,#9680c8)}
.alpha .card-art:has([data-presentation="triple-yes"]){background:radial-gradient(ellipse,#f1f9bb,#d5e38c 58%,#edb19b)}
.alpha .symbol-card-art{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 3px #23352933)}
.alpha .battle-art .symbol-card-art{width:106%;height:112%;left:-3%;bottom:-2%;transform:none}
.alpha .fan-card-art .symbol-card-art{width:112%;height:112%;left:-6%;bottom:-6%;object-fit:contain}
.alpha .collection-art .symbol-card-art{width:110%;height:112%;left:-5%;bottom:-5%}
.alpha .card-art .symbol-card-art{width:112%;height:110%;left:-6%;bottom:-4%}
.alpha .portrait-card-art{object-fit:contain;object-position:center bottom}
.card-presentation{position:absolute;pointer-events:none!important;user-select:none;transform:translate(-50%,-50%);transform-origin:center;will-change:transform,opacity;font-family:"Chakra Petch","Noto Sans Thai",sans-serif;line-height:1.8}
.card-presentation *{pointer-events:none!important;user-select:none}
.presentation-emblem{width:min(240px,58vw);height:min(220px,54vw);z-index:3;animation:personality-emblem 1.05s cubic-bezier(.2,.7,.3,1) both;filter:drop-shadow(0 12px 10px #10201488)}
.presentation-emblem img{height:100%;width:100%;object-fit:contain}
.presentation-emblem.theme-heckler{animation-name:heckler-entrance}
.presentation-stamp{max-width:min(290px,82vw);padding:9px 17px;border:3px solid #29343a;border-radius:12px;background:#adf7e0;color:#234540;box-shadow:4px 5px 0 #273442;text-align:center;font-size:27px;font-weight:700;white-space:normal;line-height:1.8;z-index:10;text-shadow:none;animation:personality-stamp 1.05s ease-out both;transform:translate(-50%,-112%)}
.presentation-stamp.theme-heckler{background:#a7f5df;color:#243a43;border-color:#463269;box-shadow:5px 5px 0 #6f51a1}
.presentation-stamp.theme-triple-yes{background:#e1f59e;color:#334328;border-color:#334328;box-shadow:5px 5px 0 #f08d78;font-size:25px}
.presentation-projectile{font-size:19px;font-weight:700;line-height:1.8;background:#b5ffe7;color:#243d41;border:3px solid #423065;border-radius:13px 13px 3px 13px;padding:6px 12px;z-index:8;white-space:nowrap;box-shadow:3px 4px 0 #7353a3}
.presentation-projectile.theme-triple-yes{font-size:24px;line-height:1.4;text-transform:uppercase;border-color:#344228;background:#e9f7ab;color:#354329;box-shadow:3px 4px 0 #ec957c}
.presentation-flight-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4;animation:personality-trail .65s ease-out both}
.presentation-flight-trail .flight-line{fill:none;stroke:#71e1c3;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 10;filter:drop-shadow(0 0 3px #4dd8ba88)}
.presentation-flight-trail .flight-arrow{fill:none;stroke:#c2ffdf;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.presentation-flight-trail.theme-triple-yes .flight-line{stroke:#e4ed8b;stroke-dasharray:15 8;filter:drop-shadow(0 0 3px #d9e77c88)}
.presentation-flight-trail.theme-triple-yes .flight-arrow{stroke:#ffaf91}
.presentation-contact{font-size:93px;line-height:1;color:#b3ffe2;z-index:7;text-shadow:0 0 17px #51cbb9;animation:personality-impact .42s ease-out both}
.presentation-contact.theme-triple-yes{color:#f0f5a1;text-shadow:0 0 17px #f0ae7e}
.card-presentation.is-still{animation:none!important;will-change:auto}
.presentation-emblem.is-still{display:none}
.presentation-stamp.is-still{font-size:17px;line-height:1.8;padding:5px 10px;border-width:1px;box-shadow:none;transform:translate(-50%,-100%)}
.alpha-header-actions{flex-wrap:wrap}
#alpha-music,#alpha-install{font-size:12px;line-height:1.8;padding:7px 11px;min-height:38px}
#alpha-music[aria-pressed="true"]{background:#c6dca2;color:#293525;border-color:#c6dca2}
@keyframes personality-emblem{0%{opacity:0;transform:translate(-50%,-80%) scale(.35) rotate(-20deg)}35%{opacity:1;transform:translate(-50%,-57%) scale(1.12) rotate(3deg)}70%{opacity:1;transform:translate(-50%,-57%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-65%) scale(1.2)}}
@keyframes heckler-entrance{0%{opacity:0;transform:translate(-90%,-50%) scale(.4) rotate(-30deg)}30%{opacity:1;transform:translate(-50%,-57%) scale(1.15) rotate(5deg)}45%{transform:translate(-50%,-57%) scale(1) rotate(-4deg)}65%{opacity:1;transform:translate(-50%,-57%) scale(1.04) rotate(2deg)}100%{opacity:0;transform:translate(-50%,-65%) scale(1.1) rotate(0)}}
@keyframes personality-stamp{0%{opacity:0;transform:translate(-50%,-80%) scale(.5) rotate(-9deg)}20%{opacity:1;transform:translate(-50%,-112%) scale(1.06) rotate(2deg)}75%{opacity:1;transform:translate(-50%,-112%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-145%) scale(.98)}}
@keyframes personality-trail{0%,10%{opacity:0;stroke-dashoffset:45}25%{opacity:.85}70%{opacity:.9}100%{opacity:0;stroke-dashoffset:0}}
@keyframes personality-impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-20deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(20deg)}}
@media(max-width:760px){.alpha-header-actions{gap:8px 12px}#alpha-music,#alpha-install{font-size:11px;min-height:38px;padding:6px 9px}.presentation-stamp{font-size:23px;padding:7px 13px;line-height:1.9}.presentation-stamp.theme-triple-yes{font-size:22px}.presentation-projectile{font-size:16px;line-height:1.8;padding:5px 9px}.presentation-projectile.theme-triple-yes{font-size:21px}.presentation-contact{font-size:75px}.presentation-flight-trail .flight-line{stroke-width:4}.presentation-flight-trail .flight-arrow{stroke-width:5}}
@media(prefers-reduced-motion:reduce){.card-presentation,.presentation-flight-trail{animation:none!important}.presentation-flight-trail,.presentation-projectile,.presentation-contact,.presentation-emblem{display:none!important}.presentation-stamp{font-size:17px;line-height:1.8;box-shadow:none}}