/* Shared interface system: clear surfaces, restrained light, immediate controls. */
:root{--ui-surface:#111b32;--ui-raised:#17243d;--ui-border:#304464;--ui-soft:#22334f;--ui-text:#dce9ff;--ui-muted:#91a7c9;--ui-ease:cubic-bezier(.23,1,.32,1);--ui-fast:140ms;--ui-normal:200ms;color-scheme:dark}
button,input,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:not-allowed;box-shadow:none!important}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #92f5ff!important;outline-offset:4px!important}
button{transition:transform var(--ui-fast) var(--ui-ease),background-color var(--ui-fast) ease,border-color var(--ui-fast) ease,color var(--ui-fast) ease,opacity var(--ui-fast) ease}
button:not(:disabled):active{transform:scale(.975)}
.topbar{height:76px;padding-inline:4.5%;gap:14px}.wordmark{display:grid;grid-auto-flow:column;align-items:center;justify-content:center;width:40px;height:40px;font-size:30px;letter-spacing:-2px;border:1px solid #3a5870;border-radius:11px;background:#132239;box-shadow:inset 0 1px #c0f4ff0c}.wordmark span{margin-left:1px}.nav-caption{font-size:9px;color:#9eb5d9;letter-spacing:2px}.nav-tools{gap:8px}.nav-tools button{height:38px;min-width:40px;border:1px solid #314663;background:#101b2ebf;border-radius:9px;padding:0 13px;color:#abc1e2;font-size:9px;letter-spacing:1px}.nav-tools #fullscreen{font-size:18px;padding:0 10px;display:grid;place-items:center}.nav-tools button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-tools #sound{display:flex;align-items:center;gap:8px}.nav-tools #sound::before{content:'';width:6px;height:6px;border-radius:50%;background:#657d9e}.nav-tools #sound[aria-pressed="true"]::before{background:#28edff;box-shadow:0 0 10px #28edff66}
.home-screen{background:linear-gradient(180deg,#080e1c20,#080d2010 65%,#080d204d)}.home-content{max-width:1000px;width:92%}.home-content>.overline{font-size:9px;letter-spacing:3.5px;color:#a2badb}h1{font-size:clamp(110px,20vw,265px);letter-spacing:-.025em;text-shadow:0 5px 0 #091325,0 8px 50px #090e26;margin-top:16px;margin-bottom:38px}.home-actions{width:min(650px,100%);gap:16px}.mode-button{position:relative;isolation:isolate;min-height:104px;border:1px solid #427884;background:#111f35eb;color:#e2fbff;border-radius:13px;padding:20px;gap:17px;text-align:left;box-shadow:inset 0 1px #c5faff12,0 7px 24px #04091744;overflow:hidden}.mode-button::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#28edff12,transparent 70%);opacity:.65}.mode-button.friends{background:#241a34e8;border-color:#754365;color:#ffe3f4}.mode-button.friends::before{background:linear-gradient(120deg,#ff39ac13,transparent 70%)}.mode-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;color:#5eefff;background:#28edff0c;border:1px solid #28edff2b;border-radius:11px}.mode-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.friends .mode-icon{color:#ff8bcf;border-color:#ff39ac2b;background:#ff39ac0c}.mode-button .mode-number{position:absolute;right:15px;top:10px;font-size:8px;letter-spacing:1px;color:#81a4bd;opacity:.7;margin:0}.friends .mode-number{color:#c197bc}.mode-button>span.mode-copy{font:800 31px/.95 'Barlow Condensed',Impact,sans-serif}.mode-button small{font-size:8px;letter-spacing:.8px;color:#a5c1d4;opacity:1;margin-top:10px}.friends small{color:#c8accb}.button-arrow{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid #437680;border-radius:50%;font-size:19px;color:#80f4ff;transition:transform var(--ui-normal) var(--ui-ease)}.friends .button-arrow{color:#ffa0d7;border-color:#7d4a6c}.mode-button.selected{border-color:#57d2e3;box-shadow:inset 0 0 0 1px #28edff1f,0 8px 28px #04091855}.mode-button.friends.selected{border-color:#dc67ac;box-shadow:inset 0 0 0 1px #ff39ac1f,0 8px 28px #04091855}.home-footnote{font-size:9px;letter-spacing:1.5px;color:#8da6c9;margin-top:23px}
.primary{position:relative;isolation:isolate;min-height:48px;border:1px solid #72f5ff;border-radius:9px;background:#52e9f5;color:#071b2d;font-size:11px;font-weight:800;letter-spacing:1px;box-shadow:inset 0 1px #e1ffff70,0 4px 0 #0a536b66;overflow:hidden}.primary:disabled{background:#24364e;border-color:#3a506f;color:#8095b3;opacity:1}.text-button,.back-button,.settings-top button{border:1px solid #334966;border-radius:8px;background:#13203780;color:#a8bfdc;font-size:9px;letter-spacing:.8px;padding:11px 13px;min-height:36px}.text-button{margin:12px 5px 0}.back-button{top:89px;padding:10px 13px}.app-footer button{border:1px solid #2e4261;background:#101b2d99;border-radius:7px;padding:9px 12px;margin-left:6px;min-height:33px}.app-footer{font-size:8px;color:#849dbf}kbd{border-radius:3px;border-color:#44617f;background:#1a2a43;color:#bad0ee}
.flow-steps{display:flex;gap:19px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#637e9e;margin-bottom:20px}.flow-steps span{display:flex;align-items:center;gap:6px}.flow-steps b{font-weight:500;border:1px solid #344d6c;display:grid;place-items:center;width:21px;height:21px;border-radius:6px;letter-spacing:0;color:#8fa9c9}.flow-steps .current{color:#a4f7ff}.flow-steps .current b{color:#6ff0ff;border-color:#448c9c;background:#28edff0b}.setup-content>.flow-steps{justify-content:center;margin-bottom:30px}.settings-screen{background:#091122f5;padding:101px 5% 28px}.settings-wrap{max-width:1110px}.settings-top{margin-bottom:25px;align-items:flex-start}.settings-top>.heading-copy{flex:1}.settings-top h2{font-size:clamp(38px,4.3vw,57px);margin:12px 0}.settings-top p{color:#9bb1d1;font-size:11px;line-height:1.8;max-width:65ch}.settings-top button{margin-top:0;white-space:nowrap}.settings-body{grid-template-columns:1.05fr 1fr;gap:20px}.rules-section{border-color:#2e4262;border-radius:12px;background:#111b30;box-shadow:inset 0 1px #d1eaff07;padding:24px}.rules-section h3{display:flex;align-items:center;gap:12px;margin-bottom:24px}.rules-section h3 .section-symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #395776;background:#1a2b44;border-radius:9px;color:#8bdfe9;flex-shrink:0}.section-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rules-section h3 .section-title{color:#e0ecff;font-size:12px;font-weight:700;letter-spacing:1px}.section-title small{display:block;font-size:9px;font-weight:400;color:#869ebf;letter-spacing:0;margin-top:5px;line-height:1.5}.rules-section h3 .section-code{margin-left:auto;font-size:9px;font-weight:400;letter-spacing:1px;color:#617e9f}.rule-grid{gap:20px 19px}.rule-field{min-width:0}.rule-field label{font-size:11px;line-height:1.45;color:#b5c9e7;margin-bottom:9px;min-height:16px;align-items:center}.rule-field output{border:1px solid #365775;border-radius:5px;background:#16304766;color:#8af1fc;padding:3px 6px;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.rule-field small{font-size:9px;color:#8099bb;line-height:1.65;margin-top:8px}.rule-control{position:relative}.rule-field input:not([type="checkbox"]),.rule-field select{min-height:45px;border-radius:8px;border-color:#364f70;background:#0d172a;color:#e4efff;font-size:12px;padding:10px 12px;transition:border-color var(--ui-fast) ease,background-color var(--ui-fast) ease}.rule-field input:not([type="range"]):focus,.rule-field select:focus{border-color:#5ba4ba;background:#12223a;outline:none;box-shadow:0 0 0 3px #28edff0b}.rule-field select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239eb8db' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.rule-field select option{background:#111d33;color:#e0edff}.rule-control.is-disabled{opacity:.45}.rule-control.is-disabled input{opacity:1}.rule-stepper{display:grid;grid-template-columns:35px minmax(0,1fr) 35px;gap:0;align-items:center;border:1px solid #364f70;border-radius:8px;background:#0d172a;overflow:hidden;min-height:45px}.rule-field .rule-stepper input{border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;min-height:43px;width:100%;text-align:center;font:600 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;padding:6px 0;appearance:textfield;font-variant-numeric:tabular-nums}.rule-stepper input::-webkit-inner-spin-button,.rule-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.rule-stepper button{border:0;color:#a6c3e7;background:transparent;font-size:18px;width:35px;height:43px;border-radius:0;display:grid;place-items:center;padding:0}.rule-stepper button:disabled{color:#425b7a;opacity:.7;cursor:default}.rule-stepper:focus-within{border-color:#5ba4ba;box-shadow:0 0 0 3px #28edff0b}.rule-stepper .stepper-unit{position:absolute;right:41px;top:17px;font-size:8px;color:#7e9dbd;pointer-events:none}.rule-field input[type="range"]{appearance:none;display:block;padding:0;min-height:30px;width:100%;margin:0;border:0;border-radius:0;cursor:ew-resize;background:transparent;outline-offset:2px!important}.rule-field input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,#4edeea 0%,#4edeea var(--range-progress,33%),#293d59 var(--range-progress,33%),#293d59 100%)}.rule-field input[type="range"]::-moz-range-track{height:5px;border-radius:5px;background:#293d59}.rule-field input[type="range"]::-moz-range-progress{height:5px;border-radius:5px;background:#4edeea}.rule-field input[type="range"]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#c7f9ff;border:3px solid #31baca;box-shadow:0 0 0 4px #28edff0a;margin-top:-5px}.rule-field input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c7f9ff;border:3px solid #31baca}.range-bounds{display:flex;justify-content:space-between;color:#617e9f;font-size:8px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.checkbox-field{padding-top:6px;min-height:39px}.checkbox-field label{color:#b5c9e7}.checkbox-field .rule-control{flex-shrink:0}.checkbox-field input[type="checkbox"]{appearance:none;position:relative;width:38px;height:22px;border:1px solid #405775;background:#23334d;border-radius:20px;cursor:pointer;margin:0;display:block;transition:background-color var(--ui-fast) ease,border-color var(--ui-fast) ease}.checkbox-field input[type="checkbox"]::after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#8ca1bf;transition:transform var(--ui-fast) var(--ui-ease),background-color var(--ui-fast) ease}.checkbox-field input[type="checkbox"]:checked{background:#1d7682;border-color:#52bdc9}.checkbox-field input[type="checkbox"]:checked::after{transform:translateX(16px);background:#d1fdff}
.rules-advanced{padding:0;margin-top:20px;background:#101a2d}.rules-advanced>summary{padding:20px 24px;align-items:center;border-radius:12px;color:#cfdef7;min-height:64px;font-size:12px;font-weight:600}.rules-advanced>summary::after{display:grid;place-items:center;border:1px solid #3b5576;color:#96b7dc;background:#192b43;border-radius:6px;width:25px;height:25px;font-size:16px;line-height:1;flex-shrink:0}.rules-advanced>summary small{color:#829bbf}.rules-advanced[open]>summary{border-bottom:1px solid #293e5b;border-radius:12px 12px 0 0;margin-bottom:0}.rules-advanced>.rule-grid{display:block;padding:0 24px}.rule-subgroup{padding:24px 0;border-bottom:1px solid #263b57}.rule-subgroup:last-child{border-bottom:0}.rule-subgroup h4{margin:0 0 20px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;color:#aebfde;letter-spacing:.6px}.rule-subgroup h4>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#22314c;color:#94cde2}.rule-subgroup h4 svg{height:14px;width:14px;stroke:currentColor;fill:none;stroke-width:1.5}.rule-subgroup .rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 24px}.ban-header{margin:0 24px;padding-top:23px;border-color:#2e4260}.ban-header h4{font-size:12px;font-weight:600;color:#d0dff7}.ban-header p{font-size:10px;color:#8da5c9;max-width:65ch;line-height:1.7}.ban-header>span{border:1px solid #34516c;background:#142c3f;border-radius:6px;padding:6px 8px;align-self:flex-start;color:#8ae3ed;font-size:9px}.power-bans{gap:10px;padding:0 24px 24px}.power-ban{position:relative;align-items:flex-start;border-color:#324a6a;background:#142139;border-radius:9px;padding:15px 12px;gap:11px;min-height:93px;transition:background-color var(--ui-fast) ease,border-color var(--ui-fast) ease}.power-ban>.ban-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #385671;border-radius:7px;background:#1b3047;color:#85d3df}.ban-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.power-ban .ban-copy{display:block;min-width:0;padding-right:7px}.power-ban b{font-size:11px;color:#c7d9f4;margin:1px 0 6px}.power-ban small{font-size:9px;color:#809abe;line-height:1.6}.power-ban input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:9px;cursor:pointer;background:transparent;z-index:1}.ban-indicator{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#557c83}.power-ban:has(input:checked){border-color:#915271;background:#341d32}.power-ban:has(input:checked) .ban-icon{border-color:#834562;background:#4c243d;color:#fa97c6}.power-ban:has(input:checked) b{color:#ffc1e0;text-decoration:none}.power-ban:has(input:checked) small{color:#ba8ba8}.power-ban:has(input:checked) .ban-indicator{background:#ff71b9;box-shadow:0 0 8px #ff39ac33}.power-ban:has(input:checked) .ban-icon::after{content:'';position:absolute;width:1px;height:25px;background:#ffb3db;transform:rotate(45deg)}.power-ban:has(input:focus-visible){outline:2px solid #92f5ff;outline-offset:3px}.power-ban input:focus-visible{outline:none!important}.rules-bottom{bottom:-28px;border-top:1px solid #304665;background:#0c172af5;padding:17px 18px;margin-top:22px;border-radius:11px 11px 0 0;gap:20px;box-shadow:0 -8px 30px #050a1b40}.rules-bottom .text-button{margin:0;font-size:8px}.rules-bottom>div{font-size:9px;color:#8ba3c6}.rules-bottom .primary{width:255px;min-height:47px}.rules-error{font-size:10px;line-height:1.6}
.setup-screen{background:#0a1124e8;padding-top:105px}.setup-content{max-width:600px}.setup-progress{font-size:10px;letter-spacing:2px;gap:15px}.setup-dots{counter-reset:seats;gap:6px}.setup-dots i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#16253c;border:1px solid #3e5879;font-style:normal;box-shadow:none}.setup-dots i::before{counter-increment:seats;content:counter(seats);font-size:9px;color:#7f9abb;letter-spacing:0}.setup-dots i.current{border-color:#58b6c4;background:#1a4553;box-shadow:none}.setup-dots i.current::before{color:#b8faff}.setup-dots i.done{background:#274a59;border-color:#427f8b}.setup-dots i.done::before{content:'✓';color:#b1f7ff}.setup-content h2{font-size:clamp(40px,5.3vw,66px);margin:20px 0 14px}.setup-prompt{font-size:14px;color:#afc4e6;line-height:1.6;min-height:23px}.input-signal{width:140px;height:120px;display:grid;place-items:center;border:1px solid #3c5575;border-radius:25px;background:#18273f80;box-shadow:inset 0 1px #d5f4ff0a;margin:23px auto}.input-signal svg{width:87px;color:#a2bfde}.signal-dot{right:14px;top:14px;width:5px;height:5px;background:#4acbd9;box-shadow:0 0 9px #28edff33}.setup-content.confirmed .input-signal{border-color:#42a1ad;background:#173b48}.setup-content.confirmed .input-signal::after{content:'✓';position:absolute;right:-8px;bottom:-8px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#76e4db;color:#0b2c38;border:4px solid #0a1124;font-size:14px;font-weight:700}.supported-inputs{gap:8px}.supported-inputs span{border:1px solid #334b6b;background:#15223a9c;border-radius:5px;padding:7px 8px;font-size:8px;color:#9eb6d8;letter-spacing:.6px}.setup-hint{font-size:11px;color:#819cc2;max-width:44ch;margin:14px auto 0;line-height:1.8}.chosen-controls{gap:8px;margin-top:20px}.chosen-control{border-radius:7px;background:#28edff0a;padding:10px 13px;font-size:10px}.phone-option{border:0;margin-top:22px;padding-top:0;max-width:330px}.phone-option button{width:100%;min-height:46px;padding:12px 16px;border:1px solid #3b5274;background:#15233b;border-radius:9px;color:#d2e2fb;gap:10px;font-size:12px}.phone-option button>span{margin-left:auto;font-size:8px;color:#8dabc9}.phone-option svg{stroke:#a3cae4}.phone-panel{border-color:#3a5576;border-radius:12px;background:#13243a;padding:22px;gap:22px;margin-top:19px;box-shadow:0 14px 35px #03091944}.qr-wrap{position:relative;border-radius:8px;padding:9px;width:172px;height:172px}.qr-wrap::after{content:'PREPARANDO QR';position:absolute;inset:0;display:grid;place-items:center;background:#ecf3ff;color:#49627b;font-size:9px;letter-spacing:1px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity 160ms ease}.qr-wrap:has(canvas:not([data-ready="true"]))::after{opacity:1}.phone-copy strong{color:#d0edfc;font-size:9px;letter-spacing:1.2px}.phone-copy p{font-size:11px;line-height:1.8;color:#9cb7d7}.phone-copy #phone-status{font-size:10px;color:#71dbe5}.phone-copy button{padding:9px 10px;margin:4px 4px 0 0;min-height:33px;background:#1a3049;border:1px solid #3c5c7b;border-radius:6px;font-size:8px;color:#bfdbf5}
.message-panel{padding:32px;border:1px solid #3a5374;border-radius:17px;background:#111e34;box-shadow:0 24px 80px #02071880;width:min(425px,92%)}.message-panel h2{font-size:55px;line-height:.98;margin:18px 0}.message-panel p{font-size:12px;line-height:1.8;color:#9fb6d8}.message-panel .primary{margin-bottom:4px}.message-panel .text-button{font-size:8px;padding:10px;margin:10px 3px 0;min-height:34px}.message-screen{background:#070c1fbf}.upgrade-screen{background:#0a1025ee}.upgrade-panel h2{font-size:clamp(40px,5vw,62px)}.upgrade-panel>p{font-size:12px;color:#95afd4}.cards{gap:14px}.cards .upgrade-card{position:relative;isolation:isolate;min-height:234px;border-radius:13px;padding:23px 20px;border:1px solid #3d567d;background:#16243d;box-shadow:inset 0 1px #c5e9ff09,0 8px 20px #02071633;overflow:hidden;transition:transform var(--ui-normal) var(--ui-ease),border-color var(--ui-fast) ease,background-color var(--ui-fast) ease}.upgrade-card::before{content:'';position:absolute;width:170px;height:170px;right:-96px;top:-105px;border:1px solid #6f96c33b;transform:rotate(35deg);z-index:-1}.card-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #416786;border-radius:12px;background:#1b354b;color:#8be4ec;margin-bottom:21px;font-size:27px}.card-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cards .upgrade-card b{font-size:27px;letter-spacing:.1px;display:block;color:#e4efff}.cards .upgrade-card p{color:#94acd0;font-size:11px;line-height:1.7;min-height:44px;margin:10px 0 17px}.card-bottom{color:#8adbe7;border-color:#3a5275;font-size:8px;padding-top:14px;letter-spacing:1px}.upgrade-card.card-selected{border-color:#82eaf1;background:#1a344a;box-shadow:0 0 0 2px #28edff18;transform:none}.upgrade-help{color:#7491b7!important;font-size:8px!important;letter-spacing:1px}.countdown{font-size:128px;color:#c8fbff;text-shadow:0 0 30px #28edff55}.players-hud .player-hud{border:1px solid #2f4360;background:#101b2ca6;box-shadow:inset 0 1px #b7d9ff08;border-radius:9px;padding:11px 13px;gap:9px;font-size:9px;letter-spacing:.7px;min-height:43px}.players-hud .score-number{margin-left:auto;font:600 22px 'Barlow Condensed',Impact,sans-serif;color:#d7e7ff;letter-spacing:.5px}.players-hud .player-hud:last-child{justify-content:initial}.game-hud>.round-label{color:#a8bedb;margin-bottom:12px;font-size:8px;letter-spacing:1.8px}.round-label span{color:#6e8bac}.player-dot{width:6px;height:6px}.game-hud{top:77px}.players-hud{gap:11px}
/* Pocket controller: geometry follows touch input without tweening the sticks. */
body[data-player]{--ui-player:var(--mint);background:#0a1123}.pad-header{background:#111b30;border-color:#2d4261;padding:12px 20px}.pad-brand{border-radius:9px;width:37px;height:37px;font-size:29px}.pad-header>div strong{font-size:11px;letter-spacing:1.4px}.pad-header>div p{font-size:9px;letter-spacing:.3px}.pad-header button{border-radius:8px;border-color:#3a5376;background:#19283f;color:#abc1e0;width:39px;height:36px;font-size:19px}.pad-info{padding:16px 0;font-size:8px;letter-spacing:1px}.pad-info b{border:1px solid #365072;background:#16253e;border-radius:7px;padding:4px 15px;font-size:26px;color:#d5e5ff;letter-spacing:2px}.pad-notice{border-radius:10px;border-color:#344f72;background:#13223b;padding:12px 14px}.pad-notice p{font-size:11px;color:#a7bedf}.pad-notice button,.pad-offline button{border-radius:7px;background:var(--mint);font-size:9px;letter-spacing:.8px;box-shadow:inset 0 1px #efffff66}.move-stick{border-color:#3b617a;background:radial-gradient(circle,#183347 0,#12243a 60%,#14243b 61%);box-shadow:inset 0 0 0 9px #0a152766,inset 0 0 0 10px #527b9624;border-width:1px}.move-knob{border-width:2px;border-color:#b5f5ff80;background:var(--mint);box-shadow:0 5px 15px #010a1880,inset 0 1px #edffff90;transition:none!important}.aim-stick{border-color:#4f7b91;box-shadow:inset 0 0 0 9px #0a152766,inset 0 0 0 10px #527b9624}.aim-stick .move-knob{background:#1a3c4f;border:2px solid var(--mint);box-shadow:0 0 0 5px #28edff0a;transition:none!important}.aim-stick.active .move-knob{background:var(--mint);box-shadow:0 0 0 6px #28edff14}.stick-track{color:#6f98b8}.control-hint{color:#88a5c5}.action-button{border-radius:12px;background:#1a2d46;border-color:#3b627e;box-shadow:inset 0 1px #bfe8ff0c,0 4px 0 #060f2180;color:#cae0f8}.action-button>span{color:var(--mint);font-size:26px}.action-button small{color:#8caaca;font-size:6px}.shield-button{background:#2a2043;border-color:#69558a}.shield-button>span{color:#c0a1f6}.action-button.pressed{transform:scale(.97);box-shadow:inset 0 1px #bfe8ff0c;filter:brightness(1.15)}.pad-card{border-radius:9px;background:#172c43;border-color:#3c657e;padding:13px 15px;box-shadow:inset 0 1px #d0efff08}.pad-card b{font-size:12px;color:var(--mint)}.pad-card span{color:#9cb7d8;font-size:10px}.pad-offline>span{border-radius:11px;background:#321d31}.pad-offline h1{font-size:38px;letter-spacing:0;margin-top:20px}.pad-offline p{color:#a5bcdc}.pad-offline button{padding:15px 30px;min-height:45px}.pad-header a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.mode-button:hover{transform:translateY(-2px);border-color:#65dce9;background:#19334a;box-shadow:inset 0 1px #bffaff12,0 8px 30px #06131f50}.mode-button.friends:hover{border-color:#ea79b9;background:#3a2445;box-shadow:inset 0 1px #ffbce712,0 8px 30px #1c081650}.mode-button:hover .button-arrow{transform:translate(2px,-2px)}.primary:not(:disabled):hover{background:#87f2fa;border-color:#a1faff}.text-button:hover,.back-button:hover,.nav-tools button:hover,.app-footer button:hover,.settings-top button:hover{background:#223953;color:#d3ecff;border-color:#6282a2}.rule-stepper button:not(:disabled):hover{background:#213953;color:#a4f1fa}.rule-field select:hover,.rule-stepper:hover{border-color:#526f91}.phone-option button:hover{border-color:#58849e;background:#203952;color:#e5f6ff}.phone-copy button:not(:disabled):hover{background:#294662;color:#e5f6ff}.power-ban:hover{border-color:#5b789e;background:#1b2c47}.power-ban:has(input:checked):hover{border-color:#d577a5;background:#44263d}.cards .upgrade-card:hover{transform:translateY(-4px);border-color:#6fc8d9;background:#1c344b;box-shadow:0 10px 35px #02071655}.action-button:hover{border-color:#6796b2}.pad-card:hover{border-color:var(--mint)}}
@media(hover:none){.mode-button:hover,.mode-button.friends:hover,.upgrade-card:hover{transform:none}.primary:hover{background:#52e9f5}.upgrade-card:hover{border-color:#3d567d;box-shadow:inset 0 1px #c5e9ff09}.upgrade-card.card-selected{border-color:#82eaf1}}
@media(max-width:900px){.home-actions{width:min(635px,100%)}.mode-button{gap:13px;padding:18px 16px;min-height:100px}.mode-icon{width:35px;height:35px;border-radius:9px}.mode-icon svg{width:22px;height:22px}.mode-button>span.mode-copy{font-size:29px}.button-arrow{width:29px;height:29px;font-size:18px}.settings-screen{padding-inline:4%}.rules-section{padding:20px}.rules-advanced{padding:0}.rules-advanced>summary{padding:19px 20px}.rules-advanced>.rule-grid{padding-inline:20px}.ban-header{margin-inline:20px}.power-bans{padding-inline:20px}.rule-grid{gap:19px 15px}.rule-field label{font-size:10px}.rule-field small{font-size:9px}.rules-section h3 .section-title{font-size:11px}.section-title small{font-size:8px}.players-hud .player-hud{padding:9px 10px;font-size:8px;gap:6px}.players-hud .score-number{font-size:20px}.message-panel h2{font-size:48px}}
@media(max-width:760px){.settings-body{grid-template-columns:1fr}.settings-wrap{max-width:620px}.settings-top h2{font-size:44px}.rule-field label{font-size:11px}.rule-subgroup .rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px}.rules-advanced>.rule-grid{display:block}.flow-steps{font-size:7px;gap:13px;margin-bottom:18px}.rules-bottom{bottom:-28px;gap:12px;padding:14px}.rules-bottom .primary{width:210px;font-size:9px}.rules-bottom .text-button{font-size:7px;padding:10px}.ban-header p{font-size:10px}.power-bans{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-top .overline{font-size:8px}.phone-panel{padding:18px;gap:18px}.game-hud{top:72px}.players-hud{gap:8px}.players-hud .score-number{font-size:18px}.players-hud .player-hud{font-size:7px;min-height:38px}.home-content>.overline{font-size:7px;letter-spacing:2.5px}.home-content h1{margin-bottom:29px}.mode-button small{font-size:7px;letter-spacing:.5px}.home-footnote{font-size:8px}.cards .upgrade-card{min-height:215px;padding:20px 17px}.cards .upgrade-card b{font-size:24px}}
@media(max-width:600px){.home-actions{max-width:340px;grid-template-columns:1fr;gap:12px}.home-content h1{font-size:20.5vw;margin-top:14px;margin-bottom:25px}.home-content>.overline{font-size:6px;letter-spacing:2px}.home-content{transform:translateY(-6px)}.mode-button{min-height:92px;padding:17px 19px;gap:16px}.mode-icon{width:38px;height:38px}.mode-button>span.mode-copy{font-size:30px}.mode-button small{font-size:8px}.home-footnote{font-size:7px;letter-spacing:1px;line-height:1.8}.topbar{height:67px}.wordmark{width:34px;height:34px;font-size:26px;border-radius:9px}.nav-caption{font-size:7px;letter-spacing:1.5px}.nav-tools{gap:5px}.nav-tools button{font-size:8px;padding:0 10px;min-width:34px;height:34px}.nav-tools #fullscreen{padding:0 8px}.settings-screen{padding-top:94px;padding-bottom:20px}.settings-top{gap:10px}.settings-top h2{font-size:39px}.settings-top p{font-size:10px}.settings-top button{font-size:8px;padding:9px 10px;min-height:33px}.flow-steps{gap:12px;font-size:6px;letter-spacing:.7px}.flow-steps b{width:19px;height:19px}.settings-body{gap:16px}.rules-section{padding:18px}.rules-advanced{padding:0;margin-top:16px}.rules-advanced>summary{padding:18px;font-size:11px}.rules-advanced>.rule-grid{padding:0 18px}.rule-subgroup .rule-grid{gap:20px 15px}.rule-subgroup h4{font-size:10px}.ban-header{margin-inline:18px;flex-wrap:wrap;gap:0}.ban-header>span{margin-bottom:16px}.ban-header p{font-size:9px;margin-bottom:13px}.power-bans{padding-inline:18px;padding-bottom:18px}.power-ban{padding:12px 10px;gap:9px;min-height:95px}.power-ban>.ban-icon{width:24px;height:24px;border-radius:6px}.ban-icon svg{width:15px;height:15px}.power-ban b{font-size:10px}.power-ban small{font-size:8px}.rules-bottom{bottom:-20px;margin-top:17px;padding:13px 10px;gap:10px}.rules-bottom>div{font-size:8px}.rules-bottom .primary{width:180px;font-size:8px;min-height:44px}.rules-bottom .text-button{font-size:7px;padding:9px;min-height:32px}.setup-content{max-width:440px}.setup-content>.flow-steps{margin-bottom:25px}.setup-content h2{font-size:46px}.setup-prompt{font-size:13px}.supported-inputs{gap:6px}.supported-inputs span{padding:6px;font-size:7px}.phone-copy p{font-size:10px}.phone-copy button{font-size:7px}.phone-panel{gap:13px;padding:15px}.qr-wrap{width:145px;height:145px}.message-panel{padding:26px 22px}.message-panel h2{font-size:45px}.players-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.game-hud{top:65px}.players-hud .player-hud{font-size:8px}.players-hud .player-hud:nth-child(even){justify-content:initial}.upgrade-panel h2{font-size:40px}.cards{gap:10px}.cards .upgrade-card{padding:17px 14px;min-height:195px}.cards .upgrade-card b{font-size:23px}.cards .upgrade-card p{font-size:10px}.card-icon{float:none;width:39px;height:39px;margin-bottom:15px;border-radius:10px}.card-icon svg{width:23px;height:23px}.card-bottom{display:block;font-size:7px}.app-footer{padding-inline:4%;font-size:7px;gap:3px}.app-footer button{font-size:7px;padding:8px 10px}.pad-header{padding:12px 16px}.pad-header>div strong{font-size:10px;letter-spacing:1px}.pad-info{font-size:7px}.pad-info b{font-size:22px}.pad-notice{padding:10px 12px}.pad-notice p{font-size:10px}}
@media(max-width:390px){.rule-grid,.rule-subgroup .rule-grid{gap:18px 12px}.rule-field label{font-size:10px}.rule-field small{font-size:8px}.rule-stepper{grid-template-columns:29px minmax(0,1fr) 29px}.rule-stepper button{width:29px}.rule-field .rule-stepper input{font-size:19px}.power-bans{grid-template-columns:1fr}.power-ban{min-height:80px}.rules-bottom .primary{width:160px}.rules-bottom>div{font-size:7px}.flow-steps{gap:9px;font-size:6px}.nav-caption{font-size:6px}.home-content>.overline{letter-spacing:1.3px}.setup-content h2{font-size:40px}.phone-panel{flex-direction:column;text-align:center}.phone-copy{text-align:center}.qr-wrap{width:172px;height:172px}}
@media(max-height:610px) and (min-width:700px){.topbar{height:55px}.wordmark{width:33px;height:33px;font-size:25px}.nav-tools button{height:32px}.home-content h1{font-size:150px;margin-top:8px;margin-bottom:23px}.home-content>.overline{font-size:7px}.mode-button{min-height:81px;padding:15px 18px}.mode-button>span.mode-copy{font-size:27px}.home-footnote{margin-top:17px}.setup-screen{padding-top:75px}.setup-content>.flow-steps{margin-bottom:15px}.setup-content h2{font-size:43px;margin:14px 0 10px}.input-signal{width:105px;height:87px;border-radius:18px;margin:14px auto}.input-signal svg{width:69px}.setup-hint{font-size:10px;margin-top:11px}.phone-option{margin-top:16px}.supported-inputs span{font-size:7px;padding:5px 7px}.phone-panel{padding:15px}.qr-wrap{width:135px;height:135px}.settings-screen{padding-top:81px}.settings-top h2{font-size:43px}.game-hud{top:56px}.players-hud .player-hud{padding:7px 10px;min-height:34px}.players-hud .score-number{font-size:18px}.game-hud>.round-label{margin-bottom:8px}.message-panel{padding:25px;width:375px}.message-panel h2{font-size:45px}.message-panel p{font-size:11px;margin-bottom:19px}.cards .upgrade-card{min-height:200px}.pad-header{padding:7px 18px}.pad-notice{padding:6px 11px}.pad-info{padding:6px 0}.pad-info b{font-size:20px;padding:3px 12px}.pad-header .pad-brand{width:30px;height:30px;font-size:25px}.pad-header button{height:30px}.action-button>span{font-size:21px}}
@media(prefers-reduced-motion:reduce){button,input,select,summary,.button-arrow,.qr-wrap::after,.checkbox-field input[type="checkbox"]::after{transition-duration:0ms!important}.mode-button:hover,.cards .upgrade-card:hover{transform:none!important}.countdown{text-shadow:none}}

body[data-ui-input="keyboard"] button,body[data-ui-input="keyboard"] input,body[data-ui-input="keyboard"] select,body[data-ui-input="keyboard"] .button-arrow{transition-duration:0ms!important}