:root{color:#fff0d6;font-synthesis:none;--ink:#29243d;--cream:#fff0d6;--mint:#74dcc3;--coral:#ff897b;--honey:#ffd26b;--muted:#b6a8b7;background:#29243d;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:500}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button,select,input{outline-offset:4px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--mint)}button:disabled{opacity:.4;cursor:default}button{border:0}button svg{flex-shrink:0;width:22px;height:22px}button{transition:transform .13s,background .13s}button:not(:disabled):active{transform:translateY(2px)}button:not(:disabled):hover{filter:brightness(1.07)}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui input,#ui select,#ui a{pointer-events:auto}h1,h2,h3,p{margin:0}h2{letter-spacing:-1.3px;font-size:42px;font-weight:800;line-height:1.12}h3{letter-spacing:-.6px;font-size:29px}p{color:#beb1c1;line-height:1.6}small{letter-spacing:1px;font-size:11px;line-height:1.5}.eyebrow{letter-spacing:2.6px;color:var(--honey);font-size:11px;font-weight:800}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:53px;padding:14px 24px;font-size:15px;font-weight:800;display:flex}.primary{background:var(--honey);color:var(--ink);box-shadow:0 4px #a87543}.secondary{color:var(--cream);background:#ffffff08;border:1px solid #c7b2c233}.text-button{color:var(--cream);background:0 0;min-height:48px;padding:14px 6px;font-size:13px}.icon-button{width:48px;height:48px;color:var(--cream);background:#ffffff08;border:1px solid #c7b2c22a;border-radius:50%;justify-content:center;align-items:center;display:flex}.row{gap:12px;display:flex}.corner{letter-spacing:2px;white-space:nowrap;align-items:center;gap:13px;font-size:10px;font-weight:700;display:flex;position:absolute;top:29px;left:45px}.club-mark{letter-spacing:-6px;border:2px solid #fff0d649;border-radius:50%;width:42px;height:42px;padding:0 7px;font-size:34px;font-weight:900;line-height:30px}.club-mark span{color:var(--mint)}.edition{letter-spacing:1.7px;color:#bfb2c1;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;top:46px;right:46px}.edition i{background:var(--mint);border-radius:50%;width:4px;height:4px}.home{pointer-events:auto;background:radial-gradient(at 30% 48%,#29243d66 0%,#29243def 75%);width:100%;max-width:1600px;height:100%;min-height:660px;margin:0 auto;position:relative;overflow:hidden}.home-copy{width:60%;height:calc(100% - 190px);position:absolute;top:135px;left:8%}.live-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 12px #74dcc34d}h1{letter-spacing:-8px;transform-origin:0;text-shadow:0 7px #171927;margin:30px 0 22px;font-family:Arial Black,Trebuchet MS,sans-serif;font-size:clamp(80px,9.5vw,142px);font-weight:900;line-height:.8;transform:rotate(-5deg)}h1>span,h1>strong{display:block}h1>span{color:var(--cream)}h1>strong{color:var(--honey);margin-left:55px;font-weight:900}.title-star{color:var(--coral);vertical-align:top;margin:18px 0 0 20px;font-size:67px;display:inline-block}.home-copy p{color:#d9ccd6;z-index:2;margin:5px 0 0 6px;font-size:21px;line-height:1.28;position:relative}.hero{pointer-events:none;width:720px;max-width:105%;height:auto;animation:.7s ease-out both hero-in;position:absolute;bottom:-9px;left:-70px}.play-card{background:linear-gradient(140deg,#514054bf,#372f45e8);border:1px solid #c1a2b34a;border-radius:23px;width:348px;padding:32px;position:absolute;top:24%;right:8%;transform:rotate(1deg);box-shadow:0 22px 55px #13152245}.card-kicker{letter-spacing:1.8px;color:var(--coral);margin-bottom:24px;font-size:9px;font-weight:700}.play-card h2{letter-spacing:-1.4px;font-size:35px;line-height:1.07}.play-card h2 em{color:var(--mint);font-style:normal}.play-card p{margin:23px 0;font-size:13px;line-height:1.6}.play-card button{width:100%;margin-top:12px}.play-card .secondary{font-size:13px}.card-bottom{color:#bdaebd;letter-spacing:1.6px;border-top:1px solid #ffffff13;justify-content:space-between;margin-top:23px;padding-top:19px;font-size:9px;display:flex}.home-footer{letter-spacing:1.5px;color:#a698ac;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:19px;left:46px;right:46px}.home-footer>div{align-items:center;gap:30px;display:flex}.home-footer .text-button{color:#bfb1c2;font-size:11px}.panel-screen{pointer-events:auto;background:#29243df5;padding:118px max(6vw,28px) 40px;position:absolute;inset:0;overflow:auto}.back{color:#d8cdd8;background:0 0;align-items:center;gap:10px;min-height:48px;font-size:13px;display:flex;position:absolute;top:26px;right:46px}.section-heading{text-align:center;margin:10px auto 35px}.section-heading .eyebrow{margin-bottom:14px}.section-heading p{margin-top:14px;font-size:14px}.mode-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1030px;margin:0 auto;display:grid}.mode-card{text-align:left;color:var(--cream);background:#42364eaa;border:1px solid #ffffff19;border-radius:22px;padding:33px;display:block;box-shadow:0 10px 50px #15112229}.mode-icon{background:#ffffff06;border-radius:17px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:28px;display:flex}.mode-icon svg{width:35px;height:35px}.honey{--team:var(--honey);color:var(--honey)}.mint{--team:var(--mint);color:var(--mint)}.mode-card small{color:#b4a5b9;font-size:10px}.mode-card h3{color:var(--cream);margin-top:10px}.mode-card p{margin:16px 0 25px;font-size:14px}.mode-card>span{color:var(--honey);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.mode-card .row button{flex:1;gap:8px;padding:12px;font-size:13px}.mode-links{justify-content:center;gap:40px;max-width:1000px;margin:20px auto;display:flex}.player-setup{grid-template-columns:1fr 1fr;gap:24px;max-width:1140px;margin:auto;display:grid}.player-card{background:linear-gradient(150deg,#48384fa0,#373144);border:1px solid #ffffff1c;border-radius:22px;align-items:center;gap:12px;padding:28px 25px;display:flex}.player-card img{object-fit:contain;width:39%;max-width:200px}.player-card>div{flex:1}.player-card small{letter-spacing:1.2px;font-size:9px}.player-card h3{margin:8px 0 4px;font-size:36px}.player-card p{margin-bottom:20px;font-size:12px}.player-card label{color:#baadbf;font-size:11px}select{width:100%;max-width:100%;color:var(--cream);background:#29243d;border:1px solid #fff2;border-radius:9px;min-height:48px;margin-top:8px;padding:10px;font-size:12px;display:block}kbd{color:var(--cream);white-space:nowrap;background:#fff0d613;border:1px solid #fff0d626;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:11px;display:inline-block;box-shadow:0 2px #181525}.key-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:15px;display:flex}.key-row span{color:#c2b2c6;margin-right:5px;font-size:10px}.setup-bottom{justify-content:space-between;align-items:center;max-width:1090px;margin:28px auto 0;display:flex}.setup-bottom>span{color:#b5a7bb;font-size:12px;line-height:1.7}.setup-bottom button{min-width:230px}.match-ui{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud{top:max(13px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));pointer-events:none;justify-content:center;align-items:center;gap:40px;display:flex;position:absolute}.score{background:#29243dea;border:1px solid #b2a0b32b;border-radius:14px;align-items:center;gap:15px;min-width:280px;height:66px;padding:12px 20px;display:flex}.score-name strong{letter-spacing:1px;font-size:17px}.score-name small{color:#ab9bb4;letter-spacing:1.6px;font-size:8px;display:block}.team-symbol{border:4px solid var(--team);border-radius:50%;width:24px;height:24px;display:block;position:relative}.team-symbol.sun:after{content:"";background:var(--team);border-radius:50%;position:absolute;inset:4px}.team-symbol.diamond{border-radius:5px;width:20px;height:20px;transform:rotate(45deg)}.round-pips{gap:5px;margin-left:7px;display:flex}.round-pips i{background:#ffffff0b;border:1px solid #ffffff30;border-radius:50%;width:9px;height:9px}.round-pips .won{background:var(--team);border-color:var(--team);box-shadow:0 0 8px #fff3}.ball-count{text-align:right;color:var(--cream);border-left:1px solid #ffffff17;margin-left:auto;padding-left:19px}.ball-count strong{font-size:29px;line-height:1}.ball-count small{letter-spacing:1px;white-space:nowrap;margin-top:4px;font-size:7px;display:block}.match-middle{text-align:center;color:#eadce4;background:#29243d88;border-radius:0 0 15px 15px;align-self:flex-start;min-width:165px;padding:9px 8px}.match-middle>span{letter-spacing:2px;font-size:11px;font-weight:700}.match-middle small{color:#b9aabe;letter-spacing:1px;margin-top:6px;font-size:7px;display:block}.pause-button{position:absolute;top:10px;right:0}.match-help{text-align:center;color:#c0b0c1;letter-spacing:.3px;font-size:11px;line-height:1.6;position:absolute;bottom:14px;left:150px;right:150px}.match-help>span:first-child{color:var(--honey);letter-spacing:1.4px;font-size:9px;font-weight:700;display:block}.touch-zone{pointer-events:auto;touch-action:none;color:#cfbfcd;background:#29243da6;border:1px solid #fff0d62b;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;width:125px;min-height:160px;display:none;position:absolute;top:45%}.movement{left:max(13px, env(safe-area-inset-left))}.action{right:max(13px, env(safe-area-inset-right));color:var(--honey);background:#ffd26b1a;border:2px solid #ffd26b88}.touch-zone strong{letter-spacing:1px;margin-top:16px;font-size:11px}.touch-zone small{letter-spacing:0;margin-top:8px;font-size:8px}.touch-zone.pressed{border-color:var(--cream);background:#fff0d629}.touch-arrows{align-items:center;gap:18px;font-size:36px;font-weight:300;display:flex}.touch-arrows i{background:var(--cream);border-radius:50%;width:13px;height:13px}.action-symbol svg{width:43px;height:43px}.portrait-hint{display:none}.mouse-controls .touch-zone{display:flex}#game-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#game-overlay.blocking{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#1c1c2aae}.overlay-card{text-align:center;background:linear-gradient(150deg,#504055,#342e44);border:1px solid #cdb9c341;border-radius:23px;width:min(460px,90vw);padding:32px;box-shadow:0 25px 80px #10112299}.overlay-card h2{margin:15px 0 21px;font-size:35px}.overlay-card p{margin:18px 0;font-size:12px}.overlay-card button{width:100%;margin-top:12px}.pause-card{max-width:410px}.pause-card h2{font-size:31px}.countdown{text-align:center;background:#29243d66;border-radius:24px;padding:20px 40px}.countdown small{color:var(--cream);letter-spacing:3px;font-size:10px;display:block}.countdown strong{color:var(--honey);text-shadow:0 5px #29243d;font-size:95px;line-height:1.2}.trophy{width:85px;margin-top:-13px}.result-card h2{font-size:37px}.result-card .eyebrow{font-size:9px}.final-score{justify-content:center;align-items:center;gap:28px;font-size:50px;font-weight:700;display:flex}.final-score i{color:#a390ae;font-size:25px;font-style:normal}.penalty-panel{text-align:center;background:#29243dea;border:1px solid #ff897b77;border-radius:16px;max-width:600px;padding:22px;transform:translateY(12px)}.penalty-panel>small{color:var(--coral);letter-spacing:2px;font-size:9px}.penalty-panel h3{margin:10px 0;font-size:22px}.penalty-panel p{font-size:12px}.lock-badge{color:var(--mint);background:#ffffff08;border-radius:7px;margin:13px 7px 0;padding:8px 14px;font-size:10px;display:inline-block}.tutorial-tip{background:#29243deb;border:1px solid #fff0d622;border-radius:12px;align-items:center;gap:14px;padding:13px 20px;font-size:12px;display:flex;position:absolute;top:21%;left:25%;right:25%}.tutorial-tip strong{color:var(--honey);white-space:nowrap}.tutorial-tip span{line-height:1.5}.tutorial-tip button{color:var(--mint);margin-left:auto}.lobby-grid{grid-template-columns:1fr 1fr;gap:25px;max-width:1100px;margin:auto;display:grid}.join-info,.seats{background:#44364e88;border:1px solid #ffffff19;border-radius:22px;padding:27px}.join-info{align-items:center;gap:25px;display:flex}.join-info>img{background:var(--cream);border-radius:14px;width:160px;padding:10px}.join-info>div{flex:1;min-width:0}.join-info small{letter-spacing:.6px;color:#b8a8bf;font-size:9px}.join-info label{margin:17px 0 6px;font-size:11px;display:block}.join-info p{color:var(--mint);word-break:break-all;margin:13px 0;font-size:12px}.room-code{color:var(--mint);letter-spacing:2px;font-family:monospace}.seat-row{border-bottom:1px solid #ffffff10;align-items:center;gap:13px;margin-bottom:16px;padding-bottom:16px;display:flex}.seat-row img{object-fit:contain;width:70px;height:70px}.seat-row h3{font-size:22px}.seat-row>div{flex:1}.seat-row small{font-size:8px}.seat-row button{min-height:48px;padding:12px;font-size:12px}.ready{width:100%}.small{text-align:center;margin-top:15px;font-size:11px}.modal-backdrop{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#191723d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#3c324b;border:1px solid #ffffff24;border-radius:23px;width:min(440px,92vw);padding:35px}.dialog h2{margin:16px 0;font-size:31px}.dialog p{margin-bottom:20px;font-size:12px}.dialog label{font-size:12px;display:block}.dialog input{width:100%;min-height:55px;color:var(--mint);letter-spacing:7px;text-transform:uppercase;background:#29243d;border:1px solid #fff0d640;border-radius:10px;margin:10px 0 22px;padding:12px;font-size:23px;display:block}.dialog button{width:100%;margin-top:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:50px;max-width:860px;margin:auto;display:grid}.settings-grid h3{margin-bottom:22px;font-size:22px}.range-label{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;font-size:13px;display:flex}.range-label input{accent-color:var(--honey);width:45%;height:28px}.settings-grid p{margin-top:27px;font-size:12px;line-height:1.8}.toggle{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;display:flex}.toggle input{accent-color:var(--mint);width:21px;height:21px}.settings-note{color:#bfb0c6;flex-wrap:wrap;align-items:center;gap:8px;max-width:860px;margin:24px auto;font-size:12px;display:flex}.workshop{pointer-events:none;position:absolute;inset:0}.workshop-title{position:absolute;top:32px;left:45px}.workshop-title h2{margin:12px 0 7px;font-size:35px}.workshop-title p{font-size:12px}.animation-bar{flex-wrap:wrap;justify-content:center;gap:7px;display:flex;position:absolute;bottom:15px;left:25px;right:25px}.chip{color:#d6c7dc;background:#29243deb;border:1px solid #ffffff21;border-radius:9px;min-height:48px;padding:10px 16px;font-size:11px}.toast{background:var(--cream);width:max-content;max-width:90vw;color:var(--ink);z-index:40;pointer-events:none;border-radius:12px;padding:17px 24px;font-size:13px;font-weight:700;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #15112288}#debug{color:var(--mint);pointer-events:none;background:#171923dd;padding:12px;font:10px/1.6 monospace;display:none;position:absolute;top:115px;left:15px}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse){.touch-zone{display:flex}.desktop-instruction{display:none}.score-name small{letter-spacing:.4px}}@media (max-width:1100px){.home-copy{width:60%;left:6%}.play-card{width:320px;padding:27px;right:5%}.hero{max-width:108%;left:-35px}.hud{gap:13px;left:14px;right:14px}.score{min-width:240px;padding:10px 14px}.match-middle{min-width:135px}.pause-button{flex-shrink:0;width:44px;position:relative;top:0}.player-card{gap:5px;padding:20px 15px}.player-card img{width:34%}.player-card h3{font-size:28px}.player-card small{font-size:8px}.lobby-grid{gap:15px}.join-info{flex-direction:column;gap:15px;padding:20px}.join-info>img{width:130px}.join-info>div{width:100%}.lobby-grid .join-info{max-width:100%}}@media (max-height:620px) and (orientation:landscape){.home{height:100%;min-height:100%}.corner{gap:9px;font-size:8px;top:15px;left:25px}.club-mark{width:34px;height:34px;padding:0 5px;font-size:27px;line-height:25px}.edition{font-size:8px;top:25px;right:27px}.home-copy{height:calc(100% - 112px);top:80px;left:7%}.home-copy .eyebrow{letter-spacing:1.8px;font-size:8px}h1{letter-spacing:-5px;margin:20px 0 15px;font-size:83px}.title-star{margin-top:10px;font-size:39px}h1>strong{margin-left:36px}.home-copy p{font-size:14px;line-height:1.2}.hero{width:410px;max-width:85%;bottom:-13px;left:80px}.play-card{border-radius:17px;width:265px;padding:21px 25px;top:76px;right:6%}.card-kicker{margin-bottom:12px;font-size:7px}.play-card h2{font-size:25px}.play-card p{margin:13px 0;font-size:10px}.primary,.secondary{min-height:48px;padding:10px 15px;font-size:12px}.play-card .secondary{font-size:10px}.play-card button{margin-top:9px}.card-bottom{margin-top:13px;padding-top:11px;font-size:7px}.home-footer{font-size:7px;bottom:5px;left:25px;right:25px}.home-footer .text-button{font-size:9px}.home-footer .icon-button{width:36px;height:36px}.home-footer>div{gap:17px}.panel-screen{padding:74px 5% 20px}.back{font-size:11px;top:10px;right:25px}.section-heading{margin:5px auto 19px}.section-heading h2{font-size:29px}.section-heading .eyebrow{margin-bottom:8px;font-size:8px}.section-heading p{margin-top:8px;font-size:11px}.mode-card{border-radius:16px;padding:20px}.mode-icon{float:left;width:40px;height:40px;margin:0 16px 12px 0}.mode-icon svg{width:27px;height:27px}.mode-card h3{margin-top:5px;font-size:23px}.mode-card small{font-size:8px}.mode-card p{margin:12px 0 17px;font-size:11px}.mode-card>span{font-size:11px}.mode-links{margin:6px auto}.mode-links button{font-size:10px}.mode-card .row button{font-size:11px}.player-card{padding:15px}.player-card img{width:31%}.player-card h3{margin:4px 0;font-size:25px}.player-card p{margin-bottom:7px;font-size:10px}.player-card label{font-size:9px}.player-card select{min-height:39px;margin-top:4px;padding:7px}.key-row{margin-top:8px}.player-card .text-button{min-height:28px;padding:5px;font-size:10px}.setup-bottom{margin:14px auto 0}.setup-bottom>span{font-size:10px}.setup-bottom button{min-width:190px}.hud{gap:15px;top:8px;left:18px;right:18px}.score{border-radius:10px;gap:10px;min-width:205px;height:47px;padding:7px 12px}.score-name strong{font-size:12px}.score-name small{font-size:6px}.team-symbol{border-width:3px;width:19px;height:19px}.team-symbol.diamond{width:16px;height:16px}.ball-count strong{font-size:23px}.ball-count{padding-left:12px}.ball-count small{font-size:6px}.round-pips{gap:4px;margin-left:2px}.round-pips i{width:7px;height:7px}.match-middle{min-width:120px;padding:5px}.match-middle>span{font-size:8px}.match-middle small{font-size:6px}.pause-button{width:40px;min-width:40px;height:40px}.pause-button svg{width:18px}.touch-zone{border-radius:21px;width:105px;min-height:128px;top:40%}.touch-zone strong{margin-top:10px;font-size:9px}.touch-zone small{font-size:7px}.touch-arrows{gap:14px;font-size:29px}.action-symbol svg{width:32px;height:32px}.match-help{font-size:9px;bottom:5px;left:125px;right:125px}.match-help>span:first-child{font-size:7px}.overlay-card{border-radius:17px;max-width:390px;max-height:96%;padding:18px 27px;overflow:auto}.overlay-card h2{margin:10px 0 15px;font-size:26px}.overlay-card p{margin:10px 0;font-size:10px}.overlay-card button{min-height:45px;margin-top:8px}.overlay-card .eyebrow{font-size:8px}.result-card .trophy{width:49px;margin:0}.result-card h2{margin:7px 0;font-size:28px}.final-score{gap:22px;font-size:35px}.result-card .text-button{min-height:27px;padding:6px}.penalty-panel{max-width:510px;padding:14px 20px}.penalty-panel h3{font-size:19px}.penalty-panel p{font-size:10px}.lock-badge{margin-top:8px;padding:6px;font-size:9px}.tutorial-tip{padding:8px 12px;font-size:10px;top:23%;left:21%;right:21%}.settings-grid{gap:35px;max-width:780px}.settings-grid h3{margin-bottom:7px;font-size:18px}.range-label{margin:12px 0;font-size:11px}.toggle{min-height:36px;font-size:10px}.toggle input{width:17px;height:17px}.settings-grid p{margin-top:10px;font-size:10px}.settings-note{margin:10px auto;font-size:10px}.workshop-title{top:20px;left:27px}.workshop-title .eyebrow{font-size:7px}.workshop-title h2{margin:7px 0;font-size:26px}.workshop-title p{font-size:10px}.animation-bar{gap:4px;bottom:7px;left:10px;right:10px}.chip{min-height:38px;padding:7px 9px;font-size:9px}.lobby-grid{max-width:820px}.join-info{flex-direction:row;gap:15px;padding:17px}.join-info>img{width:115px}.join-info label{margin:8px 0;font-size:9px}.join-info small{font-size:7px}.join-info select{min-height:40px;font-size:9px}.join-info p{margin:6px 0;font-size:9px}.seats{padding:15px}.seat-row{gap:9px;margin-bottom:8px;padding-bottom:8px}.seat-row img{width:40px;height:40px}.seat-row h3{font-size:18px}.seat-row button{min-height:36px;padding:7px 12px;font-size:10px}.seat-row small{font-size:7px}.small{margin-top:8px;font-size:9px}.dialog{max-height:96vh;padding:24px;overflow:auto}.dialog h2{margin:10px 0;font-size:25px}.dialog p{margin-bottom:10px;font-size:10px}.dialog input{min-height:48px;margin:7px 0 10px}.toast{padding:12px 18px;font-size:11px;bottom:15px}}@media (max-width:600px) and (orientation:portrait){.home{height:100%;min-height:830px;overflow:hidden}.home-copy{width:90%;height:410px;top:122px;left:8%}h1{letter-spacing:-6px;margin:25px 0 20px;font-size:100px}.title-star{margin-top:15px;font-size:38px}.home-copy .eyebrow{font-size:9px}.home-copy p{font-size:17px}.hero{width:390px;max-width:108%;bottom:4px;left:8px}.play-card{width:auto;padding:22px;top:530px;left:7%;right:7%;transform:none}.play-card .card-kicker,.play-card h2,.play-card p,.card-bottom{display:none}.play-card button{margin:0}.play-card .secondary{margin-top:12px}.home-footer{bottom:19px;left:27px;right:27px}.home-footer>span{display:none}.home-footer>div{justify-content:space-between;width:100%}.corner{font-size:8px;top:23px;left:25px}.edition{font-size:8px;top:80px;right:25px}.panel-screen{padding:108px 22px 30px}.back{font-size:11px;top:25px;right:20px}.panel-screen>.corner>span:last-child{display:none}.section-heading h2{font-size:31px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:9px;line-height:1.8}.mode-grid,.player-setup,.lobby-grid,.settings-grid{grid-template-columns:1fr;gap:18px}.mode-card{padding:24px}.mode-icon{float:right;margin:0 0 10px 10px}.mode-card h3{font-size:26px}.mode-card p{font-size:12px}.mode-links{flex-wrap:wrap;gap:10px;margin:14px 0}.mode-links button{font-size:11px}.player-card{gap:13px;padding:20px}.player-card img{width:34%}.player-card p{font-size:10px}.setup-bottom{flex-direction:column;gap:15px}.setup-bottom button{width:100%}.setup-bottom>span{font-size:10px}.join-info{flex-direction:row;gap:15px;padding:19px}.join-info>img{width:107px}.join-info small{font-size:8px}.join-info p{font-size:10px}.join-info select{font-size:9px}.seat-row img{width:49px;height:49px}.seat-row h3{font-size:21px}.hud{flex-wrap:wrap;gap:7px;top:14px;left:12px;right:12px}.score{gap:7px;width:calc(50% - 8px);min-width:0;height:54px;padding:8px}.score-name strong{font-size:12px}.score-name small{font-size:6px}.team-symbol{display:none}.ball-count{padding-left:8px}.ball-count strong{font-size:22px}.ball-count small{font-size:5px}.round-pips{gap:3px;margin:0}.round-pips i{width:6px;height:6px}.match-middle{order:3;width:140px;min-width:0;margin-top:7px}.match-middle>span{font-size:8px}.match-middle small{font-size:6px}.pause-button{width:42px;height:42px;position:absolute;top:71px;right:10px}.touch-zone{width:118px;min-height:138px;top:auto;bottom:100px}.portrait-hint{color:var(--cream);text-align:center;background:#29243deb;border-radius:13px;justify-content:center;align-items:center;gap:13px;padding:12px 15px;font-size:12px;line-height:1.6;display:flex;position:absolute;top:155px;left:30px;right:30px}.portrait-hint svg{width:33px;min-width:33px;height:33px;stroke:var(--honey);transform:rotate(90deg)}.match-help{font-size:9px;bottom:33px;left:20px;right:20px}.match-help>span:first-child{font-size:8px}.overlay-card{max-width:92vw;padding:27px}.overlay-card h2{font-size:28px}.penalty-panel{width:94%;padding:16px}.penalty-panel h3{font-size:19px}.penalty-panel p{font-size:10px}.lock-badge{padding:7px;font-size:8px}.tutorial-tip{padding:10px;font-size:10px;top:215px;left:20px;right:20px}.workshop-title{top:90px;left:25px;right:25px}.workshop-title h2{font-size:29px}.workshop-title .eyebrow{font-size:8px;line-height:1.8}.workshop .back{top:20px}.workshop-title p{font-size:11px}.animation-bar{bottom:25px;left:15px;right:15px}.chip{min-height:48px;padding:10px;font-size:10px}.settings-note{font-size:10px}.settings-grid{gap:26px}#ui:has(.home){pointer-events:auto;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.result-card h2{text-wrap:balance}@media (max-width:600px) and (orientation:portrait){.home h1{position:relative}.home h1 .title-star{width:26px;height:26px;margin:0;position:absolute;top:142px;right:0}.home .home-copy>p{font-size:14px;position:absolute;top:193px;left:0}.home .home-copy .hero{max-width:100%;bottom:-6px;left:-14px}}.home-footer{pointer-events:none}.home-copy>p{white-space:nowrap;font-size:18px;position:absolute;top:205px;left:425px}.title-star{background:url(/assets/spark.svg) 50%/contain no-repeat;width:47px;height:47px;transform:rotate(12deg);font-size:0!important}@media (max-height:620px) and (orientation:landscape){.play-card p,.card-bottom{display:none}.play-card h2{margin-bottom:17px}.play-card{top:76px}.hero{width:325px;bottom:-14px;left:147px}.home-copy>p{font-size:14px;position:relative;top:auto;left:0}.title-star{width:32px;height:32px}.home-footer .icon-button{min-width:48px;min-height:48px}}@media (max-width:600px) and (orientation:portrait){.home-copy>p{font-size:17px;position:relative;top:auto;left:0}.home-copy{height:390px}.hero{bottom:-6px;left:14px}.title-star{width:35px;height:35px}}@media (pointer:coarse){button.icon-button,.chip,.player-card select,.player-card .text-button,.seat-row button,.result-card .text-button{min-width:48px;min-height:48px}}:root{--ink:#16223e;--cream:#fff8ed;--mint:#ff879b;--coral:#ff879b;--honey:#ffd166;--muted:#c8d5e9;color:var(--cream);background:#122540}body{background:#142642}p{color:#c9d5e7}button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#64e2f0}.primary{color:#172039;background:linear-gradient(120deg,#ffe092,#ffc550);border:1px solid #fff0b8;box-shadow:0 4px #96632b,0 9px 24px #070e2533}.secondary{color:#fff8ed;background:linear-gradient(140deg,#33415bf5,#212b45f5);border:1px solid #8994bb80;box-shadow:inset 0 1px #ffffff14}.text-button{color:#eef5ff}.icon-button{color:#fff8ed;background:#182744ed;border:1px solid #abb5d86b}.honey-text{color:#62e2ef}.mint-text{color:#ff95a5}.home.illustrated-home{background:linear-gradient(90deg,#12395805,#15224724),url(/assets/illustrated/home-arena.webp) 50%/cover no-repeat;height:100%;min-height:100%;position:absolute;inset:0;overflow:hidden}.illustrated-home:before{content:"";pointer-events:none;background:linear-gradient(#172a5020,#0000 16% 72%,#15243d77);position:absolute;inset:0}.home .home-logo{filter:drop-shadow(0 10px 8px #16254970);width:45%;height:34%;margin:0;line-height:1;position:absolute;top:3%;left:6%;transform:rotate(-3deg)}.home-logo img{object-fit:contain;object-position:left center;width:100%;height:100%}.home-cast{pointer-events:none;width:66%;height:63%;position:absolute;bottom:4%;left:2%}.home-mascot{width:68%;height:100%;position:absolute;bottom:0}.home-mascot.nori{left:-6%;transform:rotate(-4deg)}.home-mascot.sora{height:97%;left:34%;transform:rotate(4deg)}.home-mascot img,.mascot-head{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mascot-body{filter:drop-shadow(0 12px 7px #142d5b65)}.mascot-head{transform-origin:43% 41%;animation:4s ease-in-out infinite head-life}.sora .mascot-head{animation-delay:-1.3s}.mascot-tail{transform-origin:53% 76%;animation:3.7s ease-in-out infinite tail-life}.sora .mascot-tail{animation-delay:-2s}.eyes-open{animation:5.3s infinite blink-open}.eyes-closed{opacity:0;animation:5.3s infinite blink-closed}.sora .eyes-open,.sora .eyes-closed{animation-delay:-2s}@keyframes head-life{50%{transform:translateY(2px)rotate(1.3deg)}}@keyframes tail-life{50%{transform:rotate(3deg)}}@keyframes blink-open{0%,46%,49%,to{opacity:1}47%,48%{opacity:0}}@keyframes blink-closed{0%,46%,49%,to{opacity:0}47%,48%{opacity:1}}.reduced-art *,.reduced-art .eyes-open{animation:none}.reduced-art .eyes-closed{opacity:0}.home .play-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#222a48fa,#18213aef);border:1.5px solid #fbd57fa8;border-radius:28px;width:31%;max-width:460px;padding:31px;top:35%;right:5%;transform:none;box-shadow:0 12px 45px #10182d85,inset 0 1px #ffffdf22}.home .play-card h2{letter-spacing:-.3px;align-items:center;gap:14px;margin:0 0 24px;font-size:23px;font-weight:700;display:flex}.home .play-card h2 svg{width:28px;height:28px}.home .play-card button{border-radius:16px;width:100%;min-height:70px;margin:0;padding:18px;font-size:17px}.home .play-card .secondary{margin-top:18px;font-size:15px}.home .home-footer{bottom:3%;left:auto;right:5%}.home-footer>div{gap:20px}.home-footer .text-button{text-shadow:0 2px 4px #102342}.corner{top:20px;left:30px}.corner img{object-fit:contain;width:130px;height:72px}.panel-screen{background:linear-gradient(#102440df,#162744f5),url(/assets/illustrated/home-arena.webp) 50%/cover fixed}.back{color:#f8f2dd}.section-heading h2{color:#fff8ed}.mode-card,.player-card,.seats,.join-info,.dialog,.overlay-card,.penalty-panel{background:linear-gradient(145deg,#25334ff7,#15223df7);border:1px solid #bdcbee55;box-shadow:0 12px 35px #0a162f55}.mode-card:hover{border-color:#ffe39c}.mode-icon.honey{color:#68e8f1;background:#48cbd828}.mode-icon.mint{color:#ffa1b1;background:#fc8f9b24}.player-card.honey{border-color:#64dceaa8}.player-card.mint{border-color:#ff95a79e}.player-card img{object-fit:contain;filter:drop-shadow(0 5px 10px #080d2750)}.seat-row img{object-fit:contain}.score{background:linear-gradient(110deg,#1a2443f7,#252c4ded);border:1px solid #efce879b;border-radius:18px;min-width:280px;box-shadow:0 5px 16px #0f194d45}.score.honey{border-left:4px solid #55dfee}.score.mint{border-right:4px solid #ff92a2}.score-portrait{object-fit:contain;align-self:center;width:54px;height:56px;margin:-8px 0}.score-name strong{color:#fff9f0}.score-name small{color:#cbd5eb}.score .ball-count strong{color:#fff6e4}.score.honey .round-pips .won{background:#5ce3ec;box-shadow:0 0 8px #4cc5e77a}.score.mint .round-pips .won{background:#ff95a5;box-shadow:0 0 8px #fc749b77}.match-middle{background:#1a2647ee;border:1px solid #e7c77c8f;border-radius:30px;padding:12px 18px}.match-middle small{color:#d4deef}.match-help{color:#fff9ed;text-shadow:0 2px 3px #142744;background:#17223ce8;border-radius:14px;padding:10px 18px}.touch-zone{color:#e6fbff;background:linear-gradient(140deg,#163a59e3,#20304adc);border-color:#a8dfef9c;box-shadow:inset 0 1px #ffffff26,0 6px 18px #131a3644}.touch-zone.action{background:linear-gradient(140deg,#583047e5,#2b2e4ce8);border-color:#ffa6b8a6}.touch-zone small{color:#d3e2ef}.overlay-card{border:1px solid #f6d48caa}.result-portrait{object-fit:contain;filter:drop-shadow(0 3px 14px #eebb6755);width:120px;height:110px}.result-card h2{color:#fff7e5}.final-score i{color:#a8b8d5}.countdown{color:#fff6de;text-shadow:0 4px #20304b,0 0 35px #fbdc8390}.tutorial-tip{background:#1a2b46ef;border-color:#76dae8}.workshop-title{background:#15233bd9;border-radius:15px;padding:12px 18px}.chip{background:#20344eed;border:1px solid #bacded55}.chip.active{color:#102339;background:#6adde8;border-color:#d5fcff}@media (max-width:1100px){.home .play-card{width:33%;padding:24px;right:4%}.home .play-card button{padding:14px;font-size:15px}.home .play-card .secondary{font-size:13px}.score{min-width:235px}.score-portrait{width:42px;height:44px}}@media (max-height:620px) and (orientation:landscape){.home .home-logo{width:42%;height:35%;top:3%;left:6%}.home-cast{width:65%;height:63%;bottom:2%}.home .play-card{border-radius:20px;width:34%;padding:21px;top:28%;right:5%}.home .play-card h2{gap:10px;margin-bottom:17px;font-size:17px}.home .play-card h2 svg{width:23px;height:23px}.home .play-card button{border-radius:12px;min-height:52px;padding:12px;font-size:13px}.home .play-card .secondary{margin-top:12px;font-size:11px}.home .home-footer{bottom:1%}.corner{top:6px;left:24px}.corner img{width:97px;height:54px}.score{border-radius:12px;min-width:205px}.score-portrait{width:35px;height:40px}.match-middle{border-radius:16px;padding:6px 10px}.match-help{padding:6px 9px;font-size:8px}.result-portrait{width:62px;height:57px}.workshop-title{padding:8px 15px}}@media (max-width:600px) and (orientation:portrait){.home.illustrated-home{min-height:760px}.home .home-logo{width:86%;height:23%;top:3%;left:7%}.home-cast{width:116%;height:40%;bottom:31%;left:-8%}.home-mascot.nori{left:-5%}.home-mascot.sora{left:31%}.home .play-card{border-radius:22px;width:auto;padding:19px;inset:auto 6% 9%}.home .play-card h2{display:none}.home .play-card button{min-height:58px;padding:15px;font-size:16px}.home .play-card .secondary{margin-top:13px;font-size:14px}.home .home-footer{bottom:1.5%;left:7%;right:7%}.corner img{width:102px;height:55px}.score{border-radius:12px;min-width:0}.score-portrait{width:30px;height:35px}.score-name small{display:none}.score-name strong{font-size:11px}.match-middle{padding:8px}.match-help{padding:8px 10px}.result-portrait{width:95px;height:85px}}