@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4eee8;background:#111114;font-synthesis:none;--ink:#111114;--surface:#1b1b20;--line:#303036;--muted:#8f8e98;--orange:#ff754b;--cream:#f4eee8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s,border-color .18s}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:not(:disabled):hover{transform:translateY(-2px)}button{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:Space Grotesk,sans-serif;font-weight:500}button,input,a{touch-action:manipulation}.app{max-width:1440px;min-height:100svh;margin:auto;padding:0 64px}.site-header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid #ffffff0c}.brand{font-family:Space Grotesk;display:flex;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand-symbol{width:35px;height:35px;background:var(--orange);color:var(--ink);display:grid;place-items:center;border-radius:9px;margin-right:12px;font-size:22px;letter-spacing:-3px;padding-right:3px;transform:rotate(-8deg)}.brand-period{color:var(--orange)}.text-button{background:transparent;border:0;padding:0;font-size:12px;color:#b9b6bf}.text-button span{margin-left:12px;color:var(--orange)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--orange)}.home{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;padding:52px 0 32px;align-items:center}.home-art{min-width:0}.home-art>.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,4.4vw,62px);line-height:1.09;letter-spacing:-3px;margin-top:25px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.home-description{font-size:13px;line-height:1.8;color:var(--muted);margin-top:22px}.hero-hands{height:285px;position:relative;margin-top:15px;isolation:isolate}.hand{display:block;width:100%;aspect-ratio:1;background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:pixelated}.hand-0{display:grid;place-items:center;background-image:none}.hand-0:before{content:"?";font:500 100px Space Grotesk;color:#6c53604d}.hero-hand{position:absolute;width:240px;bottom:20px;filter:drop-shadow(10px 16px 12px #0005)}.hero-hand.first{left:-15px;transform:rotate(-16deg)}.hero-hand.second{right:8px;transform:scaleX(-1) rotate(-16deg)}.hero-vs{position:absolute;left:48%;top:40%;font-size:35px;color:#514044;font-weight:400}.hero-orbit{position:absolute;left:5%;right:4%;height:230px;top:20px;border:1px solid #ff754b15;border-radius:50%;transform:rotate(-15deg);background:radial-gradient(ellipse,#ff754b0c,transparent 65%);z-index:-1}.hero-orbit:after{content:"";position:absolute;top:20px;right:-20px;bottom:20px;left:-20px;border:1px solid #ff754b0c;border-radius:50%;transform:rotate(30deg)}.art-note{position:absolute;right:0;bottom:5px;color:#65616c;font-size:7px;letter-spacing:1.8px;line-height:1.8}.home-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:18px;color:#625f6a;font-size:9px;letter-spacing:.5px}.home-bottom>span:first-child{color:#b8a69f;letter-spacing:2px}.setup{border:1px solid var(--line);border-radius:16px;padding:32px;background:linear-gradient(140deg,#202025,#18181c);box-shadow:0 20px 60px #0002}.setup h2{font-size:25px;letter-spacing:-1px;margin-top:12px;line-height:1.25}.mode-picker{display:grid;gap:9px;margin:26px 0}.mode-picker button{border:1px solid var(--line);background:#161619;display:flex;align-items:center;text-align:left;border-radius:8px;padding:16px 14px;gap:13px}.mode-picker button.selected{border-color:#c05b3f;background:#ff754b0a}.mode-icon{font-size:27px;width:28px;text-align:center;color:#85818d}.selected .mode-icon{color:var(--orange)}.mode-picker button>span:nth-child(2){font-size:13px;font-weight:500}.mode-picker small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.mode-picker i{width:13px;height:13px;border:1px solid #514951;border-radius:50%;margin-left:auto}.mode-picker .selected i{background:var(--orange);box-shadow:inset 0 0 0 3px #30211e;border-color:var(--orange)}label{font-size:11px;color:#c5bfc8;display:block;margin-bottom:9px}input{width:100%;min-width:0;border:1px solid #3b353e;background:#141418;color:var(--cream);padding:13px 14px;border-radius:6px;outline:none;font-size:12px}input:focus{border-color:var(--orange)}input::placeholder{color:#66616e}form>label:not(:first-child){margin-top:22px}.wickets-setting{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.wickets-setting label{margin:0 0 6px}.wickets-setting small{font-size:9px;color:#79737f}.stepper{display:flex;align-items:center;background:#141418;border:1px solid #3b353e;border-radius:6px;flex-shrink:0;height:40px}.stepper button{border:0;background:transparent;width:28px;font-size:17px;color:#c8c0c9;padding:0}.stepper input{width:38px;text-align:center;border:0;background:transparent;padding:5px 0;border-radius:0;font-size:15px;font-family:Space Grotesk;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.primary{border:1px solid var(--orange);background:var(--orange);color:#1f1512;font-size:12px;font-weight:700;padding:13px 21px;border-radius:6px}.primary:not(:disabled):hover{background:#ff8b69}.start-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px}.primary>span{margin-left:20px;font-size:16px}.setup-note{text-align:center;font-size:9px;color:#79727e;margin-top:13px;line-height:1.6}.join-switch{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding-top:21px;border-top:1px solid var(--line);gap:12px;font-size:9px;color:#817b87}.join-switch button{font-size:10px;color:#d3c8ce}.join-switch button span{margin-left:4px}footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#5e5966;padding:26px 0;border-top:1px solid #ffffff0a}footer i{color:#a26b56;font-style:normal;margin-left:9px}.error{background:#452a25;border:1px solid #80523f;color:#ffccb3;padding:12px 16px;border-radius:6px;font-size:12px;display:flex;justify-content:space-between;align-items:center;margin:12px 0;position:relative;z-index:20}.error button{background:transparent;border:0;font-size:20px;margin-left:20px}.lobby{text-align:center;max-width:650px;margin:65px auto}.lobby h1{font-size:48px}.lobby-hands{display:flex;justify-content:center;align-items:center;gap:50px;margin:28px 0 12px}.lobby-hands>.hand{width:180px}.lobby-hands>span:not(.hand){color:#55414a;font-size:30px}.empty-seat{opacity:.2;filter:grayscale(1)}.lobby-names{display:flex;justify-content:space-around;font-size:13px;color:#bdabb6;max-width:470px;margin:auto}.lobby>p{margin:32px 0 15px;font-size:12px;color:var(--muted)}.invite{display:flex;gap:10px;max-width:520px;margin:auto}.invite .primary{white-space:nowrap}.waiting-dot{display:block;font-size:10px;color:#7b717e;margin-top:22px}.waiting-dot:before{content:"";width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--orange);margin-right:9px;animation:pulse 1.5s infinite}.in-match{max-width:1440px;padding:0 64px}.game{max-width:1100px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.game-nav{height:66px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.back-link{font-size:16px;color:#6e636e;display:flex;align-items:center;gap:9px}.back-link span{font:600 13px Space Grotesk;letter-spacing:-.4px;color:#a1919c}.match-context{font-size:8px;letter-spacing:2px;color:#a2949f}.match-context>span{color:#5a535e}.help-button{background:transparent;border:1px solid #38313a;color:#9b8b97;border-radius:50%;width:23px;height:23px;padding:0;font-size:12px}.scoreboard{display:grid;grid-template-columns:1fr 150px 1fr;max-width:880px;width:100%;margin:18px auto 0;position:relative;z-index:1}.player-score{text-align:center}.player-name{font-size:15px;font-weight:500;color:#ddd0d7;display:flex;justify-content:center;align-items:center;gap:8px}.player-name>span{font-size:7px;letter-spacing:1px;color:#9f7562;border:1px solid #67483b60;padding:3px 5px;border-radius:3px}.player-name>span:empty{display:none}.score-line{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 3px}.score-line>strong{font:500 68px/.95 Space Grotesk;letter-spacing:-5px}.wicket-score{text-align:left;font:400 28px Space Grotesk;color:#8f7a83;line-height:1}.wicket-score small{display:block;font:9px DM Sans;color:#6d5f6c;margin-top:8px;white-space:nowrap}.player-role{font-size:10px;color:#9c8792;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.bat-icon{display:inline-block;width:4px;height:11px;border-radius:1px;background:var(--orange);transform:rotate(35deg)}.ball-icon{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid #b89d9d}.score-middle{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px}.score-middle>span{font-size:8px;letter-spacing:2px;color:#7b6976}.score-middle .versus{font:italic 26px Georgia;color:#54434f;letter-spacing:0}.score-middle>strong{font:500 25px Space Grotesk;color:#d7b29d}.score-middle>small{font-size:9px;color:#756470}.arena{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;min-height:270px;flex:1;max-height:420px;width:100%;margin:auto;overflow:hidden}.arena-halo{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 23% 60%,#a8562e0d,transparent 40%),radial-gradient(ellipse at 77% 60%,#a8562e0b,transparent 40%)}.playing-hand{position:relative;align-self:center;justify-self:center;width:min(100%,280px);transition:transform .3s}.playing-hand .hand{filter:drop-shadow(0 14px 18px #0005)}.playing-hand.own .hand{transform:rotate(-11deg)}.playing-hand.opponent .hand{transform:scaleX(-1) rotate(-11deg)}.playing-hand .hand-0{opacity:.9}.playing-hand.locked .hand{filter:drop-shadow(0 12px 18px #ff6a2815)}.hand-status{display:block;text-align:center;font-size:7px;letter-spacing:2px;color:#70606c;margin-top:10px;height:15px}.locked .hand-status{color:#d78660}.revealing .hand-status{font:500 17px Space Grotesk;color:#b99481;letter-spacing:0}.center-stage{text-align:center;position:relative;z-index:3}.stage-prompt .eyebrow{font-size:7px;letter-spacing:1.5px;line-height:1.7;display:block}.stage-prompt h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:14px 0 18px}.stage-actions{display:flex;justify-content:center;gap:8px}.stage-actions button{padding:11px 17px;font-size:11px;white-space:nowrap}.secondary{background:#211c21;border:1px solid #574049;color:#dfb8a8;border-radius:6px;font-size:12px;padding:13px 20px}.stage-prompt>p{font-size:11px;color:#8e7786;line-height:1.6}.idle-mark>span{font:300 24px Space Grotesk;color:#493844}.waiting-pips{display:flex;gap:6px;justify-content:center}.waiting-pips i{width:4px;height:4px;background:#cb886b;border-radius:50%;animation:pulse 1s infinite}.waiting-pips i:nth-child(2){animation-delay:.15s}.waiting-pips i:nth-child(3){animation-delay:.3s}.reveal-event{animation:pop .5s cubic-bezier(.2,1.4,.6,1);position:relative}.reveal-event>strong{display:block;font:700 76px/.9 Space Grotesk;letter-spacing:-6px;color:#f4d0b6;text-shadow:0 5px 0 #0004}.reveal-event>span{font-size:6px;letter-spacing:1.8px;color:#a58a85;display:block;margin-top:17px}.out .reveal-event>strong{color:var(--orange);transform:rotate(-8deg)}.six .reveal-event>strong{color:#ffb267;transform:rotate(-8deg);animation:six-type .65s ease-out}.out .playing-hand{animation:shake .4s}.revealing .own .hand{animation:reveal-own .5s ease-out}.revealing .opponent .hand{animation:reveal-other .5s ease-out}.six .reveal-event:before,.six .reveal-event:after{content:"";position:absolute;top:0;left:10px;width:5px;height:5px;background:#ffba7b;box-shadow:30px -25px #fff0d8,170px 12px #ff895c,-20px 50px #ad7455,150px 85px #ffbb8b;animation:sparks 1.5s forwards;pointer-events:none}.six .reveal-event:after{transform:rotate(30deg);animation-delay:.2s}.flying-ball{position:absolute;z-index:4;width:12px;height:12px;border-radius:50%;background:#f1ded0;border:2px solid #c2573f;left:35%;top:70%;box-shadow:-15px 15px #eed5bb33,-30px 30px #eed5bb11;animation:over-the-roof 1s ease-out forwards;pointer-events:none}.stumps{position:absolute;left:calc(50% - 24px);top:110px;width:48px;height:45px;pointer-events:none;opacity:.65}.stumps i{position:absolute;bottom:0;width:4px;height:36px;background:#e4bc97;left:7px}.stumps i:nth-child(2){left:21px;animation:stump-break .8s forwards}.stumps i:nth-child(3){left:35px}.stumps b{position:absolute;top:5px;left:7px;width:16px;height:3px;background:#f2ad77;animation:bail-fly 1s forwards}.stumps b:last-child{left:24px;animation:bail-fly-other 1s forwards}.result h2{font-size:35px}.result>p{font:400 17px Space Grotesk;color:#a78c98;margin-top:-3px}.result>p span{color:#61525d;margin:0 10px}.result>.primary{margin-top:20px;white-space:nowrap}.result>.text-button{display:block;margin-top:16px;font-size:10px;color:#72616d}.hand-picker{margin:auto auto 0;padding:16px 0 30px;width:100%;max-width:850px}.picker-status{display:flex;align-items:center;justify-content:space-between;color:#bba4b0;font-size:11px;margin:0 0 17px;min-height:15px}.picker-status>span{font-size:8px;color:#655663}.picker-status b{font-weight:400;padding:0 5px}.hand-options{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.hand-options button{border:1px solid #302830;background:linear-gradient(160deg,#201a21,#19151b);border-radius:9px;padding:4px 7px 10px;position:relative;transition:transform .15s,border-color .15s,background .15s}.hand-options button:disabled{opacity:.4}.hand-options button.chosen{opacity:1;background:#ff754b15;border-color:#c26746}.hand-options button:not(:disabled):hover{transform:translateY(-6px);border-color:#d37451;background:#35221f}.hand-options .hand{max-width:90px;margin:auto;pointer-events:none}.hand-options button>span:last-child{display:block;color:#d0b5c0;font:500 12px Space Grotesk;margin-top:4px}.hand-options small{font:7px DM Sans;color:#7e6777;margin-left:5px}.connection-notice{font-size:11px;text-align:center;color:#dba379;margin-bottom:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080bce;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;z-index:100}.rules-modal{max-width:430px;background:#201d23;border:1px solid #4a363f;border-radius:15px;padding:35px;position:relative;box-shadow:0 40px 100px #0008}.rules-modal h2{font-size:32px;letter-spacing:-1px;margin:14px 0 20px}.rules-modal>p{font-size:12px;line-height:1.9;color:#b6a4b1;margin:15px 0}.rule-row{display:flex;flex-direction:column;gap:6px;border-top:1px solid #44303c;padding:15px 0;font-size:12px}.rule-row strong{color:#ecc0a9;font-weight:500}.rule-row span{font-size:11px;color:#9e8597}.rules-modal .rule-note{font-size:10px;color:#917b8c}.rules-modal>.primary{width:100%;margin-top:12px}.close-modal{position:absolute;top:12px;right:16px;background:transparent;border:0;font-size:23px;color:#9f8496}@keyframes pop{0%{opacity:0;transform:scale(.4) rotate(-10deg)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes reveal-own{0%{transform:rotate(-11deg) translateY(18px)}50%{transform:rotate(8deg) translateY(-15px)}to{transform:rotate(-11deg)}}@keyframes reveal-other{0%{transform:scaleX(-1) rotate(-11deg) translateY(18px)}50%{transform:scaleX(-1) rotate(8deg) translateY(-15px)}to{transform:scaleX(-1) rotate(-11deg)}}@keyframes shake{20%,60%{translate:-4px 0}40%,80%{translate:4px 0}}@keyframes sparks{0%{opacity:1;translate:0 10px}to{opacity:0;translate:0 -50px}}@keyframes over-the-roof{0%{translate:0 0;scale:.5;opacity:0}20%{opacity:1}to{translate:420px -380px;scale:1.4;opacity:0}}@keyframes six-type{0%{scale:.2;rotate:-15deg}60%{scale:1.25;rotate:4deg}to{scale:1;rotate:0deg}}@keyframes stump-break{to{rotate:24deg;translate:8px 4px}}@keyframes bail-fly{to{translate:-45px -65px;rotate:-130deg;opacity:0}}@keyframes bail-fly-other{to{translate:45px -45px;rotate:190deg;opacity:0}}@media(min-width:1500px){.home{padding:65px 0 45px}.hero-hands{height:350px}.hero-hand{width:280px}.hero-hand.first{left:0}.hero-hand.second{right:0}.game-nav{height:80px}.scoreboard{margin-top:35px}.playing-hand{width:320px}.arena{max-height:500px}.hand-picker{padding-bottom:45px}.hand-options .hand{max-width:100px}}@media(max-width:1100px){.app{padding:0 36px}.home{gap:5%;grid-template-columns:1.15fr 1fr}.hero-hand{width:205px}.hero-hand.first{left:-18px}.hero-hand.second{right:-18px}.hero-hands{height:255px}.setup{padding:26px}.setup h2{font-size:23px}.in-match{padding:0 35px}.arena{grid-template-columns:1fr 210px 1fr}.playing-hand{width:230px}.scoreboard{max-width:760px}}@media(max-width:780px){.app{padding:0 24px}.home{grid-template-columns:1fr;max-width:540px;margin:auto;padding-top:35px;gap:30px}.home-art h1{font-size:46px}.home-description{font-size:12px}.hero-hands{height:255px;margin-top:0}.hero-hand{width:230px}.hero-hand.first{left:10px}.hero-hand.second{right:10px}.home-bottom{display:none}.setup{padding:28px}.site-header{height:82px}footer{margin-top:25px;font-size:8px}.in-match{padding:0 24px}.game-nav{height:60px}.scoreboard{margin-top:15px;grid-template-columns:1fr 90px 1fr}.score-line>strong{font-size:58px}.player-name{font-size:13px}.arena{grid-template-columns:1fr 180px 1fr;min-height:250px}.playing-hand{width:200px}.reveal-event>strong{font-size:60px}.stage-prompt h2{font-size:25px}.stage-actions{gap:6px}.stage-actions button{padding:10px 12px;font-size:10px}.stage-prompt .eyebrow{font-size:6px}.hand-options{gap:6px}.hand-options button{padding:4px 3px 10px}.hand-options .hand{max-width:80px}.hand-picker{padding-bottom:24px}.result h2{font-size:29px}}@media(max-width:540px){.app{padding:0 20px}.brand{font-size:23px}.site-header>.text-button{font-size:10px}.home-art>.eyebrow{font-size:7px;letter-spacing:1.6px}h1{letter-spacing:-2.5px}.home-art h1{font-size:43px;margin-top:20px}.home-description{margin-top:17px}.hero-hand{width:200px}.hero-hand.first{left:-15px}.hero-hand.second{right:-10px}.hero-hands{height:230px}.art-note{font-size:6px}.setup{padding:23px}.setup h2{font-size:24px}.lobby{margin:40px auto}.lobby h1{font-size:37px}.lobby-hands{gap:10px}.lobby-hands>.hand{width:135px}.invite{gap:6px}.invite .primary{font-size:10px;padding:12px}.in-match{padding:0 14px}.game-nav{height:52px}.back-link span{font-size:11px}.match-context{font-size:6px;letter-spacing:1px}.match-context>span{display:none}.scoreboard{grid-template-columns:1fr 76px 1fr;margin-top:20px}.score-line>strong{font-size:54px;letter-spacing:-3px}.wicket-score{font-size:22px}.wicket-score small{font-size:8px}.player-name{font-size:12px;gap:5px;overflow-wrap:anywhere}.player-name>span{font-size:6px;padding:2px 3px}.score-middle>small{font-size:7px}.player-role{font-size:9px}.arena{grid-template-columns:1fr 108px 1fr;min-height:270px;max-height:370px}.playing-hand{width:145px}.playing-hand.own{justify-self:end;margin-right:-12px}.playing-hand.opponent{justify-self:start;margin-left:-12px}.playing-hand.own .hand{transform:rotate(-17deg)}.playing-hand.opponent .hand{transform:scaleX(-1) rotate(-17deg)}.hand-status{font-size:6px;margin-top:7px;letter-spacing:1.1px}.center-stage{margin:0 -20px}.stage-prompt{background:#111114dc;border-radius:10px;padding:12px 3px}.stage-prompt h2{font-size:23px;margin:10px 0 14px}.stage-prompt .eyebrow{font-size:5px;letter-spacing:1px}.stage-actions{flex-direction:column;max-width:115px;margin:auto;gap:6px}.stage-actions button{padding:9px 10px}.stage-prompt>p{font-size:9px}.reveal-event>strong{font-size:49px;letter-spacing:-4px}.reveal-event>span{font-size:5px;letter-spacing:1px;margin-top:12px}.stumps{top:86px}.result h2{font-size:25px}.result>.primary{padding:10px 12px;font-size:10px;margin-top:14px}.result>.primary span{margin-left:8px}.result>.text-button{font-size:9px}.hand-picker{padding-top:10px;padding-bottom:20px}.picker-status{font-size:10px;justify-content:center;text-align:center;line-height:1.7;margin-bottom:15px}.picker-status>span{display:none}.hand-options{grid-template-columns:repeat(7,1fr);gap:4px}.hand-options button{border-radius:6px;padding:2px 0 8px}.hand-options .hand{width:100%;min-height:45px}.hand-options button>span:last-child{font-size:10px;margin-top:2px}.hand-options small{font-size:5px;display:block;margin:2px 0 0}.hand-options button:disabled{opacity:.35}.hand-options button.chosen{opacity:1}.rules-modal{padding:27px}.rules-modal h2{font-size:28px}.error{font-size:10px}.home footer{margin-top:20px}footer>span:last-child{font-size:7px}}@media(max-height:700px)and (min-width:781px){.game-nav{height:45px}.scoreboard{margin-top:5px}.score-line>strong{font-size:52px}.player-name{font-size:12px}.arena{min-height:220px}.playing-hand{width:205px}.hand-picker{padding:8px 0 15px}.hand-options .hand{max-width:70px}.picker-status{margin-bottom:10px}.home{padding-top:28px}.site-header{height:78px}.hero-hands{height:240px}.home h1{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wicket-picker{border:0;margin:22px 0;padding:0;min-width:0}.wicket-picker legend{font-size:12px;color:var(--cream);margin-bottom:10px;padding:0}.wicket-presets{display:flex;gap:8px;flex-wrap:wrap}.wicket-presets button{color:var(--cream);line-height:1.4;min-width:46px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:#151519;font-size:12px}.wicket-presets button[aria-pressed=true]{border-color:var(--teal);background:#7bcebd12;color:var(--teal)}.custom-wickets{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:12px}.custom-wickets input{width:85px;margin:0;padding:10px}.match-rules{border-block:1px solid var(--line);padding:14px 0;margin-bottom:18px}.match-rules .wicket-picker{margin:0}.wicket-apply{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.wicket-apply small{flex-basis:100%;color:var(--muted);font-size:10px}.tournament-summary{margin-top:14px;color:var(--violet);font-size:12px;line-height:1.8}.tournament-summary small{display:block;color:var(--muted);font-size:10px}.room-settings .settings-fields{grid-template-columns:1fr 1fr}@media(max-width:540px){.room-settings .settings-fields{grid-template-columns:1fr}}:root{--teal: #7bcebd;--blue: #91b9ec;--violet: #b4a0e5;--gold: #e7c278}.site-header{height:86px}.home{grid-template-columns:1fr 1.1fr;gap:6%;padding-top:36px;align-items:start}.home-art{padding-top:15px}.home-art>.eyebrow,.home-rules{color:var(--teal)}.home-art>.eyebrow>span{background:var(--teal)}.home-art h1 em{color:var(--teal);font-family:Space Grotesk,sans-serif;font-style:normal;font-weight:600}.home-description{max-width:390px;color:#aaa8b3}.hero-vs{color:var(--violet)}.hero-orbit{border-color:#91b9ec26}.hero-hand.first{filter:drop-shadow(-8px 14px 22px #7bcebd18)}.hero-hand.second{filter:drop-shadow(8px 14px 22px #b4a0e51c)}.home-rules{margin-top:12px}.setup{padding:28px;background:#1b1b20}.setup h2{margin-bottom:22px}.play-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.play-mode{--mode-color: var(--teal);display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:15px;min-width:0;border:1px solid var(--line);border-top:2px solid var(--mode-color);border-radius:9px;background:#151519;position:relative;transition:background .18s,border-color .18s}.play-mode.friend{--mode-color: var(--orange)}.play-mode.teams{--mode-color: var(--blue)}.play-mode.tournament{--mode-color: var(--violet)}.play-mode:hover,.play-mode.selected{border-color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 9%,#151519)}.play-mode.selected:after{content:"";position:absolute;top:17px;right:15px;width:7px;height:7px;background:var(--mode-color);border-radius:50%}.play-mode-icon{color:var(--mode-color);font:500 20px Space Grotesk;height:26px}.play-mode strong{font-size:14px;font-weight:600}.play-mode strong>span{color:var(--mode-color);margin-left:4px}.play-mode small{font-size:10px;line-height:1.5;color:#a09da9}.room-shortcuts{display:flex;flex-direction:column;gap:12px;margin-top:18px;font-size:11px;color:var(--blue)}.room-shortcuts a:hover{text-decoration:underline;text-underline-offset:3px}.room-shortcuts a>span{margin-left:5px}.setup-note{color:#9996a3}.secondary{background:#91b9ec08;border-color:#47586e;color:#bdd1ec}.player-score.you .score-line>strong,.player-score:first-child .player-role{color:var(--teal)}.player-score.rival .score-line>strong{color:var(--violet)}.player-name>span{border-color:#47776e;color:var(--teal)}.arena-halo{background:radial-gradient(ellipse at 23% 60%,#7bcebd0e,transparent 40%),radial-gradient(ellipse at 77% 60%,#b4a0e50e,transparent 40%)}.locked .hand-status,.waiting-dot{color:var(--teal)}.waiting-pips i{background:var(--teal)}.score-middle>strong{color:var(--gold)}.hand-options button.chosen{background:#7bcebd15;border-color:var(--teal)}.hand-options button:not(:disabled):hover{background:#91b9ec12;border-color:var(--blue)}.six .reveal-event>strong{color:var(--gold)}.rule-row:nth-of-type(odd) strong{color:var(--teal)}.rule-row:nth-of-type(2n) strong{color:var(--blue)}.rules-modal{border-color:#524964}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media(max-width:780px){.home{grid-template-columns:1fr;gap:24px;padding-top:18px}.home-art{padding-top:0}.home-art h1{font-size:38px;margin-top:12px}.home-art h1 br{display:none}.home-art h1 em:before{content:" "}.home-description{max-width:none;margin-top:12px}.hero-hands,.home-rules{display:none}.site-header{height:72px}}@media(max-width:540px){.setup{padding:20px}.play-mode{padding:12px}.play-mode strong{font-size:13px}.play-mode small{font-size:9px}.home-art h1{font-size:34px}}.hand-asset-gate{display:grid;place-items:center;min-height:360px;border:1px solid var(--line);border-radius:14px;background:#18181c;margin-bottom:20px;padding:24px;text-align:center}.hand-asset-status{color:var(--cream);font-size:13px;line-height:1.7}.hand-asset-status p{color:#b6b3bf;font-size:12px;margin:6px 0 12px}.score-with-role{position:relative;width:fit-content;margin-left:auto;margin-right:auto}.score-role-icon{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:block}.score-left .score-role-icon{right:calc(100% + 10px)}.score-right .score-role-icon{left:calc(100% + 10px)}.score-role-icon svg{width:100%;height:100%}.score-role-icon.batting{color:var(--gold,#eac68a)}.score-role-icon.bowling{color:#df786f}.score-celebration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.milestone-label{position:absolute;left:50%;top:-24px;white-space:nowrap;transform:translate(-50%);font:600 9px DM Sans;letter-spacing:1px;color:#ffe4ac;background:#29221bee;border:1px solid #d6a85e66;padding:5px 8px;border-radius:12px;animation:milestone-label 2.2s both}.milestone-100 .milestone-label{color:#fff0c4;border-color:#eac68a}.milestone-particles{position:absolute;left:50%;top:40%}.milestone-particles i{position:absolute;width:4px;height:6px;border-radius:1px;background:#eac68a;animation:milestone-burst 1.6s var(--delay) both}.milestone-particles i:nth-child(3n){background:var(--teal,#79d6ca)}.milestone-particles i:nth-child(3n+1){background:#f3ad85}@keyframes milestone-burst{0%{opacity:0;transform:translate(0) scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(.6)}}@keyframes milestone-label{0%{opacity:0;translate:0 6px}15%,75%{opacity:1;translate:0 0}to{opacity:0;translate:0 -4px}}@media(max-width:540px){.score-role-icon{width:18px;height:18px}.score-left .score-role-icon{right:calc(100% + 3px)}.score-right .score-role-icon{left:calc(100% + 3px)}.score-with-role>strong{font-size:44px}.score-with-role{gap:4px}.milestone-label{font-size:7px;letter-spacing:.3px;padding:4px 5px}}@media(prefers-reduced-motion:reduce){.milestone-particles{display:none}.milestone-label{animation:none}}.rules-modal{width:100%;max-height:calc(100svh - 44px);overflow-y:auto;overscroll-behavior:contain}.close-modal{width:40px;height:40px;display:grid;place-items:center;top:5px;right:7px}.help-button{width:32px;height:32px;flex-shrink:0}.picker-status>span{color:#a99da9}.hand-options small{color:#b7a5b2}@media(prefers-reduced-motion:reduce){.flying-ball,.six .reveal-event:before,.six .reveal-event:after{display:none}}.rooms-app{--teal: #7bcebd;--blue: #91b9ec;--violet: #b4a0e5;max-width:1800px;margin:auto;padding:0 28px 28px;min-height:100svh}.room-mode-picker .teams{--mode-accent: var(--blue)}.room-mode-picker .tournament{--mode-accent: var(--violet)}.rooms-app .room-mode-picker button.selected{border-color:var(--mode-accent);background:color-mix(in srgb,var(--mode-accent) 8%,#151519)}.live-match .player-score:first-child .score-line>strong{color:var(--blue)}.live-match .player-score:last-child .score-line>strong{color:var(--violet)}.room-welcome h1 em{color:var(--violet);font:inherit}.room-welcome>section>.eyebrow,.entry-panel>.eyebrow{color:var(--blue)}.room-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:86px;border-bottom:1px solid var(--line)}.room-label{color:var(--muted);font-size:10px;letter-spacing:1.5px}.rooms-app button:disabled{cursor:default}.room-welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;max-width:1100px;margin:55px auto}.room-welcome>section>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.room-welcome h1{font-size:62px}.welcome-hands{display:flex;align-items:center;height:270px;margin-top:20px}.welcome-hands>.hand{width:220px}.welcome-hands>.hand:last-child{transform:scaleX(-1)}.welcome-hands>span{color:#735d65;font:italic 30px Georgia}.room-panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#202025,#18181c);padding:24px;min-width:0;margin-bottom:20px}.room-panel h2{font-size:25px;letter-spacing:-.7px;margin:9px 0 18px}.room-panel h3{font:500 15px Space Grotesk;margin:0 0 15px}.room-panel h2 small{font:11px DM Sans;color:var(--muted);letter-spacing:0}.entry-panel{padding:32px}.entry-panel>label{margin-top:20px}.entry-panel>button{display:block;margin-top:22px;width:100%}.room-mode-picker{display:grid;gap:8px;margin-top:23px}.room-mode-picker button{border:1px solid var(--line);background:#151519;border-radius:8px;text-align:left;padding:13px 16px;font-size:13px}.room-mode-picker button.selected{border-color:var(--orange);background:#ff754b0c}.room-mode-picker small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.room-title-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.room-title-row h1{font-size:34px;margin:9px 0 10px;letter-spacing:-1px;overflow-wrap:anywhere}.room-title-row p:not(.eyebrow){font-size:11px;color:var(--muted)}.room-invitation{text-align:right;min-width:280px}.room-code{font:500 21px Space Grotesk;letter-spacing:4px;color:var(--orange);display:block;margin-bottom:9px}.room-invitation>div{display:flex;gap:8px}.room-invitation input{max-width:220px;font-size:10px}.room-invitation button{white-space:nowrap;padding:10px 14px;font-size:10px}.room-lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{margin-bottom:12px}.panel-note{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 15px}.room-player-list{list-style:none;padding:0;margin:15px 0 0}.room-player-list>li{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line);position:relative}.room-player-list>li.selected{background:#b4a0e510;outline:1px solid var(--violet);border-radius:6px}.player-chip{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;padding:0;flex:1;min-width:0}.player-chip:disabled{opacity:1}.player-chip strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.player-chip small{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:3px}.presence-dot{width:6px;height:6px;border-radius:50%;background:#625a62;flex-shrink:0}.presence-dot.online{background:var(--teal)}.ready-state{font-size:9px;color:#8e7f89;white-space:nowrap}.ready-state.is-ready{color:var(--teal)}.ready-button.secondary{color:var(--teal);border-color:#47776e}.ready-button.primary{color:#000}.roster>.panel-heading>button{padding:9px;font-size:10px;white-space:nowrap}.settings-fields{display:grid;grid-template-columns:1.2fr 1.1fr .75fr;gap:12px;margin:16px 0}.settings-fields label{font-size:10px;line-height:1.7;margin:0}.settings-fields input,.settings-fields select{margin-top:6px}.rooms-app select{width:100%;border:1px solid #3b353e;background:#141418;color:var(--cream);padding:12px;border-radius:6px;font:12px DM Sans}.room-settings>button{font-size:11px;padding:10px 15px}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.assignment-slot{border:1px dashed #63515b;background:#151217;min-height:60px;border-radius:8px;padding:12px;color:#ccb5c0;font-size:12px;width:100%;text-align:center}.assignment-slot:disabled{opacity:1}.assignment-slot.filled{border-style:solid;border-color:#5a4039;background:#ff754b06}.seat-grid .assignment-slot{min-height:210px}.seat-grid .hand{max-width:140px;margin:auto}.slot-caption{display:block;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#a58c98;margin-bottom:10px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.button-row button{font-size:11px}.empty-arrangement{text-align:center;padding:45px;color:var(--muted);font-size:12px}.team-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-column{border:1px solid #4a373e;border-radius:10px;padding:17px;background:#151217}.team-name-label{font-size:9px;color:#a58c98}.team-name-label input{margin-top:7px;font:500 16px Space Grotesk}.team-column ol{list-style:none;padding:0;margin:14px 0}.team-column li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.team-column li>span{font:12px Space Grotesk;color:var(--orange)}.team-column li>strong{font-size:12px;font-weight:500;flex:1;overflow-wrap:anywhere}.lineup-controls{display:flex;gap:4px}.lineup-controls button{background:#292029;border:1px solid #44333e;border-radius:3px;padding:3px 7px;font-size:11px}.selection-note{display:flex;align-items:center;gap:20px;background:#ff754b0b;border-radius:6px;padding:12px;margin-top:18px;font-size:11px}.selection-note>span{color:var(--orange)}.lobby-start{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.lobby-start p{font-size:11px;color:var(--muted);line-height:1.8}.lobby-start button{white-space:nowrap}.room-banner{background:#ff754b12;border:1px solid #8d543b;border-radius:8px;padding:15px;margin-top:16px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.room-live-layout{max-width:1100px;margin:auto}.room-live-layout.with-bracket{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;max-width:none;align-items:start}.live-match{padding:22px 24px 10px;overflow:hidden}.live-match-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-match-top>div{display:flex;align-items:center;gap:15px}.live-badge{font-size:9px;color:#ca997b;white-space:nowrap}.live-versus-title{text-align:center;font:500 17px Space Grotesk;padding:20px 0 5px;overflow-wrap:anywhere}.live-versus-title>span{font:italic 15px Georgia;color:#80676f;margin:0 9px}.live-match .scoreboard{grid-template-columns:1fr 90px 1fr;margin:15px 0 0;max-width:none}.live-match .score-line>strong{font-size:58px;letter-spacing:-3px}.live-match .arena{grid-template-columns:1fr 170px 1fr;min-height:270px;max-height:330px}.live-match .playing-hand{width:min(100%,230px)}.live-match .stage-prompt h2{font-size:24px}.live-match .stage-actions button{padding:10px 12px;font-size:10px}.live-match .result h2{font-size:27px;overflow-wrap:anywhere}.live-match .result>p{font-size:11px;line-height:1.7;margin:12px 0}.live-match .reveal-event>strong{font-size:62px}.live-match .hand-picker{padding:12px 0 6px}.live-match .hand-options{gap:6px}.live-match .hand-options .hand{max-width:72px}.live-match .hand-picker .panel-note{text-align:center;font-size:9px}.live-status{text-align:center;color:#cdb3bd;font-size:11px;line-height:1.8;padding:8px 0;min-height:35px}.pause-controls{border-top:1px solid #6b4334;padding:15px 0;color:#d4a589;font-size:11px;line-height:1.8}.pause-controls>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.pause-controls button{font-size:10px;padding:9px}.waiting-match{text-align:center;min-height:450px;display:flex;flex-direction:column;justify-content:center}.waiting-match>p:last-child{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px;margin:auto}.waiting-hands{display:flex;align-items:center;justify-content:center}.waiting-hands .hand{width:180px}.waiting-hands .hand:last-child{transform:scaleX(-1)}.waiting-hands>span{font:italic 25px Georgia;color:#6c505a}.tournament-bracket{position:sticky;top:18px;padding:20px}.tournament-bracket h2{font-size:23px}.bracket-rounds{max-height:70vh;overflow:auto;scrollbar-color:#615776 #19151b;padding-right:5px}.bracket-round{position:relative;padding-left:15px;border-left:1px solid #664437;margin-bottom:20px}.bracket-round h3{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--violet);margin:15px 0 10px}.bracket-node{background:#141216;border:1px solid #3b3038;border-radius:7px;padding:10px;margin-bottom:10px;position:relative}.bracket-node:before{content:"";position:absolute;left:-16px;top:50%;width:15px;border-top:1px solid #664437}.bracket-node.live{border-color:var(--orange);background:#ff754b07;box-shadow:0 0 0 2px #ff754b0b}.bracket-node.complete{border-color:#42645c}.bracket-node-heading{display:flex;justify-content:space-between;color:#a1828d;font-size:8px;margin-bottom:7px;text-transform:uppercase;letter-spacing:1px}.bracket-player{display:flex;justify-content:space-between;gap:9px;font-size:11px;padding:8px 0;color:#b5a5af;overflow-wrap:anywhere}.bracket-player+.bracket-player{border-top:1px solid #302731}.bracket-player strong{font:12px Space Grotesk;white-space:nowrap}.bracket-player.winner{color:var(--teal)}.bracket-node>button{width:100%;font-size:10px;padding:9px;margin-top:8px}.champion-card{background:linear-gradient(135deg,#ff754b15,#ff754b03);border:1px solid #996446;border-radius:10px;text-align:center;padding:22px;margin:12px 0 20px}.champion-card>span{display:block;font-size:8px;letter-spacing:2px;color:var(--orange)}.champion-card>strong{display:block;font:500 29px Space Grotesk;margin:12px 0;overflow-wrap:anywhere}.champion-card p{font-size:11px;color:#b9a1ab}.champion-card button{margin-top:18px;font-size:11px}.team-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.team-summary ol{list-style:none;padding:0}.team-summary li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.team-summary li.active{color:#ffb18d}.team-summary li>strong{white-space:nowrap;font-weight:500}@media(min-width:1400px){.room-live-layout.with-bracket{grid-template-columns:minmax(0,1fr) 440px}.live-match .arena{min-height:330px}.live-match .playing-hand{width:min(100%,270px)}.live-match .hand-options .hand{max-width:88px}}@media(max-width:1100px){.rooms-app{padding:0 24px 30px}.room-lobby-layout{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.room-live-layout.with-bracket{grid-template-columns:minmax(0,1fr) 315px;gap:16px}.room-panel{padding:20px}.live-match .arena{grid-template-columns:1fr 135px 1fr;min-height:250px}.live-match .playing-hand{width:180px}.live-match .score-line>strong{font-size:45px}.live-match .player-name{font-size:12px}.live-match .stage-actions{flex-direction:column}.live-match .center-stage{margin:0 -10px}.live-match .reveal-event>strong{font-size:48px}.room-welcome h1{font-size:50px}.settings-fields{grid-template-columns:1fr 1fr}.settings-fields>label:first-child{grid-column:1/-1}}@media(max-width:820px){.room-lobby-layout,.room-live-layout.with-bracket{grid-template-columns:1fr}.room-lobby-layout>.roster{grid-row:1}.room-player-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.room-title-row{flex-wrap:wrap}.room-invitation{width:100%;text-align:left;display:flex;align-items:center;gap:20px}.room-code{margin-bottom:0}.room-invitation>div{flex:1}.room-invitation input{max-width:none}.tournament-bracket{position:static}.bracket-rounds{display:flex;gap:20px;overflow:auto;max-height:none}.bracket-round{min-width:240px;flex:1}.bracket-node{min-width:220px}.room-welcome{grid-template-columns:1fr;max-width:550px;gap:22px;margin-top:35px}.room-welcome h1{font-size:49px}.welcome-hands{height:220px}.room-label{display:none}.live-match .arena{grid-template-columns:1fr 180px 1fr;min-height:280px}.live-match .stage-actions{flex-direction:row}.live-match .playing-hand{width:220px}.live-match .score-line>strong{font-size:58px}}@media(max-width:540px){.rooms-app{padding:0 14px 22px}.room-header{height:70px;gap:10px}.room-header .brand{font-size:23px}.room-header>.text-button{font-size:10px}.room-title-row{padding:25px 0;gap:18px}.room-title-row h1{font-size:28px}.room-invitation{gap:12px;flex-wrap:wrap}.room-code{font-size:17px;letter-spacing:2px}.room-invitation>div{min-width:240px}.room-panel{padding:18px}.room-panel h2{font-size:23px}.room-player-list,.team-editor,.settings-fields{grid-template-columns:1fr}.settings-fields>label:first-child{grid-column:auto}.lobby-start{flex-direction:column;align-items:stretch}.selection-note{flex-wrap:wrap;gap:12px}.seat-grid{gap:10px}.seat-grid .assignment-slot{min-height:180px;padding:10px}.seat-grid .hand{max-width:120px}.room-welcome h1{font-size:44px}.welcome-hands>.hand{width:155px}.welcome-hands{height:175px}.room-welcome>section>p:not(.eyebrow){font-size:12px}.live-match{padding:18px 10px 6px}.live-match .scoreboard{grid-template-columns:1fr 65px 1fr}.live-match .score-line>strong{font-size:43px}.live-match .wicket-score{font-size:20px}.live-match .player-name{font-size:11px}.live-match .player-role{font-size:8px;flex-wrap:wrap}.live-match .arena{grid-template-columns:1fr 112px 1fr;min-height:245px}.live-match .playing-hand{width:145px}.live-match .stage-actions{flex-direction:column}.live-match .stage-prompt h2{font-size:21px}.live-match .result h2{font-size:23px}.live-match .reveal-event>strong{font-size:46px}.live-match .hand-options{gap:3px}.live-match .hand-options small{font-size:5px}.live-match-top .eyebrow{font-size:7px;letter-spacing:1px}.live-versus-title{font-size:14px}.live-status{font-size:10px;padding:10px}.team-summary-grid{grid-template-columns:1fr;gap:10px}.pause-controls>div{flex-direction:column;align-items:start}.waiting-match{min-height:330px}.waiting-hands .hand{width:120px}.room-banner{font-size:11px}.room-banner button{font-size:10px;padding:9px}}.bracket-tree{display:flex;gap:18px;width:max-content;padding:0 4px 10px}.bracket-rounds{display:block;overflow:auto;max-height:70vh}.bracket-round{width:232px;min-width:232px;flex:none;border:0;padding:0;margin:0}.bracket-round h3{text-align:center;position:sticky;top:0;background:#1c1b20;z-index:3;padding:9px 0;margin:0}.bracket-matches{display:flex;flex-direction:column;justify-content:space-around}.bracket-node{height:var(--match-height, 180px);min-height:var(--match-height, 180px);margin:0;padding:9px}.bracket-node:before{left:-10px;top:50%;width:9px;height:var(--branch-height);transform:translateY(-50%);border:1px solid #615776;border-right:0}.bracket-node:after{content:"";position:absolute;right:-10px;top:50%;width:9px;border-top:1px solid #615776}.first-round .bracket-node:before,.last-round .bracket-node:after{display:none}.bracket-player>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bracket-node>button{font-size:9px;padding:6px;margin-top:5px}.bracket-node .pairing-forfeit{position:absolute;bottom:10px;left:9px;width:calc(100% - 18px);color:#e5a382;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-node:has(.pairing-forfeit)>button.secondary{visibility:hidden}.arrangement>.tournament-bracket{margin:18px 0 0;padding:0;border:0;background:none;position:static}.arrangement .bracket-rounds{max-height:420px}.arrangement .bracket-round{width:224px;min-width:224px}@media(min-width:1400px){.room-live-layout.with-bracket{grid-template-columns:minmax(0,1fr) 530px}}@media(max-width:820px){.bracket-rounds{display:block;max-height:500px}.bracket-round{min-width:160px}.bracket-node{min-width:0}}.room-bot-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.room-bot-controls label{margin:0;font-size:10px}.room-bot-controls input{display:block;width:65px;margin-top:7px;padding:9px 10px}.room-bot-controls .secondary{font-size:11px;padding:10px 12px}.room-bot-controls .text-button{font-size:10px;padding:10px 0}.room-bot-controls p{flex-basis:100%;font-size:10px;color:var(--muted);line-height:1.7}.room-bot-badge{display:inline-block;margin-left:6px;font-size:7px;letter-spacing:1px;border:1px solid #485f7d;padding:2px 4px;border-radius:3px;color:var(--blue);vertical-align:middle}.settings-disclosure{padding:15px 20px}.settings-disclosure>summary,.bot-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:12px}.settings-disclosure summary::-webkit-details-marker,.bot-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure summary small{color:var(--muted);font-size:11px}.disclosure-action{color:var(--blue);white-space:nowrap}.disclosure-action:after,.bot-disclosure summary:after{content:" +"}details[open]>summary .disclosure-action:after,.bot-disclosure[open] summary:after{content:" −"}.settings-disclosure[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line)}.bot-disclosure{border-block:1px solid var(--line);margin:8px 0 14px;padding:12px 0}.bot-disclosure summary{color:var(--blue);font-size:11px}.bot-disclosure summary span{color:var(--muted);font-size:9px;margin-left:auto}.bot-disclosure .room-bot-controls{border:0;padding-bottom:0}.roster .eyebrow,.room-code{color:var(--teal)}.mode-tournament>.eyebrow{color:var(--violet)}.mode-teams>.eyebrow{color:var(--blue)}.bracket-toolbar,.roster-selection{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.bracket-toolbar{padding:12px 0;border-block:1px solid var(--line)}.bracket-toolbar button{font-size:11px;padding:9px 12px}.entrant-count{color:var(--violet);font-size:11px;margin-right:auto}.roster-selection{justify-content:space-between;font-size:10px;color:var(--violet)}.roster-selection button{font-size:10px}.rooms-app .entrant-toggle{width:15px;height:15px;margin:0;flex:0 0 15px;accent-color:var(--violet);cursor:pointer}.player-chip[draggable=true]{cursor:grab}.player-chip[draggable=true]:active{cursor:grabbing}.room-player-list>li{padding:12px 5px}.bracket-node>.bracket-slot{width:100%;display:flex;align-items:center;justify-content:space-between;height:44px;margin:0;padding:7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--cream);text-align:left;font:11px DM Sans;gap:6px}.bracket-node>.bracket-slot.filled{background:#24212c;border-color:#51485f}.bracket-node>.bracket-slot.filled:not(:disabled){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.bracket-node>.bracket-slot:not(:disabled):hover{transform:none}.bracket-tile{display:flex;align-items:center;gap:7px;flex:1}.tile-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.tile-grip{color:#b4a0e5;font: 20px/1 sans-serif;flex-shrink:0}.bracket-node>.bracket-slot.drag-target{border-color:var(--teal);background:#7bcebd14;box-shadow:inset 0 0 0 1px #7bcebd55}.drag-placeholder .bracket-tile,.drag-placeholder .slot-target{opacity:.18}.bracket-drag-ghost{position:fixed;top:0;left:0;pointer-events:none;z-index:150;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #b4a0e5;border-radius:6px;background:#302a3d;color:#f4eee8;box-shadow:0 12px 28px #0008;opacity:.95;font:500 13px DM Sans,sans-serif;will-change:transform}.bracket-drag-ghost>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-drag-status{font-size:12px;line-height:1.6;color:var(--teal);margin-top:12px}.bracket-selection-link{color:var(--blue);font-size:13px;padding:12px 0}.entrant-build-action{position:sticky;bottom:-1px;background:#201f25;padding:14px 0 0;border-top:1px solid var(--line);margin-top:12px;z-index:3}.entrant-build-action>button{width:100%;white-space:normal}.entrant-build-action p{color:#c5bdce;font-size:12px;line-height:1.6;margin:8px 0 0}#tournament-players{scroll-margin-top:18px}@media(prefers-reduced-motion:reduce){.bracket-slot,.bracket-tile{transition:none}}.bracket-node>.bracket-slot+.bracket-slot{border-top-color:var(--line)}.bracket-node>.bracket-slot.empty{color:var(--muted);border:1px dashed #4c435c}.bracket-node>.bracket-slot:disabled{opacity:1}.bracket-node>.bracket-slot:not(:disabled):hover{background:#b4a0e512;border-color:#786495}.bracket-slot .slot-target{color:var(--violet);flex-shrink:0}.rooms-app .slot-selected{background:#b4a0e51b;border-color:var(--violet)}.rooms-app .drop-hover{background:#7bcebd22;outline:2px solid var(--teal);outline-offset:-2px}.selection-note{background:#b4a0e511;flex-wrap:wrap;gap:12px}.selection-note>span{color:var(--violet)}.setup-hint{color:var(--blue)}.empty-arrangement{padding:40px 16px}.empty-arrangement strong{display:block;font:18px Space Grotesk;color:var(--cream);margin-bottom:12px}.empty-arrangement p{line-height:1.8}.team-column:first-child{border-top:3px solid var(--blue);background:#91b9ec06}.team-column:last-child{border-top:3px solid var(--violet);background:#b4a0e506}.team-column:first-child li>span,.team-summary-grid>:first-child h3{color:var(--blue)}.team-column:last-child li>span,.team-summary-grid>:last-child h3{color:var(--violet)}.rooms-app button:focus-visible,.rooms-app summary:focus-visible,.rooms-app input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(min-width:821px){.room-lobby-layout>.roster{position:sticky;top:16px;max-height:calc(100svh - 32px);overflow-y:auto}}@media(max-width:540px){.settings-disclosure>summary{align-items:start}.settings-disclosure summary small{display:block;margin-top:5px}.bracket-toolbar{gap:8px}}.room-invitation-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.room-invitation-summary .room-code{margin:0}.room-invitation-summary a{color:var(--blue);font-size:13px;padding:12px 0}.room-invite-card{border:1px solid #526c65;background:#7bcebd08;border-radius:10px;padding:14px;scroll-margin-top:18px}.room-invite-card>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.room-invite-card strong{font-size:14px}.room-invite-card>div>span{font-size:12px;color:var(--teal)}.room-invite-card>button,.room-invite-card>input{display:block;width:100%;min-width:0}.room-invite-card>input{font-size:12px;margin-top:10px;padding:10px}.invite-feedback{display:block;font-size:11px;line-height:1.6;color:#b9c8c4;margin-top:9px}.rooms-app .primary,.rooms-app .secondary,.rooms-app .text-button{min-height:44px}.rooms-app .primary,.rooms-app .secondary{font-size:13px}.rooms-app a:focus-visible,.bracket-rounds:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.roster-ready{padding:14px 0}.roster-ready p{color:#d3c4ce;font-size:12px;margin:0 0 10px;line-height:1.6}.roster-ready .ready-button{width:100%}.roster-ready.is-ready p{color:var(--teal)}.rooms-app .entrant-toggle{width:22px;height:22px;flex-basis:22px}.roster-selection,.roster-selection button,.ready-state{font-size:12px}.roster .panel-heading h2{margin-top:6px}.lineup-controls button{min-width:36px;min-height:44px;font-size:15px}.settings-disclosure>summary,.bot-disclosure>summary{min-height:44px}.settings-disclosure{padding-block:8px}.room-lobby-layout>div,.room-live-layout>div{min-width:0}.arrangement .match-rules{margin-block:14px}.arrangement .selection-note{margin:12px 0}.selection-note{font-size:13px;line-height:1.6}.selection-note>span{flex:1 1 220px}.selection-note button{flex-shrink:0}.bracket-toolbar{gap:10px}.bracket-toolbar button{font-size:12px}.bracket-edit-notice{font-size:12px;line-height:1.6;color:var(--teal);margin:10px 0}.bracket-edit-notice:empty{display:none}.setup-hint{padding:10px 12px;border:1px solid #5a789b;border-radius:6px}.lobby-start{position:sticky;bottom:12px;z-index:4;padding:14px;background:#222128;border:1px solid #5b526b;border-radius:10px;margin-top:16px;box-shadow:0 8px 24px #0004}.lobby-start p{margin:0;font-size:13px;overflow-wrap:anywhere}.bracket-rounds{overscroll-behavior:contain;scroll-padding:45px 8px}.bracket-round h3{font-size:12px}.bracket-node-heading{font-size:10px;letter-spacing:.4px}.bracket-player{font-size:13px}.bracket-node>.bracket-slot{font-size:13px}.bracket-slot .slot-target{font-size:10px}.bracket-node>.slot-destination{border-color:#786495;background:#b4a0e509}.bracket-node>button.secondary{min-height:44px;font-size:12px;padding:8px}.bracket-node.available{border-color:#776595}.bracket-next-match{padding:14px;margin:0 0 16px;border:1px solid #5f5377;background:#b4a0e50a;border-radius:8px}.bracket-next-match>strong{display:block;font:500 16px Space Grotesk;line-height:1.5;margin:8px 0 12px;overflow-wrap:anywhere}.bracket-next-match>p{font-size:12px;color:#c4b6c1;line-height:1.6}.bracket-next-match>div{display:flex;flex-wrap:wrap;gap:8px}.bracket-next-match button{padding:10px 14px}.live-match .stage-actions button{min-height:44px;font-size:13px;padding:10px 12px}.team-summary-grid>[data-side="0"] h3{color:var(--blue)}.team-summary-grid>[data-side="1"] h3{color:var(--violet)}@media(max-width:820px){.room-lobby-layout>.roster .room-player-list{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.room-title-row{padding:16px 0;gap:10px}.room-invitation-summary{width:100%;justify-content:space-between}}@media(max-width:540px){.rooms-app .room-panel{padding:16px}.rooms-app .live-match{padding:18px 10px 6px}.room-lobby-layout{gap:0}.lobby-start{bottom:6px;padding:12px}.lobby-start>button{width:100%;white-space:normal}.bracket-toolbar .entrant-count{flex-basis:100%}.bracket-toolbar .primary,.bracket-next-match button{flex:1}}.player-actions-trigger{flex:0 0 36px;min-width:36px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:6px;font-size:18px;padding:0}.player-actions-trigger[aria-expanded=true]{border-color:var(--violet);background:#b4a0e518}.player-actions-menu{position:fixed;z-index:160;width:172px;padding:4px;border:1px solid #62566f;border-radius:8px;background:#29252f;box-shadow:0 12px 32px #0008}.player-actions-menu>button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:4px;text-align:left;font-size:13px;color:#f4eee8;background:transparent}.player-actions-menu>button:not(:disabled):hover{transform:none;background:#b4a0e51a}.player-actions-menu>button:focus-visible{outline-offset:-2px}.bracket-tile,.bracket-slot .slot-target{pointer-events:none}.bracket-node>.bracket-slot.filled{-webkit-touch-callout:none}.player-chip[draggable=false]{-webkit-user-select:none;user-select:none}