@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#081311;--panel:#10201d;--panel2:#142924;--gold:#e2bd72;--gold-light:#f6dfab;--ivory:#f2eee2;--muted:#90a69c;--green:#4ed6a4;--line:rgba(201,219,202,.12);--red:#e49282;--font:Vazirmatn,Tahoma,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font:14px/1.7 var(--font);color:var(--ivory);background:var(--bg)}button,a,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}svg{display:block;width:100%;height:100%}.hidden{display:none!important}.site-bg{position:fixed;inset:0;background:radial-gradient(ellipse at 80% 0,#173a2c66,transparent 48%),radial-gradient(ellipse at 0 60%,#28251b55,transparent 45%);pointer-events:none}.topbar{height:100px;max-width:1440px;padding:0 44px;position:relative;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:43px;height:43px;color:var(--gold)}.brand-type{font-size:30px;line-height:1.15;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.brand-type small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:9px;color:var(--muted)}nav{display:flex;height:100%;gap:36px;align-items:stretch}.nav-button{position:relative;background:none;color:var(--muted);font-size:13px;padding:0 3px}.nav-button.active{color:var(--gold-light)}.nav-button.active:after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--gold)}.top-actions{display:flex;align-items:center;gap:10px}.prototype-tag{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-left:10px}.prototype-tag i,.status-dot{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 10px #4ed6a477}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:#ffffff04;border:1px solid var(--line);border-radius:50%;padding:9px;color:var(--muted);transition:.2s}.icon-button:hover{background:#ffffff12;color:var(--gold-light)}.game-shell{max-width:1392px;margin:auto;padding:26px 44px 0;position:relative}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.3px;display:flex;align-items:center;gap:8px}.eyebrow b{color:#455b51;font-weight:400;padding:0 3px}.eyebrow>span{height:4px;width:4px;background:var(--gold);display:inline-block;transform:rotate(45deg)}h1{font-size:26px;margin:3px 0 0;font-weight:700;letter-spacing:-.7px}h2{margin:0}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;color:var(--muted);font-size:11px;padding:5px 0}.text-button>span{width:15px;height:15px}.text-button:hover{color:var(--gold-light)}.text-button:disabled{opacity:.3}
.scoreboard{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;background:linear-gradient(110deg,#13231ec9,#0c1d18);border:1px solid var(--line);border-radius:13px;min-height:86px;padding:10px 34px;box-shadow:0 12px 50px #0002;margin-bottom:20px}.team-score{display:flex;align-items:center;gap:12px}.team-score>div:not(.team-emblem){min-width:60px}.team-score small{display:block;font-size:10px;color:var(--muted)}.team-score strong{font-size:16px;font-weight:600}.team-emblem{width:42px;height:46px;padding:10px;color:var(--gold);background:#a58b3e14;border:1px solid #cfb77244;border-radius:10px}.team-emblem.rival{color:#a0b6ad;background:#7e9b8d15;border-color:#91aa9e33}.score{font-size:39px;font-weight:500;line-height:1.1;margin-right:auto;font-variant-numeric:tabular-nums}.milie{display:flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid #cfb77222;border-radius:6px;direction:rtl;min-width:75px;color:var(--gold)}.milie i{width:15px;height:15px}.milie b{font-weight:500;font-size:16px}.milie small{color:#b99f6b;font-size:9px}.theirs{flex-direction:row-reverse}.theirs .score{margin-right:0;margin-left:auto}.theirs>div:not(.team-emblem){text-align:left}.round-center{text-align:center;border-inline:1px solid var(--line);margin-inline:20px;font-size:10px;color:var(--muted)}.round-center>span{font-size:10px}.versus{display:flex;align-items:center;justify-content:center;gap:10px;font:9px Georgia;color:var(--gold);margin:2px 0}.versus i{height:1px;width:13px;background:#b89c5960}.round-center small{font-size:9px;color:#627e6e}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}.arena{height:530px;position:relative;isolation:isolate;overflow:hidden;background:#142a21 url('assets/arena.png') center 35%/cover;border:1px solid #68877433;border-radius:16px;box-shadow:0 20px 50px #0004}.arena-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07171211 10%,#07171218 40%,#07171277 100%),linear-gradient(90deg,#07171266,transparent 20%,transparent 80%,#07171266)}.arena-top{position:absolute;z-index:5;top:21px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.turn-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:5px 10px;background:#0a251cc7;border:1px solid #779a7444;border-radius:20px;color:#bccebd;backdrop-filter:blur(8px)}.turn-badge i{height:5px;width:5px;background:var(--green);border-radius:50%}.elapsed{display:flex;gap:6px;align-items:center;font-size:10px;color:#abc2ad}.elapsed i{width:14px;height:14px;color:#809e87}.elapsed b{font-weight:500;direction:ltr;font-variant-numeric:tabular-nums}.elapsed>span{font-size:9px;opacity:.7}.stage-caption{position:absolute;top:78px;left:20px;right:20px;text-align:center;z-index:1;text-shadow:0 2px 20px #001a10}.caption-kicker{font-size:9px;letter-spacing:1px;color:#c9b88b}.stage-caption h2{font-size:27px;font-weight:600;letter-spacing:-.9px;margin:7px 0 2px;color:#f1e9ce}.stage-caption p{margin:0;font-size:10px;color:#a7bcaa}.players{position:absolute;left:7%;right:7%;bottom:105px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;z-index:2;direction:ltr}.player{width:31%;position:relative;transform-origin:center bottom;transition:transform .4s,filter .3s;filter:drop-shadow(0 15px 10px #0005)}.player:nth-child(2){transform:translateY(-7px) scale(1.06);z-index:2}.player-portrait{width:100%;height:auto;aspect-ratio:240/260}.player-name{position:absolute;bottom:97%;left:10%;right:10%;text-align:center;direction:rtl;font-size:12px;font-weight:600;text-shadow:0 1px 6px #000;background:linear-gradient(90deg,transparent,#0c211b88,transparent)}.player-name small{display:block;font-weight:400;color:#b2bca7;font-size:9px;line-height:1.3}.player.selected:after{content:'';position:absolute;inset:15px 20% 0;border-bottom:2px solid var(--gold);border-radius:30%;filter:blur(10px);background:#e2bd7209;z-index:-1}.player.inspecting{animation:lean .7s ease-in-out}.player.removed{opacity:.25;filter:grayscale(1)}
.felt-table{position:absolute;left:-10%;right:-10%;height:213px;bottom:-58px;border-radius:50%;z-index:3;background:radial-gradient(ellipse at 50% 24%,#315f42 0,#1e4d36 24%,#123d2a 62%,#0d281d 100%);border:9px solid #31291d;box-shadow:0 -3px 0 #a6884766,0 -9px 0 #1e231c,0 -12px 0 #7f6a3933,0 -16px 30px #0006,inset 0 0 60px #0006;transform:perspective(700px) rotateX(16deg)}.felt-table:before{content:'';position:absolute;inset:0;border-radius:50%;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.table-line{position:absolute;inset:17px 26px;border-radius:50%;border:1px solid #b6b36733}.table-brand{position:absolute;left:40%;right:40%;top:42px;color:#bcbb7766;text-align:center;font-size:21px;line-height:1.2;font-weight:900}.table-brand>span{width:26px;height:19px;display:block;margin:0 auto 6px}.table-brand small{font-size:5px;letter-spacing:2px;white-space:nowrap;display:block;font-family:Georgia;margin-top:5px}.hands-layer{position:absolute;left:7%;right:7%;bottom:81px;display:flex;justify-content:space-between;z-index:4;direction:ltr}.hand-pair{width:31%;display:flex;gap:3px;align-items:center;justify-content:center}.hand-button{position:relative;isolation:isolate;background:none;padding:0;width:49%;transition:transform .25s,filter .25s;border-radius:18px;min-height:75px;-webkit-tap-highlight-color:transparent}.hand-button .hand-art{display:block;width:100%;aspect-ratio:120/100;filter:drop-shadow(0 8px 6px #0005)}.hand-button .hand-label{position:absolute;left:0;right:0;bottom:-8px;font-size:9px;color:#b2c3ad;opacity:0;transition:opacity .2s;direction:rtl}.hand-button:hover:not(:disabled),.hand-button.selected{transform:translateY(-9px)}.hand-button:hover .hand-label,.hand-button.selected .hand-label{opacity:1}.hand-button:before{content:'';position:absolute;left:10%;right:10%;top:30%;bottom:7%;border-radius:50%;border:1px solid transparent;background:transparent;z-index:-1;transition:.2s}.hand-button.selected:before{border-color:#e6c980aa;background:#e4c67615;box-shadow:0 0 20px #e4c67633}.hand-button.eliminated{opacity:.45;transform:translateY(4px)}.hand-button.pulse{animation:handPulse .4s ease}.hand-button.raised{transform:translateY(-24px) rotate(-8deg)}.hand-button.lined{transform:translateX(7px) rotate(10deg)}.hand-button.winning:before{background:#e6c98044;box-shadow:0 0 30px #ffd26577}.hand-button:disabled{cursor:default}.table-status{position:absolute;bottom:25px;left:22px;right:22px;display:flex;justify-content:center;align-items:center;gap:7px;z-index:5;color:#bbc7a6;font-size:10px;text-shadow:0 1px 4px #0009}.shuffle-orb{display:none;position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9df,#e1b251 45%,#986520 90%);box-shadow:0 0 20px #e2bd72aa;z-index:7;pointer-events:none;transition:transform .35s ease-in-out;left:0;top:0}.result-ribbon{position:absolute;left:50%;transform:translateX(-50%);bottom:150px;z-index:8;text-align:center;background:linear-gradient(100deg,#08281bf2,#123624f2);border:1px solid #c1ab6266;border-radius:12px;padding:14px 27px;min-width:240px;box-shadow:0 10px 30px #0007;backdrop-filter:blur(8px);animation:rise .4s ease}.result-ribbon strong{font-size:21px;display:block;color:var(--gold-light)}.result-ribbon small{font-size:11px;color:#b5c3ac}.result-ribbon.loss strong{color:#edb09d}
.control-panel{background:linear-gradient(150deg,#152721,#101f1a);border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:12px;height:530px}.panel-top{display:flex;justify-content:space-between;align-items:center}.round-chip{font-size:8px;color:#a8b6a6;border:1px solid #788a6c33;padding:1px 6px;border-radius:4px}.role-switch{display:flex;background:#081710;border:1px solid #69866b22;border-radius:7px;padding:3px;gap:3px}.role-switch button{flex:1;padding:6px 1px;font-size:10px;background:transparent;border-radius:5px;color:#8a9e8e;transition:.2s}.role-switch button.selected{background:#2d4232;color:#e5e9d7;box-shadow:0 1px 5px #0003}.role-switch button:disabled{opacity:.45}.decision-title>span{font-size:8px;color:#a18d61}.decision-title h2{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:3px 0 5px}.decision-title p{font-size:10px;color:#98ac9a;line-height:1.8;margin:0;min-height:36px}.selection-box{min-height:35px;border:1px dashed #8b9d7740;border-radius:6px;display:flex;align-items:center;gap:7px;color:#b8c4ae;font-size:10px;padding:6px 10px}.selection-box>span:first-child{width:17px;height:17px;color:var(--gold)}.primary-action{width:100%;border-radius:6px;padding:10px 13px;background:linear-gradient(105deg,#b9904f,#ead398 55%,#d3b272);color:#24271b;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 3px 15px #d9ad5120,inset 0 1px 0 #fff5;transition:filter .2s,transform .2s;min-height:42px}.primary-action>i{width:17px;height:17px}.primary-action:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.primary-action:disabled{filter:grayscale(.7);opacity:.35;box-shadow:none}.secondary-actions{display:flex;gap:8px}.secondary-actions button{flex:1;border:1px solid #667e5e55;border-radius:6px;padding:6px;font-size:10px;background:#213624;color:#c0ceb5;display:flex;justify-content:center;align-items:center;gap:10px}.secondary-actions button:disabled{opacity:.3}.secondary-actions b{font-weight:400;background:#40523a;border-radius:4px;padding:0 6px;font-size:11px}.observation-controls{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:9px;color:#7c9680}.observation-controls>div{display:flex;gap:6px}.observation-controls button{font-size:9px;display:flex;align-items:center;gap:4px;background:none;border:1px solid #607e5b22;border-radius:4px;padding:5px 6px;color:#bacab5}.observation-controls i{width:13px;height:13px}.observation-controls button:disabled{opacity:.3}.cube-controls{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;gap:8px;justify-content:space-between}.cube-controls>div{display:flex;gap:7px;align-items:center}.cube-face{width:27px;height:29px;display:grid;place-items:center;border:1px solid #9c8247;color:var(--gold);border-radius:5px;transform:rotate(-7deg);font-size:16px;box-shadow:2px 2px 0 #75613c55}.cube-controls strong{font-size:9px;font-weight:500;display:block}.cube-controls small{display:block;font-size:8px;color:#7a917a;max-width:120px;line-height:1.6}.cube-controls button{border:1px solid #b59b5666;border-radius:4px;white-space:nowrap;font-size:9px;background:#c7a04a0c;color:#d1b574;padding:5px 7px}.cube-controls button:disabled{opacity:.3}.insight-box{display:flex;gap:8px;align-items:flex-start;background:#071c133b;border:1px solid #749b6833;border-radius:6px;padding:9px;margin-top:auto;min-height:46px}.insight-box>span{flex-shrink:0;width:15px;height:15px;margin-top:2px;color:#7da875}.insight-box p{font-size:9px;line-height:1.8;margin:0;color:#91ae8a}.defense-styles label{font-size:9px;color:var(--muted)}.style-options{display:flex;gap:4px;margin-top:4px}.style-options button{flex:1;background:#0b1d16;color:#97ad99;border:1px solid #546e4f44;border-radius:4px;font-size:9px;padding:4px}.style-options .selected{color:var(--gold);border-color:#bda46388}.control-panel.defending{gap:9px}.control-panel.defending .observation-controls{display:none}.control-panel.defending .decision-title p{min-height:20px}.control-panel.defending .secondary-actions{display:none}
.cards-section{margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:19px;letter-spacing:-.4px;margin-top:3px;font-weight:600}.cards-hint{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.cards-hint i{width:15px;height:15px;color:var(--gold)}.cards-hint b{color:var(--gold);font-size:14px;font-weight:500}.card-deck{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}.game-card{position:relative;min-width:0;height:151px;border-radius:9px;background:linear-gradient(155deg,#1b3028,#101e19);border:1px solid #63815e40;overflow:hidden;text-align:center;isolation:isolate;padding:12px 6px 8px;display:flex;flex-direction:column;align-items:center;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:before{content:'';position:absolute;inset:5px;border:1px solid #7b97662b;border-radius:5px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#a4a05d0a,transparent 70%)}.game-card:after{content:'◆';position:absolute;right:10px;top:8px;color:#8da16f55;font-size:5px}.game-card:hover{transform:translateY(-6px);border-color:#bda36288;box-shadow:0 10px 25px #0005}.game-card.affordable:hover{background:linear-gradient(155deg,#284334,#17291f)}.card-cost{position:absolute;top:10px;left:12px;display:flex;gap:3px;align-items:center;font-size:13px;color:var(--gold)}.card-cost span{width:10px;height:10px}.card-art{width:39px;height:39px;margin:17px auto 10px;color:#c4b27c;filter:drop-shadow(0 2px 7px #e2bd7215)}.game-card strong{font-size:12px;font-weight:500}.game-card small{font-size:8px;color:#819b80;margin-top:3px;line-height:1.5}.game-card.catalog .card-art{opacity:.45}.card-flag{position:absolute;right:10px;top:9px;font-size:7px;color:#7e9580}.event-strip{margin-top:22px;display:flex;align-items:center;gap:16px;border-block:1px solid var(--line);padding:14px 0;font-size:10px;color:var(--muted)}.event-label{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#9eaf9b}.event-label i{height:4px;width:4px;background:var(--gold);border-radius:50%}.event-strip p{margin:0;flex:1;line-height:1.7}.event-strip button{font-size:10px;white-space:nowrap}.game-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;color:#536f5b;padding:20px 0;font-size:9px}.game-footer p{margin:0}.game-footer button{font-size:9px;color:#768c73}.game-footer>span{white-space:nowrap}
dialog{border:1px solid #7a8d5b55;border-radius:18px;background:#10251d;color:var(--ivory);padding:0;max-width:720px;width:calc(100% - 32px);box-shadow:0 30px 140px #000a;font-family:var(--font)}dialog::backdrop{background:#020b08c9;backdrop-filter:blur(9px)}.modal-frame{padding:35px;position:relative;max-height:85vh;overflow-y:auto}.modal-close{position:absolute;left:18px;top:18px}.modal-kicker{color:var(--gold);font-size:10px;margin:0 0 5px}.modal-frame h2{font-size:25px;font-weight:600;letter-spacing:-.5px;padding-left:30px}.modal-frame h3{font-size:15px;font-weight:500;margin:22px 0 6px;color:#d2d9bf}.modal-frame p,.modal-frame li{font-size:12px;color:#a5b9a5;line-height:2}.modal-frame ul{padding-right:20px}.modal-frame a{color:var(--gold);text-decoration:underline}.modal-frame .primary-action{margin-top:18px}.modal-card-icon{width:70px;height:70px;margin:14px 0;color:var(--gold)}.modal-note{border-right:2px solid #b39855;background:#b3985509;padding:12px;font-size:11px;color:#b4b596;line-height:1.9;margin:16px 0}.modal-cost{display:inline-flex;gap:5px;align-items:center;background:#b2984622;border:1px solid #b2984644;border-radius:6px;padding:4px 10px;color:var(--gold);font-size:13px}.modal-cost span{height:16px;width:16px}.modal-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.modal-options button{flex:1;min-width:130px;border:1px solid #8ba16a55;background:#233c29;border-radius:7px;padding:11px;font-size:12px}.modal-options button.gold{color:#19261b;background:linear-gradient(100deg,#c19d5c,#e9ce91);border-color:#d9bd7a}.modal-options button small{display:block;font-size:9px;opacity:.7}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.roster-player{border:1px solid #82936833;border-radius:9px;background:#0b1d15;padding:10px}.roster-portrait{height:130px;margin:auto;max-width:130px}.roster-player h3{text-align:center;margin:0;font-size:16px}.roster-player>p{text-align:center;font-size:10px;margin:0 0 14px}.stat-row{display:flex;align-items:center;gap:6px;font-size:8px;color:#9db095;margin:5px 0}.stat-row>span{width:45px}.stat-row i{height:3px;background:#314a33;flex:1;border-radius:3px;overflow:hidden}.stat-row em{height:100%;display:block;background:var(--gold);border-radius:3px}.stat-row b{font-size:9px;font-weight:400;color:#cfc69f}.replay-route{display:flex;flex-wrap:wrap;gap:7px;direction:ltr;margin:20px 0}.replay-route span{border:1px solid #6c8c5555;background:#183323;padding:7px 10px;border-radius:6px;color:#cccb9d;font-size:10px}.replay-route i{font-style:normal;color:#688b61;padding-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:11px 22px;border-radius:8px;background:#263d2cf5;border:1px solid #d5bc7755;color:#eadcb7;box-shadow:0 7px 30px #0007;font-size:12px;z-index:99;opacity:0;pointer-events:none;transition:.3s;direction:rtl}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes lean{50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes handPulse{50%{transform:translateY(-14px) rotate(8deg);filter:brightness(1.3)}}@keyframes rise{from{opacity:0;bottom:140px}to{opacity:1;bottom:150px}}
@media(min-width:1500px){.arena,.control-panel{height:570px}.players{bottom:103px;left:8%;right:8%}.stage-caption{top:95px}.hands-layer{left:8%;right:8%}.control-panel{gap:17px}.decision-title{margin-top:4px}}
@media(max-width:1100px){.topbar{padding:0 26px}.game-shell{padding:22px 26px 0}.play-layout{grid-template-columns:minmax(0,1fr) 272px;gap:13px}.control-panel{padding:17px;gap:12px}.arena,.control-panel{height:510px}.stage-caption h2{font-size:23px}.players{left:3%;right:3%;bottom:112px}.hands-layer{left:3%;right:3%;bottom:86px}.stage-caption{top:96px}.scoreboard{padding-inline:25px}.card-deck{gap:8px}.game-card{height:144px}.game-card strong{font-size:11px}.card-cost{left:9px}.game-footer p{display:none}}
@media(max-width:820px){.topbar{height:79px;padding:0 20px;gap:18px}.brand-type{font-size:25px}.brand-mark{width:35px;height:35px}.brand-type small{font-size:8px}nav{gap:20px}.nav-button{font-size:11px}.prototype-tag{display:none}.top-actions{gap:6px}.game-shell{padding:20px 18px 0}.game-heading{margin-bottom:18px}h1{font-size:23px}.play-layout{grid-template-columns:1fr}.arena{height:510px}.control-panel{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 17px;padding:20px}.panel-top,.role-switch,.decision-title,.insight-box{grid-column:1/-1}.decision-title p{min-height:0}.selection-box,.primary-action{align-self:center}.secondary-actions,.observation-controls{min-height:35px}.cube-controls{grid-column:1/-1}.insight-box{margin:0}.control-panel.defending{gap:12px}.defense-styles{grid-column:1/-1}.stage-caption{top:70px}.players{left:12%;right:12%;bottom:109px}.hands-layer{left:12%;right:12%;bottom:79px}.card-deck{grid-template-columns:repeat(4,1fr);gap:10px}.game-card{height:142px}.card-art{margin-top:14px}.scoreboard{grid-template-columns:1fr 105px 1fr;padding:13px 18px}.team-score{gap:9px}.team-emblem{width:34px;height:38px;padding:7px}.team-score strong{font-size:14px}.team-score>div:not(.team-emblem){min-width:48px}.score{font-size:30px}.milie{min-width:0;padding:3px 6px}.milie small{display:none}.round-center{margin-inline:12px}.arena-top{left:20px;right:20px}.game-footer{flex-wrap:wrap;gap:5px}.game-footer button{margin-right:auto}.game-footer p{display:none}}
@media(max-width:520px){.topbar{padding:0 15px;height:73px;gap:13px}.brand{gap:7px}.brand-mark{width:27px;height:30px}.brand-type{font-size:23px}.brand-type small{display:none}nav{gap:14px}.nav-button{font-size:10px}.top-actions .icon-button{width:29px;height:29px;padding:7px}#helpButton{display:none}.game-shell{padding:18px 12px 0}.game-heading h1{font-size:21px}.game-heading .eyebrow{font-size:8px}.game-heading .text-button{font-size:9px}.scoreboard{padding:12px 11px;grid-template-columns:1fr 73px 1fr;min-height:82px}.team-score{gap:7px;flex-wrap:wrap;position:relative;padding-bottom:19px}.team-emblem{display:none}.team-score small{font-size:8px}.team-score strong{font-size:12px}.score{font-size:29px}.milie{position:absolute;right:0;bottom:-2px;border:0;background:none;padding:0;font-size:10px;gap:3px}.milie b{font-size:11px}.milie i{width:11px;height:11px}.milie small{display:block;font-size:8px}.theirs .milie{right:auto;left:0}.round-center{margin:0 7px}.round-center>span{font-size:8px}.round-center small{font-size:7px}.arena{height:423px;border-radius:12px}.arena-top{top:15px;left:14px;right:14px}.turn-badge{font-size:8px;padding:4px 7px}.elapsed{font-size:9px}.elapsed>span{display:none}.stage-caption{top:70px}.caption-kicker{font-size:8px}.stage-caption h2{font-size:21px;margin-top:4px}.stage-caption p{font-size:8px}.players{left:2%;right:2%;bottom:102px}.player-name{font-size:10px;left:0;right:0}.player-name small{font-size:7px}.hands-layer{left:2%;right:2%;bottom:81px}.hand-button{min-height:55px}.hand-button .hand-label{font-size:7px;bottom:-8px}.felt-table{bottom:-60px;height:191px;left:-20%;right:-20%;border-width:7px}.table-brand{top:48px;font-size:17px}.table-brand>span{width:18px;height:15px}.table-brand small{font-size:4px;letter-spacing:1px}.table-status{bottom:22px;font-size:9px;left:10px;right:10px}.result-ribbon{bottom:137px;min-width:210px;padding:10px 17px}.result-ribbon strong{font-size:19px}.control-panel{padding:16px;gap:12px 9px;border-radius:12px}.selection-box{font-size:9px;padding:7px;min-height:41px}.primary-action{font-size:11px;padding:10px}.secondary-actions{gap:5px}.secondary-actions button{font-size:9px;padding:6px 2px;gap:5px}.observation-controls>span{display:none}.observation-controls>div{width:100%;justify-content:space-between}.observation-controls button{font-size:9px;padding:7px;flex:1;justify-content:center}.cards-section{margin-top:23px}.section-heading h2{font-size:18px}.section-heading .eyebrow{font-size:8px}.cards-hint{font-size:9px}.card-deck{gap:7px}.game-card{height:127px;border-radius:7px;padding-top:8px}.game-card:before{inset:4px}.card-art{width:28px;height:28px;margin-top:22px;margin-bottom:10px}.game-card strong{font-size:10px}.game-card small{font-size:7px}.card-cost{font-size:11px;top:9px;left:8px}.card-flag{font-size:6px;top:11px;right:8px}.card-cost span{width:8px;height:8px}.event-strip{gap:7px;align-items:flex-start;padding:13px 0;flex-wrap:wrap}.event-label{font-size:8px}.event-strip p{font-size:9px;min-width:200px}.event-strip button{font-size:9px;margin-right:auto}.game-footer{font-size:8px}.game-footer button{font-size:8px}.modal-frame{padding:26px 20px}.modal-frame h2{font-size:22px}.modal-frame p,.modal-frame li{font-size:11px}.modal-close{left:12px;top:12px}.team-grid{gap:6px}.roster-player{padding:6px}.roster-portrait{height:100px}.roster-player h3{font-size:14px}.roster-player>p{font-size:8px}.stat-row{gap:3px;font-size:7px}.stat-row>span{width:35px}.stat-row b{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:821px){.stage-caption{top:52px}.player-name{bottom:86%}}