:root{--ink:#253d37;--muted:#7b8983;--green:#53bca2;--deep:#27856d;--pale:#e6f3eb;--paper:#f8f9f3;--line:#dce5dc;--white:#fffef9;--shadow:0 12px 38px #32554108;font-family:'Bubble Sans',Inter,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{touch-action:manipulation}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #53bca2;outline-offset:5px}button:hover:not(:disabled){filter:brightness(.975)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#9ab5a327 .6px,transparent .6px);background-size:7px 7px}.site-header{max-width:1240px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px}.brand img{width:50px;height:50px;object-fit:contain}.brand>span{font-size:19px;font-weight:850;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:4px;font-weight:600;color:#839388}nav{display:flex;gap:28px;align-items:center}.network-status{font-size:11px;color:#879188;display:flex;gap:7px;align-items:center}.network-status i,.eyebrow i,.small-dot,.note-two i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61b89b}.network-status.offline i{background:#e5ad6b}.quiet-button,.text-button{background:none;border:0;font-size:12px;padding:9px 0}.quiet-button{display:flex;align-items:center;gap:10px}.help-mark{border:1px solid #9fa99e;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:10px}.icon-button{border:1px solid var(--line);background:#fff9;border-radius:50px;display:flex;align-items:center;gap:8px;padding:9px 13px;font-size:11px}.icon-button #soundIcon{font-size:20px;line-height:1}.screen{max-width:1184px;margin:0 auto}.home-screen{padding:0 0}.hero{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;min-height:423px;position:relative}.hero-copy{padding:26px 0 20px 23px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1.2px;color:#628575}.hero-copy .eyebrow{background:#e8f1e7;border:1px solid #dce9da;border-radius:30px;padding:8px 13px;letter-spacing:.4px}h1{font-size:clamp(40px,4.55vw,64px);line-height:1.28;letter-spacing:-3px;margin:18px 0 13px;font-weight:950;position:relative}h1>span{color:var(--green)}.title-spark{font-size:40px;display:inline-block;color:#e2bc6e;vertical-align:top;margin:7px 0 0 15px;line-height:1}.hero-subtitle{font-size:14px;color:#839187;line-height:1.95;letter-spacing:.5px;margin:15px 0 22px}.feature-pills{display:flex;gap:10px}.feature-pills>span{border:1px solid #dce3d8;background:#fafbf7;border-radius:6px;padding:7px 10px;font-size:10px;color:#75837b;white-space:nowrap}.feature-pills b{font-size:13px;color:#536c5e;margin-right:3px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.hero-art>img{position:relative;width:100%;height:470px;object-fit:contain;z-index:1;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 19px 24px #45664b12)}.hero-orbit{position:absolute;width:340px;height:340px;border:1px dashed #dbe5d9;border-radius:50%;transform:rotate(-25deg) scaleX(1.42);top:47px;left:130px}.art-note{position:absolute;background:#fffefaee;border:1px solid #e3e9dd;box-shadow:0 5px 15px #38503e07;padding:10px 15px;border-radius:8px;font-size:10px;letter-spacing:.3px;z-index:2}.note-one{left:3%;top:30%;transform:rotate(-8deg)}.note-two{right:5%;bottom:12%;transform:rotate(6deg);display:flex;align-items:center;gap:6px}.launch-panel{margin:10px 0 0;display:grid;grid-template-columns:.95fr 1.5fr;border:1px solid #dce6dc;border-radius:17px;background:#fffefa;box-shadow:var(--shadow);padding:27px 30px;gap:30px}.identity-panel{border-right:1px dashed #dce5da;padding-right:30px}.section-label{font-size:13px;display:flex;align-items:center;gap:8px;font-weight:650;margin-bottom:15px}.step-number{font-size:9px;letter-spacing:.5px;color:#7c9788;background:#eff4ec;border-radius:4px;padding:4px}.nickname-label{font-size:10px;display:block;color:var(--muted);margin-bottom:7px}input{width:100%;background:#f7f9f4;border:1px solid #e1e7dc;border-radius:7px;padding:10px 12px;font-size:13px;color:var(--ink);outline:none;transition:.2s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #53bca21c}input::placeholder{color:#a6b2a6}.character-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.character-option{position:relative;height:51px;display:grid;place-items:center;border:1px solid #e9ece4;background:#fafbf7;border-radius:9px;transition:.2s}.character-option img{height:58px;width:58px;object-fit:contain;transition:.2s}.character-option:hover img{transform:translateY(-4px)}.character-option.selected{border-color:#67b89b;background:#e8f5eb;box-shadow:0 0 0 1px #67b89b}.character-option.selected:after{content:'✓';position:absolute;right:3px;top:3px;background:#59a98c;color:white;border-radius:50%;width:12px;height:12px;font-size:8px;display:grid;place-items:center}.character-caption{display:flex;justify-content:space-between;font-size:9px;color:#9ba69b;margin-top:10px}.character-caption>span:first-child{color:#5b8c77}.mode-panel{padding-top:1px;display:flex;flex-direction:column;justify-content:center}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{border:0;border-radius:10px;padding:22px 18px;display:flex;align-items:center;gap:12px;text-align:left;position:relative;min-height:111px;transition:.2s}.mode-card>span:nth-child(2){display:flex;flex-direction:column;gap:9px}.mode-card strong{font-size:17px;letter-spacing:.4px}.mode-card small{font-size:10px;font-weight:400;opacity:.8;white-space:nowrap}.mode-card>b{position:absolute;right:13px;top:13px;font-size:16px;font-weight:400}.create-card{background:#54b698;color:#fffef8;box-shadow:0 4px 0 #47997e}.create-card:hover{background:#45ab8e;transform:translateY(-2px)}.join-card{background:#f1f3eb;border:1px solid #e3e8da;color:#536c5c;box-shadow:0 4px 0 #e6eadf}.mode-symbol{width:31px;height:31px;border:1px solid #ffffff5c;border-radius:8px;display:grid;place-items:center;font-size:24px;font-weight:300;flex-shrink:0}.join-symbol{border-color:#c7d3c3;font-size:26px}.practice-row{font-size:10px;margin-top:22px;display:flex;align-items:center;gap:5px;color:#98a095;flex-wrap:wrap}.practice-row button{border:0;background:none;font-size:10px;padding:4px 0;color:#61846e}.practice-row button>b{margin-left:8px}.no-install{margin-left:auto;color:#a5aea2;font-size:9px}.home-bottom{display:flex;justify-content:space-between;align-items:center;padding:21px 6px;font-size:10px;color:#95a08f}.home-bottom>span{display:flex;gap:8px;align-items:center}.home-bottom button{border:0;background:none;color:#788a77;font-size:10px}.home-bottom button span{margin-left:10px}footer{max-width:1184px;border-top:1px solid var(--line);margin:12px auto 0;padding:22px 5px 24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1aa9b;letter-spacing:.3px}footer>span:first-child{letter-spacing:2px;font-size:8px}footer p{margin:0}.button{border:1px solid transparent;border-radius:9px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:650;min-height:48px;transition:.15s}.primary{background:#50b294;color:#fff;box-shadow:0 3px 0 #3f9279}.secondary{background:#fffdf7;border-color:#dfe6d9;color:#657b69}.button span{font-weight:400;font-size:18px}.lobby-screen{padding:45px 24px 35px;max-width:1090px}.room-top{display:flex;justify-content:space-between;align-items:flex-start}.room-top h2{font-size:32px;letter-spacing:-1px;margin:10px 0 12px}.room-top p{font-size:13px;color:var(--muted);margin:0}.room-top>.text-button{color:#7e8e80}.invite-bar{margin:30px 0 24px;background:#ecf3e9;border:1px solid #dce6d5;border-radius:11px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between}.invite-bar>div{display:flex;align-items:center;gap:20px}.tiny-label{font-size:11px;color:#7e917d}.invite-bar strong{font-family:ui-monospace,monospace;font-size:29px;letter-spacing:5px;font-weight:700}.room-count{border-left:1px solid #d0dccb;padding-left:18px;font-size:11px;color:#7c8e79}.invite-bar .button{padding:10px 15px;min-height:40px;font-size:11px;gap:14px}.player-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.player-slot{position:relative;display:flex;align-items:center;flex-direction:column;background:#fffef9;border:1px solid #dfe6d9;border-radius:13px;min-height:245px;padding:12px 15px 22px;box-shadow:var(--shadow)}.player-slot.self{border-color:#64b699;background:#f0f8ee}.slot-index{font-size:9px;letter-spacing:2px;align-self:flex-start;color:#a1ac9a}.slot-role{position:absolute;right:12px;top:12px;font-size:9px;color:#669a7c;background:#e4efdf;padding:3px 7px;border-radius:5px}.player-slot img{width:137px;height:137px;object-fit:contain;animation:float 5s ease-in-out infinite}.player-slot strong{font-size:14px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-slot small{font-size:10px;color:#8da185;margin-top:10px;display:flex;align-items:center;gap:5px}.player-slot small.ready{color:#459b7e}.player-slot .bot-remove{border:0;background:none;position:absolute;bottom:6px;right:9px;font-size:9px;color:#a2aa9d;padding:4px}.empty-slot{border:1px dashed #ccd9c4;background:#f4f7ee;box-shadow:none;color:#a1b196;justify-content:center;gap:10px;padding:25px}.empty-slot .empty-plus{font-size:36px;width:66px;height:66px;display:grid;place-items:center;border:1px dashed #d2ddca;border-radius:50%;font-weight:200}.empty-slot strong{font-size:12px;font-weight:500}.empty-slot small{font-size:9px}.empty-slot button{border:1px solid #ccd9c4;background:#fdfef6;color:#7b9273;font-size:10px;padding:7px 10px;border-radius:6px;margin-top:2px}.lobby-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-bottom:27px;border-bottom:1px solid var(--line)}.room-rules strong{font-size:15px}.room-rules strong span{font-size:9px;font-weight:400;background:#ecead9;color:#969568;border-radius:4px;padding:4px 7px;margin-left:7px}.room-rules p{font-size:12px;color:#7d8e79;margin:12px 0 8px}.room-rules small{font-size:10px;color:#a0aa97}.start-area{text-align:right;min-width:205px}.start-area p{font-size:11px;color:#94a389;margin:0 0 12px}.start-area .button{width:100%}.lobby-tip{text-align:center;font-size:11px;color:#9aaa92;padding-top:26px}.lobby-tip span{color:#7e9776;margin-right:10px}.game-screen{max-width:990px;padding:15px 15px 0}.playing .site-header{padding-top:9px;padding-bottom:9px;max-width:1100px}.playing .site-header .brand img{width:34px;height:34px}.playing .brand>span{font-size:14px}.playing .brand small{font-size:6px;margin-top:2px}.playing footer{display:none}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.game-location{display:flex;flex-direction:column;gap:5px;min-width:180px}.game-location>strong{font-size:13px}.game-location>span{font-size:9px;color:#91a185}.game-location b{font-family:monospace;font-weight:400}.game-location i{padding:0 5px;font-style:normal}.game-top>.quiet-button{width:180px;justify-content:flex-end;color:#8c9a83;font-size:10px}.timer{text-align:center}.timer small{display:block;font-size:8px;color:#96a28e;letter-spacing:2px}.timer strong{font-family:ui-monospace,monospace;font-size:29px;letter-spacing:2px;line-height:1.15}.timer.urgent{color:#d88b79}.scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 10px;max-width:960px}.score-item{display:flex;align-items:center;gap:8px;background:#fffdf8;border:1px solid #e0e7d9;border-radius:8px;height:42px;padding:1px 10px 1px 3px;min-width:0}.score-item.self{border-color:#80b899;background:#eef7e9}.score-item img{width:40px;height:40px;object-fit:contain}.score-item>div{display:flex;flex-direction:column;min-width:0}.score-item strong{font-size:10px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.score-item small{font-size:7px;color:#9dac92;margin-top:3px}.score-item>b{margin-left:auto;font-size:19px;font-weight:700;font-family:ui-monospace,monospace}.arena-container{position:relative;max-width:100%;width:min(960px,calc((100dvh - 235px)*1.5));margin:auto;aspect-ratio:3/2;border-radius:16px;overflow:hidden;box-shadow:0 8px 0 #cadcc3,0 16px 40px #44664116;border:3px solid #d9e8cf;background:#e8f0d9;touch-action:none}.arena-container canvas{width:100%;height:100%;display:block;outline:none;cursor:crosshair;touch-action:none}.arena-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#859b7180;pointer-events:none;white-space:nowrap}.arena-label span{border:1px solid #b8caaa;padding:2px 4px;margin-left:6px;font-size:6px}.arena-overlay{position:absolute;inset:0;background:#f9fff35e;backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.arena-overlay>span{font-size:15px;letter-spacing:5px;color:#58764f}.arena-overlay strong{font-size:100px;color:#3d926f;line-height:1.3;font-family:ui-monospace,monospace;text-shadow:0 5px 0 #fff7}.arena-overlay small{font-size:10px;color:#6f8964}.trap-status{position:absolute;top:17px;left:50%;transform:translateX(-50%);background:#fff9e7ee;box-shadow:0 3px 10px #61743d12;border:1px solid #d9d8b3;border-radius:30px;padding:8px 16px;font-size:11px;white-space:nowrap;pointer-events:none}.event-feed{position:absolute;top:10px;right:10px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.event-feed>div{font-size:9px;background:#fffdf2e3;border:1px solid #e1e8cf;border-radius:5px;padding:5px 8px;color:#758d69}.desktop-controls{display:flex;justify-content:center;gap:20px;font-size:9px;color:#96a189;padding:22px 0 10px;flex-wrap:wrap}.desktop-controls>span{display:flex;align-items:center;gap:3px}kbd{display:inline-block;border:1px solid #dae2d0;border-radius:3px;padding:2px 4px;font:9px ui-monospace,monospace;background:#fafcf5;color:#8b9b7d;box-shadow:0 1px 0 #dae2d0}.desktop-controls b{font-size:9px;margin-left:4px;color:#64a385;font-weight:400}.touch-controls{display:none}.results-screen{max-width:580px;text-align:center;padding:35px 24px}.winner-art{position:relative;height:170px;width:200px;margin:0 auto}.winner-art img{width:180px;height:180px;object-fit:contain;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 10px 12px #67825219)}.winner-art>span{position:absolute;left:8px;top:45px;color:#dcb666;font-size:24px}.winner-art>span:last-child{left:auto;right:3px;top:76px;font-size:33px}.results-screen h2{font-size:31px;letter-spacing:-1px;margin:4px 0 12px}.results-screen>p{font-size:12px;color:#8c9a80;line-height:1.7;margin:0 0 23px}.result-list{text-align:left;display:flex;flex-direction:column;gap:8px}.result-row{display:flex;align-items:center;gap:14px;background:#fffefa;border:1px solid #e1e6d9;border-radius:9px;padding:4px 18px}.result-row.winner{border-color:#b0caa0;background:#edf5e5}.result-row>.rank{font-size:19px;font-family:ui-monospace,monospace;color:#9faf8d;width:23px}.result-row>img{width:55px;height:55px;object-fit:contain}.result-row>div{display:flex;flex-direction:column;gap:4px}.result-row strong{font-size:13px}.result-row small{font-size:9px;color:#94a287}.result-row>b{margin-left:auto;font-family:ui-monospace,monospace;font-size:26px}.result-row>b small{font-size:10px;font-family:inherit;margin-left:3px}.result-actions{display:flex;justify-content:center;gap:12px;margin:25px 0 16px}.result-actions .button{min-width:170px}.results-screen>p.muted{font-size:10px}dialog{border:1px solid #dbe3d4;background:#fffef8;border-radius:18px;box-shadow:0 25px 100px #334e3f30;padding:35px;width:min(92vw,480px);color:var(--ink);max-height:90dvh}dialog::backdrop{background:#304d4250;backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin:14px 0}dialog p{font-size:12px;color:#8b9a81;line-height:1.8}dialog label{font-size:11px;display:block;color:#839379;margin:20px 0 8px}dialog input{text-transform:uppercase;text-align:center;font-family:ui-monospace,monospace;letter-spacing:9px;font-size:29px;padding:16px}dialog .button{display:flex;width:100%;margin-top:15px}dialog small{display:block;text-align:center;color:#a3ae99;font-size:10px;margin-top:17px}.modal-close{position:absolute;top:10px;right:13px;background:transparent;border:0;font-size:25px;color:#9bab90;padding:4px 8px}.help-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.help-steps>div{display:flex;gap:14px}.help-steps>div>b{color:#8cba9f;font-family:ui-monospace,monospace;font-size:16px;line-height:1.5}.help-steps h3{font-size:13px;margin:0 0 6px}.help-steps p{font-size:11px;line-height:1.8;margin:0}.help-extra{font-size:10px;line-height:2;color:#99a58d;border-top:1px dashed #dae4d0;padding-top:15px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#2c5148;color:#fffdf4;border-radius:9px;padding:13px 23px;font-size:12px;box-shadow:0 8px 25px #193e4322;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;text-align:center;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.reconnect-banner{position:fixed;top:0;left:0;right:0;background:#f2dfb8;color:#826341;text-align:center;padding:10px;font-size:12px;z-index:150}.playing{overflow-x:hidden;overscroll-behavior:none}body.touch .touch-controls{display:flex;justify-content:space-between;align-items:center;height:175px;padding:12px 20px;touch-action:none;user-select:none;-webkit-user-select:none}body.touch .desktop-controls{display:none}.joystick{position:relative;width:118px;height:118px;border-radius:50%;background:#e6eede;border:1px solid #cfdcc5;box-shadow:inset 0 2px 8px #65884709;touch-action:none}.joystick-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:73px;font-weight:200;color:#d4e0ca}.joystick-knob{position:absolute;left:34px;top:34px;width:48px;height:48px;background:#bed9b1;border:2px solid #f2f9e8;border-radius:50%;box-shadow:0 3px 6px #4c77472a;pointer-events:none}.joystick>span{position:absolute;bottom:-23px;font-size:9px;left:0;right:0;text-align:center;color:#9caf8c}.touch-hint{font-size:9px;color:#a1ad94;line-height:1.9;text-align:center}.touch-actions{display:flex;align-items:center;gap:14px}.fire-touch{width:96px;height:96px;border-radius:50%;border:2px solid #96ceb4;background:#dff2e3;box-shadow:0 5px 0 #afd7bc;position:relative;touch-action:none}.fire-touch img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.6}.fire-touch span{position:relative;font-size:14px;font-weight:700;color:#477e63}.fire-touch.pressed{background:#b3dfc4;transform:translateY(3px);box-shadow:0 2px 0 #afd7bc}.dash-touch{height:53px;width:53px;border:1px solid #d4deca;border-radius:50%;background:#fafbee;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;color:#8ca47a;touch-action:none}.dash-touch small{font-size:8px;margin-top:1px}.dash-touch.cooldown{opacity:.45}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(min-width:1500px){.hero{min-height:490px}.hero-art{height:475px}.hero-art>img{height:520px}.launch-panel{padding:30px}.home-screen{padding-top:8px}.hero-copy h1{font-size:70px}.site-header{padding-top:27px;padding-bottom:27px}}@media(max-width:1240px){.home-screen{padding:0 30px}.hero-copy{padding-left:0}.hero-orbit{left:95px}.launch-panel{gap:23px;padding:25px}.identity-panel{padding-right:23px}footer{margin-left:30px;margin-right:30px}.hero-art>img{height:440px}.mode-card{padding:22px 14px;gap:10px}.mode-symbol{width:27px;height:27px}.mode-card small{font-size:9px}}@media(max-width:960px){nav{gap:18px}.hero{grid-template-columns:1fr 1.05fr;min-height:365px}.hero-art{height:350px}.hero-art>img{height:375px;width:110%}.hero-orbit{width:240px;height:240px;top:65px;left:90px}.title-spark{font-size:28px;margin-left:8px}.hero-subtitle{font-size:12px}.feature-pills{gap:6px}.feature-pills>span{padding:6px 7px;font-size:8px}.feature-pills b{font-size:11px}.launch-panel{grid-template-columns:.9fr 1.2fr;gap:18px;padding:22px}.identity-panel{padding-right:18px}.section-label{font-size:11px}.mode-card{min-height:98px;padding:20px 13px;gap:0}.mode-card .mode-symbol{display:none}.mode-card strong{font-size:15px}.no-install{display:none}.note-one{left:0;top:25%;font-size:8px;padding:8px 10px}.note-two{right:-3%;font-size:8px;padding:8px 10px}.player-slots{gap:10px}.player-slot{padding:12px 8px 20px;min-height:215px}.player-slot img{width:110px;height:120px}.room-top h2{font-size:28px}}@media(max-width:650px){.site-header{padding:14px 18px}.brand img{width:40px;height:40px}.brand>span{font-size:15px;letter-spacing:.5px}.brand small{font-size:6px;letter-spacing:1.5px}.network-status{display:none}nav{gap:14px}.quiet-button{font-size:10px}.icon-button{padding:8px 9px;font-size:9px;gap:5px}.home-screen{padding:0 18px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;text-align:center;padding:27px 0 0}.hero-copy .eyebrow{font-size:9px;padding:6px 10px}h1{font-size:46px;line-height:1.25;letter-spacing:-2px;margin:18px 0 10px}.title-spark{font-size:25px;position:absolute;margin:0;right:15%;top:67px}.hero-subtitle{font-size:11px;line-height:1.9;margin:12px 0 15px}.feature-pills{justify-content:center}.feature-pills>span{font-size:9px}.hero-art{height:252px;width:100%;margin-top:0}.hero-art>img{height:290px;width:100%;object-fit:contain}.hero-orbit{width:190px;height:190px;left:calc(50% - 95px);top:36px}.note-one{left:0;top:50%;font-size:8px}.note-two{right:0;bottom:14%;font-size:8px}.launch-panel{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:14px;margin-top:5px}.identity-panel{border-right:0;border-bottom:1px dashed #dce5da;padding:0 0 18px}.section-label{font-size:12px;margin-bottom:13px}.nickname-label{font-size:9px}.character-picker{gap:12px}.character-option{height:51px}.character-option img{height:61px;width:61px}.character-caption{font-size:9px}.mode-panel{padding:0}.mode-card{padding:21px 15px;min-height:94px}.mode-card strong{font-size:15px}.mode-card small{font-size:9px}.mode-buttons{gap:12px}.practice-row{margin-top:19px;justify-content:center;font-size:10px}.practice-row button{font-size:10px}.home-bottom{padding:19px 0;flex-direction:column;gap:16px;font-size:9px}.home-bottom button{font-size:10px}footer{margin:6px 18px 0;padding:19px 0 25px;gap:15px;justify-content:center;flex-wrap:wrap;font-size:8px}footer p{display:none}.lobby-screen{padding:28px 18px}.room-top h2{font-size:25px}.room-top .eyebrow{font-size:9px}.room-top p{font-size:11px}.room-top .text-button{font-size:10px}.invite-bar{margin:24px 0 18px;padding:14px}.invite-bar>div{gap:8px;flex-wrap:wrap}.invite-bar strong{font-size:22px;letter-spacing:3px}.tiny-label{font-size:9px}.room-count{font-size:9px;padding-left:8px}.invite-bar .button{font-size:9px;padding:8px 10px;gap:5px;min-height:34px;white-space:nowrap}.invite-bar .button span{font-size:12px}.player-slots{grid-template-columns:repeat(2,1fr);gap:11px}.player-slot{min-height:202px}.player-slot img{width:120px;height:125px}.player-slot strong{font-size:12px}.lobby-bottom{gap:20px;flex-direction:column;align-items:stretch;margin-top:24px}.room-rules{text-align:center}.room-rules strong{font-size:13px}.room-rules p{font-size:11px}.start-area{text-align:center}.start-area p{font-size:10px}.start-area .button{width:100%;max-width:320px}.lobby-tip{font-size:10px;line-height:1.8}.playing .site-header{padding:9px 12px}.playing .brand>span{font-size:12px}.playing .brand small{display:none}.playing .brand img{width:29px;height:29px}.playing nav{gap:13px}.playing #helpBtn{font-size:0;gap:0}.playing .icon-button{border:0;padding:4px 0}.game-screen{padding:12px 10px 0}.game-location{min-width:115px}.game-location>strong{font-size:12px}.game-location>span{font-size:8px}.game-top>.quiet-button{font-size:9px;width:100px}.timer strong{font-size:27px}.scorebar{gap:4px;margin-bottom:9px}.score-item{height:41px;border-radius:6px;padding:0 5px 0 0;gap:1px}.score-item img{width:29px;height:35px}.score-item strong{font-size:8px;max-width:43px}.score-item small{font-size:6px}.score-item>b{font-size:15px}.arena-container{width:100%;border-width:2px;border-radius:11px}.arena-label{font-size:5px;bottom:6px;letter-spacing:1px}.arena-label span{font-size:5px}.arena-overlay>span{font-size:12px}.arena-overlay strong{font-size:70px}.arena-overlay small{font-size:8px}.trap-status{font-size:9px;padding:6px 10px;top:9px}.event-feed{top:auto;bottom:15px;right:6px}.event-feed>div{font-size:7px;padding:3px 5px}.results-screen{padding:28px 22px}.results-screen h2{font-size:27px}.results-screen>p{font-size:11px}.result-actions{gap:10px}.result-actions .button{min-width:0;padding:12px 20px;flex:1;font-size:13px}.winner-art{height:155px}.winner-art img{width:165px;height:165px}.result-row{padding:3px 13px}.result-row strong{font-size:12px}.result-row>b{font-size:23px}dialog{padding:29px 24px}dialog h2{font-size:23px}.desktop-controls{gap:10px;font-size:7px}body.touch .touch-controls{padding:25px 9px 15px;height:170px}.touch-actions{gap:12px}.joystick{width:106px;height:106px}.joystick-knob{left:28px;top:28px}.fire-touch{width:88px;height:88px}.dash-touch{width:45px;height:45px}.touch-hint{font-size:8px}.no-install{display:none}}@media(max-width:380px){h1{font-size:40px}.title-spark{right:11%}.mode-card{padding-left:12px}.mode-card strong{font-size:14px}.mode-card small{font-size:8px}.hero-art{height:220px}.hero-art>img{height:260px}.touch-hint{display:none}.invite-bar{gap:6px}.room-count{display:none}.score-item img{width:22px}.score-item strong{max-width:40px}}@media(orientation:landscape) and (max-height:600px){body.touch.playing .site-header{display:none}body.touch .game-screen{padding:5px 12px;max-width:100%}body.touch .game-top{margin-bottom:4px;height:30px}body.touch .game-location{flex-direction:row;gap:10px;align-items:center}body.touch .timer{display:flex;gap:8px;align-items:center}body.touch .timer strong{font-size:23px}body.touch .scorebar{position:absolute;left:12px;top:45px;width:105px;display:flex;flex-direction:column;gap:6px}body.touch .score-item{height:37px}body.touch .score-item strong{max-width:48px}body.touch .arena-container{width:calc((100dvh - 55px)*1.5);max-width:calc(100vw - 250px);border-radius:9px}body.touch .touch-controls{position:absolute;inset:85px 8px 15px;pointer-events:none;height:auto;padding:0;align-items:flex-end}body.touch .joystick,body.touch .touch-actions{pointer-events:auto}body.touch .joystick{width:95px;height:95px;margin-left:5px;margin-bottom:20px}body.touch .joystick-knob{left:22px;top:22px}body.touch .touch-hint{display:none}body.touch .touch-actions{flex-direction:column;gap:12px;margin-bottom:8px;margin-right:6px}body.touch .fire-touch{width:79px;height:79px}body.touch .dash-touch{width:43px;height:43px}body.touch .joystick>span{bottom:-18px}body.touch .event-feed>div{font-size:7px}body.touch .game-top>.quiet-button{width:120px}body.touch .game-location{width:220px}body.touch.playing #toast{bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}