html,body{overscroll-behavior:none;color:#17191c;background:#f5f5f5;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;container-type:size}button{box-sizing:border-box;min-width:44px;min-height:44px;font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #111}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default;opacity:.38}.arena-shell{isolation:isolate;box-sizing:border-box;background:#f8f8f8;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.studio-bg{z-index:-2;background:#f8f8f8 var(--studio-bg) center / cover no-repeat;position:absolute;inset:0}.studio-bg:after{content:"";background:#ffffff61;position:absolute;inset:0}.topbar{box-sizing:border-box;background:#fffffff5;border-block-end:5px solid #ec2029;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;min-width:0;display:grid}.brand{color:#ec2029;white-space:nowrap;align-items:baseline;gap:.35em;min-width:0;padding:clamp(8px,2cqmin,14px) clamp(10px,3cqw,22px);font-family:Barlow Condensed,sans-serif;font-size:clamp(19px,5.5cqw,30px);font-weight:900;display:flex;overflow:hidden}.brand span{color:#17191c;font-size:.68em}.profile-stat{border-inline-start:3px solid #ec2029;align-content:center;min-width:0;padding:.35em clamp(8px,2.5cqw,18px);font-family:Barlow Condensed,sans-serif;line-height:1;display:grid}.profile-stat small{white-space:nowrap;font-size:clamp(8px,2.2cqw,11px);font-weight:800}.profile-stat b{color:#ec2029;white-space:nowrap;font-size:clamp(17px,4.5cqw,24px)}.screen{box-sizing:border-box;min-width:0;min-height:0;display:grid;overflow:hidden}.lobby-view,.battle-view,.result-view{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;padding:clamp(10px,3cqmin,22px) clamp(12px,4cqw,28px);display:grid;overflow:hidden}.lobby-view{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:clamp(8px,2cqmin,16px)}.section-heading,.open-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-family:Barlow Condensed,sans-serif;font-weight:900;display:flex}.section-heading span{color:#ec2029;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(23px,7cqw,38px);line-height:.9;overflow:hidden}.section-heading b,.open-heading span{color:#fff;background:#17191c;flex:none;padding:.28em .5em;font-size:clamp(10px,2.8cqw,14px)}.create-zone{background:#fffffff0;border:4px solid #ec2029;gap:clamp(7px,1.5cqmin,12px);padding:clamp(10px,3cqw,18px);display:grid}.create-zone label,.open-heading b{font-family:Barlow Condensed,sans-serif;font-size:clamp(13px,3.6cqw,18px);font-weight:900}.entry-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.5cqw,10px);min-width:0;display:grid}.target-pills{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(3px,1cqw,7px);min-width:0;display:grid}.target-pill{color:#17191c;background:#fff;border:2px solid #17191c;place-content:center;min-width:0;min-height:48px;padding:.2em;font-family:Barlow Condensed,sans-serif;line-height:1;display:grid}.target-pill b{white-space:nowrap;font-size:clamp(10px,2.7cqw,14px)}.target-pill span{color:#ec2029;font-size:clamp(14px,4cqw,21px);font-weight:900}.target-pill.selected{color:#fff;background:#ec2029;border-color:#ec2029}.target-pill.selected span{color:#fff}.entry-pill{color:#ec2029;background:#fff;border:2px solid #ec2029;min-width:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(17px,5cqw,26px);font-weight:900}.entry-pill.selected{color:#fff;background:#ec2029}.pool-preview,.prize-strip{border-block:1px solid #c9c9c9;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.pool-preview span,.prize-strip span{text-align:center;border-inline-end:1px solid #c9c9c9;min-width:0;padding:.45em .2em;font-size:clamp(9px,2.4cqw,12px);font-weight:800;display:grid}.pool-preview span:last-child,.prize-strip span:last-child{border-inline-end:0}.pool-preview b,.prize-strip b{color:#ec2029;white-space:nowrap;font-size:1.35em}.primary-btn,.secondary-btn{color:#fff;background:#ec2029;border:3px solid #ec2029;width:100%;padding:.65em .9em;font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,5cqw,26px);font-weight:900}.secondary-btn{color:#ec2029;background:#fff}.open-heading{border-block-end:3px solid #17191c;padding-block-end:.25em}.match-list{align-content:start;gap:clamp(6px,1.3cqmin,10px);min-height:0;display:grid;overflow-y:auto}.match-row{box-sizing:border-box;background:#fffffff5;border-inline-start:4px solid #ec2029;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(7px,2cqw,14px);min-width:0;padding:clamp(7px,2cqmin,12px);display:grid;box-shadow:0 2px 8px #00000014}.status-dot{aspect-ratio:1;background:#20a15c;border-radius:50%;width:9px;box-shadow:0 0 0 4px #20a15c24}.match-name{min-width:0;display:grid}.match-name b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-name span{color:#727272;font-size:clamp(8px,2cqw,11px);font-weight:800}.match-row>strong{color:#ec2029;font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,5cqw,26px)}.match-row button{color:#ec2029;background:#fff;border:2px solid #ec2029;font-weight:900}.match-stake{text-align:end;min-width:0;display:grid}.match-stake strong{color:#ec2029;font-family:Barlow Condensed,sans-serif;font-size:clamp(17px,4.5cqw,24px);line-height:.9}.match-stake span{white-space:nowrap;font-size:clamp(8px,2cqw,10px);font-weight:900}.player-summary{background:#ffffffeb;border:2px solid #17191c;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.player-summary span{text-align:center;border-inline-end:1px solid #c9c9c9;min-width:0;padding:.35em .2em;font-size:clamp(8px,2.1cqw,11px);font-weight:800;display:grid}.player-summary span:last-child{border-inline-end:0}.player-summary b{color:#ec2029;white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,sans-serif;font-size:clamp(14px,3.8cqw,20px);overflow:hidden}.demo-note{color:#737373;text-align:center;font-size:clamp(8px,2.3cqw,11px);font-weight:800}.text-btn{color:#ec2029;background:0 0;justify-self:center;min-height:44px;font-size:clamp(11px,3cqw,14px);font-weight:900;text-decoration:underline}.battle-view{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:clamp(8px,2cqmin,16px)}.battle-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.battle-heading>div{text-align:center;min-width:0;display:grid}.battle-heading small{font-size:clamp(9px,2.5cqw,12px);font-weight:800}.battle-heading b{color:#ec2029;white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,6cqw,34px);overflow:hidden}.battle-heading>span{color:#17191c;font-family:Barlow Condensed,sans-serif;font-size:clamp(25px,7cqw,40px);font-weight:900}.prize-strip{background:#fffffff5;border:3px solid #ec2029}.streak-panel{color:#fff;background:#17191c;border-inline-start:5px solid #ec2029;gap:.35em;min-width:0;padding:.45em .65em;display:grid}.streak-copy{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;font-family:Barlow Condensed,sans-serif;display:flex}.streak-copy b{color:#fff;white-space:nowrap;font-size:clamp(16px,4.5cqw,23px)}.streak-copy span{color:#ff8b91;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(10px,2.7cqw,14px);font-weight:900;overflow:hidden}.streak-track{background:#555;height:8px;overflow:hidden}.streak-track i{width:calc(var(--streak-progress) * 100%);background:#ec2029;height:100%;transition:width .35s ease-out;display:block}.battle-stage{background:#ffffffd1;border-block:5px solid #ec2029;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,3cqw,20px);min-width:0;min-height:0;display:grid}.lock-status{color:#757575;text-align:center;justify-items:center;gap:.5em;min-width:0;font-size:clamp(9px,2.5cqw,13px);font-weight:900;display:grid}.lock-status i{aspect-ratio:1;background:0 0;border:3px solid;border-radius:50%;width:clamp(22px,7cqw,38px)}.lock-status.locked{color:#20a15c}.lock-status.locked i{background:currentColor;box-shadow:inset 0 0 0 6px #fff}.countdown{--progress:1;aspect-ratio:1;background:conic-gradient(#ec2029 calc(var(--progress) * 1turn), #dedede 0);text-align:center;border-radius:50%;place-content:center;width:clamp(104px,31cqw,170px);font-family:Barlow Condensed,sans-serif;display:grid;position:relative}.countdown:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.countdown b,.countdown small{z-index:1;position:relative}.countdown b{color:#17191c;font-size:clamp(44px,14cqw,72px);line-height:.75}.countdown small{margin-block-start:.65em;font-size:clamp(9px,2.5cqw,12px);font-weight:900}.countdown.danger{animation:.6s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{transform:scale(1.045)}}.choice-grid{background:#fff;border:4px solid #ec2029;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.choice-btn{color:#ec2029;background:#fff;border-inline-end:4px solid #ec2029;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:clamp(112px,25cqh,180px);padding:2px 4px 7px;font-family:Barlow Condensed,sans-serif;font-size:clamp(17px,5cqw,27px);font-weight:900;display:grid}.choice-btn:last-child{border-inline-end:0}.choice-btn.selected{background:#ffe8e9}.choice-btn canvas{width:100%;height:100%;min-height:0;display:block}.battle-note{color:#686868;text-align:center;margin:0;font-size:clamp(9px,2.5cqw,12px);font-weight:800}.result-view{grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:clamp(9px,2cqmin,16px)}.result-title{text-align:center}.result-title small{font-size:clamp(10px,2.6cqw,13px);font-weight:900}.result-title h2{color:#ec2029;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,11cqw,62px);font-weight:900;line-height:.95}.result-view.loss .result-title h2{color:#17191c}.reveal-row{background:#fffffff5;border:5px solid #ec2029;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(5px,2cqw,14px);min-height:0;display:grid}.reveal-row>span{color:#ec2029;font-family:Barlow Condensed,sans-serif;font-size:clamp(27px,8cqw,45px);font-weight:900}.reveal-row article{grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;place-items:center;min-width:0;min-height:0;padding:7px;display:grid}.reveal-row article:first-child{border-inline-end:2px solid #ec2029}.reveal-row article:last-child{border-inline-start:2px solid #ec2029}.reveal-row small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(9px,2.5cqw,13px);font-weight:900;overflow:hidden}.reveal-row strong{color:#ec2029;font-family:Barlow Condensed,sans-serif;font-size:clamp(16px,4.5cqw,24px)}.reveal-hand{aspect-ratio:1;place-items:center;width:min(100%,27cqh);min-height:0;display:grid}.reveal-hand canvas{width:100%;height:100%;display:block}.reveal-hand>b{color:#767676;font-size:clamp(11px,3cqw,16px)}.receipt{background:#ffffffe6;border-block:3px solid #17191c;display:grid}.receipt>div{border-block-end:1px solid #c9c9c9;justify-content:space-between;align-items:center;min-width:0;padding:.42em .7em;font-size:clamp(12px,3.4cqw,17px);font-weight:800;display:flex}.receipt-total{color:#ec2029;font-size:clamp(16px,4.5cqw,24px)!important;font-weight:900!important}.result-streak{background:#fff;border:2px solid #17191c;justify-content:center;align-items:center;gap:.65em;min-width:0;padding:.35em .7em;font-family:Barlow Condensed,sans-serif;font-weight:900;display:flex}.result-streak b{color:#ec2029;font-size:clamp(20px,5.5cqw,30px)}.result-streak span{font-size:clamp(12px,3.4cqw,17px)}.result-streak.complete{color:#fff;background:#ec2029;border-color:#ec2029;animation:.5s ease-in-out infinite alternate streak-breathe}.result-streak.complete b{color:#fff}.result-view.milestone .result-title h2{animation:.5s ease-in-out infinite alternate streak-breathe}@keyframes streak-breathe{to{transform:scale(1.035)}}.result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.streak-confetti{z-index:20;pointer-events:none;width:8px;height:16px;animation:confetti-fall 1.4s var(--confetti-delay) cubic-bezier(.2, .7, .35, 1) both;background:#ec2029;position:absolute;inset-block-start:-18px;inset-inline-start:var(--confetti-x)}.streak-confetti:nth-of-type(3n){background:#17191c}.streak-confetti:nth-of-type(4n){background:#f0b323}@keyframes confetti-fall{75%{opacity:1}to{opacity:0;transform:translateY(105cqh) rotate(var(--confetti-spin))}}.overlay{z-index:10;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffc7;place-items:center;padding:clamp(20px,6cqw,42px);display:grid;position:absolute;inset:0}.start-lockup{text-align:center;justify-items:center;gap:clamp(10px,2.5cqmin,20px);width:min(90%,440px);display:grid}.mini-hands{background:#fff;border:4px solid #ec2029;grid-template-columns:repeat(3,1fr);width:min(100%,310px);height:clamp(82px,20cqh,130px);display:grid}.mini-hands canvas{border-inline-end:3px solid #ec2029;width:100%;min-width:0;height:100%}.mini-hands canvas:last-child{border-inline-end:0}.start-lockup h1{color:#ec2029;letter-spacing:-.035em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,17cqw,94px);font-weight:900;line-height:.72}.start-lockup h1 span{color:#17191c}.start-lockup p{margin:0;font-size:clamp(12px,3.3cqw,16px);font-weight:800}.start-lockup .primary-btn{width:min(100%,300px)}@container (height<=590px){.topbar{border-block-end-width:3px}.lobby-view,.battle-view,.result-view{gap:6px;padding-block:7px}.create-zone{gap:5px;padding:7px}.choice-btn{height:88px}.battle-note,.demo-note,.player-summary{display:none}.countdown{width:88px}.countdown b{font-size:40px}}@container (aspect-ratio>=1){.lobby-view{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.section-heading{grid-column:1/-1}.create-zone{grid-area:2/1;align-content:center}.open-heading{grid-area:2/2;align-self:start}.match-list{grid-area:2/2;margin-block-start:42px}.demo-note{grid-column:1/-1}.battle-view{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)}.battle-heading,.prize-strip,.streak-panel{grid-column:1/-1}.battle-stage{grid-area:4/1}.choice-grid{grid-area:4/2;grid-template-columns:1fr}.choice-btn{border-block-end:4px solid #ec2029;border-inline-end:0;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:auto}.battle-note{grid-column:1/-1}.result-view{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.result-title{grid-column:1/-1}.reveal-row{grid-area:2/1/5}.receipt{grid-area:2/2;align-self:end}.result-streak{grid-area:3/2}.result-actions{grid-area:4/2}}