:root{color:#293c35;font-synthesis:none;--green:#a8dfab;--dark:#263e35;--muted:#77817a;--border:#e6e9df;--cream:#f8f7f2;background:#f8f7f2;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:14px;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #69ad89}a{color:inherit}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}input,select{background:#fff;border:1px solid #dce3d7;border-radius:12px;width:100%;min-height:45px;padding:12px 14px}input::placeholder{color:#9ca59c}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:5;background:#fffef9;flex-direction:column;flex:none;width:218px;padding:34px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;background:0 0;align-items:center;gap:7px;padding:0;display:flex}.brand>span{letter-spacing:-1px;white-space:nowrap;font-size:25px;font-weight:900}.brand small{letter-spacing:3.5px;margin:4px 0 0 2px;font-size:9px;font-weight:700;display:block}.beta-label{letter-spacing:1.5px;color:#78866a;background:#f0f2e8;border:1px solid #e2e8d9;border-radius:6px;width:max-content;margin:20px 0 30px 8px;padding:5px 9px;font-size:9px}.sidebar nav{gap:9px;display:grid}.sidebar nav button{text-align:left;color:#7e877b;background:0 0;border-radius:13px;align-items:center;gap:13px;padding:13px 15px;font-size:13px;font-weight:700;display:flex}.sidebar nav button span{text-align:center;width:23px;font-size:22px;font-weight:500;line-height:24px}.sidebar nav button.active{color:#2d5440;background:#e8f2df}.sidebar nav button:not(:disabled):hover{background:#f0f4e9}.sidebar-bottom{margin-top:auto;padding:40px 8px 0}.sidebar-bottom p{color:#8b9487;margin:15px 0 20px;font-size:12px;line-height:1.9}.tiny-pals{padding-left:4px;display:flex}.tiny-pals .avatar{border:3px solid #fffef9;border-radius:50%;margin-left:-6px}.text-button{color:#57775f;background:0 0;padding:2px;font-size:12px;font-weight:700}.text-button:disabled{opacity:.45}.main-column{flex:1;min-width:0;margin-left:218px}.topbar{border-bottom:1px solid var(--border);background:#fffef9;justify-content:space-between;align-items:center;height:88px;padding:0 44px;display:flex}.breadcrumb{font-size:13px;font-weight:700}.breadcrumb>span{color:#9ba394;margin-left:22px;font-size:11px;font-weight:500;display:inline-block}.profile-button{border:1px solid var(--border);background:#fff;border-radius:40px;align-items:center;gap:10px;padding:5px 12px 5px 5px;font-size:12px;display:flex}.profile-button .chevron{color:#95a08e;padding-left:10px}.avatar{object-fit:contain;vertical-align:middle;flex-shrink:0}.home-content{max-width:1440px;margin:0 auto;padding:35px 44px 0}.eyebrow{letter-spacing:2px;color:#6e9077;align-items:center;gap:9px;font-size:10px;font-weight:800;display:inline-flex}.live-dot{background:#74b288;border-radius:50%;width:6px;height:6px;display:inline-block}.hero{background:#f0f3e7;border:1px solid #e1e8d5;border-radius:25px;grid-template-columns:1.05fr 1fr;min-height:350px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:35px 0 28px 35px}.hero h1{letter-spacing:.5px;margin:16px 0 14px;font-size:clamp(29px,3.1vw,46px);font-weight:900;line-height:1.55}.hero h1 em{color:#70a675;font-style:normal}.hero-copy>p{color:#77806f;margin:0 0 22px;font-size:12px;line-height:2}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:13px 20px;font-size:12px;font-weight:800;display:inline-flex}.primary{background:var(--green);color:#21472e;border:1px solid #98d39e;box-shadow:0 3px #bdd6b7}.primary:not(:disabled):hover{background:#9bd5a1}.secondary{color:#53624d;background:#fffefb;border:1px solid #dce3d5}.secondary:not(:disabled):hover{background:#f0f4e8}.dark{color:#fff;background:#304e40;border:1px solid #304e40}.small{min-height:34px;padding:8px 12px;font-size:11px}.hero-footnote{color:#929d85;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:9px;display:flex}.hero-scene{min-height:350px;position:relative}.scene-circle{background:#e2ebd5;border-radius:50%;width:335px;height:285px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.hero-pal{filter:drop-shadow(0 12px #6e8f6c16);width:165px;position:absolute}.pal-one{z-index:2;width:170px;bottom:32px;left:7%;transform:rotate(-10deg)}.pal-two{width:160px;bottom:94px;left:36%;transform:rotate(9deg)}.pal-three{z-index:3;width:165px;bottom:27px;left:56%;transform:rotate(10deg)}.scene-speech{color:#688b64;background:#fffef9;border-radius:16px 16px 16px 3px;padding:11px 16px;font-size:12px;font-weight:700;position:absolute;top:42px;right:27px;transform:rotate(6deg);box-shadow:0 3px #c5d4b72e}.scene-label{letter-spacing:1.5px;color:#839b73;font-size:9px;position:absolute;bottom:12px;left:36%;transform:rotate(-5deg)}.scene-spark{color:#9cae7c;font-size:28px;position:absolute}.spark-one{top:50px;left:20%}.spark-two{color:#d1af6a;font-size:20px;bottom:58px;left:48%}.scene-dot{background:#d9c291;border-radius:50%;width:8px;height:8px;position:absolute}.dot-one{top:130px;left:9%}.dot-two{background:#a9c8a2;width:13px;height:13px;bottom:30px;right:25px}.how-it-works{grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 35px;padding:8px 0;display:grid}.how-it-works>div{border-right:1px solid var(--border);align-items:center;gap:14px;padding-right:8px;display:flex}.how-it-works>div:last-child{border:0}.step-number{color:#8da17d;background:#edf0e3;border:1px solid #e5e9d9;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.how-it-works h3{margin:0 0 6px;font-size:12px}.how-it-works p{color:#949e8c;margin:0;font-size:10px;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-heading h2{align-items:center;gap:11px;margin:7px 0 0;font-size:21px;display:flex}.count-badge{color:#7c926b;background:#ebefe3;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;line-height:16px}.section-description{color:#969e90;margin:10px 0 20px;font-size:11px}.directory-controls{align-items:center;gap:9px;display:flex}.search-box{background:#fffefa;border:1px solid #e3e7da;border-radius:10px;align-items:center;gap:8px;padding-left:12px;display:flex}.search-box>span{color:#95a08c;font-size:22px}.search-box input{outline-offset:0;background:0 0;border:0;width:160px;min-height:35px;padding:7px 10px 7px 0;font-size:11px}.icon-button{background:0 0;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:25px;line-height:25px;display:inline-grid}.refresh{color:#849878;background:#fffefa;border:1px solid #e2e7d8;border-radius:10px;font-size:24px}.room-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.room-card{background:#fffefa;border:1px solid #e1e6d8;border-radius:16px;padding:19px 18px}.room-card-top{color:#c3ccbb;justify-content:space-between;font-size:16px;display:flex}.room-status{color:#729567;background:#eff5e9;border-radius:20px;align-items:center;gap:7px;padding:5px 9px;font-size:9px;display:inline-flex}.room-status.playing{color:#b78e4f;background:#fbf3e2}.room-status.playing .live-dot{background:#c9a76a}.room-card h3{overflow-wrap:anywhere;margin:20px 0 9px;font-size:15px}.room-card>p{color:#9ba391;margin:0 0 23px;font-size:10px}.room-card-bottom{border-top:1px dashed #e5e8de;justify-content:space-between;align-items:center;gap:6px;padding-top:16px;display:flex}.room-card-bottom>span{color:#8b9980;font-size:11px}.spectator-count{color:#a4ae9d;font-size:9px}.directory-empty{text-align:center;background:#f5f6ee;border:1px dashed #dbe4cf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:25px;display:flex}.empty-cloud{color:#c6d9bb;font-size:43px;line-height:40px}.directory-empty h3{margin:12px 0 5px;font-size:14px}.directory-empty p{color:#98a08c;font-size:11px;line-height:1.8}.directory-empty .text-button{margin-top:8px}.directory-footer{color:#a5ac9c;justify-content:space-between;gap:12px;margin:15px 2px;font-size:9px;line-height:1.7;display:flex}.footer{border-top:1px solid var(--border);color:#929e87;justify-content:space-between;align-items:center;gap:15px;margin-top:35px;padding:23px 0;font-size:10px;display:flex}.footer>span{letter-spacing:2px;font-weight:800}.footer small{letter-spacing:0;margin-left:13px;font-size:9px;font-weight:500}.footer .text-button{color:#9da791;font-size:9px}.modal{width:calc(100% - 32px);max-width:490px;max-height:90dvh;color:var(--dark);background:#fffef8;border:1px solid #e0e6d7;border-radius:24px;padding:0;box-shadow:0 20px 80px #203c3420}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#263b3b55}.modal-content{padding:28px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.modal h2{margin:0;font-size:19px}.field-label{color:#63765c;margin:17px 0;font-size:11px;font-weight:800;display:block}.field-label input,.field-label select{margin-top:8px;font-size:13px;font-weight:500;display:block}.avatar-options{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:10px;display:grid}.avatar-choice{background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:4px 0 6px;display:flex}.avatar-choice .avatar{max-width:100%;height:auto}.avatar-choice>span{color:#849277;font-size:9px}.avatar-choice.selected{background:#f1f8e9;border-color:#a4d3a1}.account-note{color:#99a28e;padding:0 3px;font-size:10px;line-height:1.9}.full{width:100%;margin-top:10px}.segmented{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.segmented button{background:#fff;border:1px solid #e0e6d8;border-radius:12px;padding:12px 7px;font-size:12px;font-weight:700}.segmented button.selected{background:#eff7e7;border-color:#9fc59a}.segmented small{color:#8c9d80;margin-top:6px;font-size:9px;font-weight:500;display:block}.code-input{letter-spacing:2px;font-family:ui-monospace,monospace}.about-copy{color:#7b8972;font-size:12px;line-height:2}.about-copy>img{margin:0 auto 20px;display:block}.toast{z-index:40;color:#fffef5;background:#304d3e;border:1px solid #4b6e52;border-radius:15px;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 30px);padding:10px 12px 10px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:calc(50% + 80px);transform:translate(-50%);box-shadow:0 8px 30px #29453225}.toast .icon-button{color:#fff}.setup-note,.connection-note{background:#fff7e6;border:1px solid #e8d6ad;border-radius:14px;margin:20px 0;padding:16px 20px;font-size:12px;line-height:1.9}.setup-note p{color:#9c8d71;margin:4px 0 0;font-size:11px}.dev-banner{color:#8b987e;background:#eef2e8;border-bottom:1px solid #e5e9db;padding:7px 44px;font-size:10px}.room-layout{max-width:1440px;margin:auto;padding:35px 44px 0}.room-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.room-identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.room-logo{object-fit:contain;flex:none;width:32px;height:28px}.room-identity-copy{min-width:0}.room-top h1{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:18px;overflow:hidden}.room-top>button{flex:none}.room-top p{color:#909d84;margin:0;font-size:11px}.room-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px;display:grid}.card{background:#fffef9;border:1px solid #e2e7d7;border-radius:20px;padding:25px}.card .section-heading h2{margin:0;font-size:16px}.pill{color:#7b9468;background:#edf3e5;border-radius:20px;padding:6px 11px;font-size:10px}.mode-row{justify-content:space-between;align-items:center;gap:12px;margin:23px 0;display:flex}.mode-row>p{color:#8e9c81;font-size:10px}.mode-row select{width:auto;min-height:34px;padding:7px 10px;font-size:10px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.game-card{text-align:left;background:#fff;border:2px solid #e2e7d9;border-radius:18px;width:100%;padding:0;overflow:hidden}.game-card.selected{background:#f8fbf3;border-color:#96c995}.game-card:disabled{opacity:.7}.game-art{color:#bf9b5e;background:#ecf1df;justify-content:center;align-items:center;gap:23px;height:145px;font-size:50px;display:flex}.game-art>span{color:#8dabc0;transform:rotate(-20deg)}.game-card-copy{padding:20px}.game-card h3{margin:10px 0;font-size:19px}.game-card p{color:#8b987d;font-size:10px;line-height:1.8}.game-meta{justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.start-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:27px;padding-top:23px;display:flex}.start-bar strong{font-size:12px}.start-bar p{color:#97a18b;margin:8px 0 0;font-size:10px}.start-actions{flex-wrap:wrap;gap:9px;display:flex}.start-actions .button{padding:11px 15px}.lobby-ready-bar,.play-shell .lobby-ready-bar{z-index:3;background:#f3f8ed;border:1px solid #dce8cf;border-radius:15px;margin:0 0 14px;padding:12px 14px;position:sticky;top:0;box-shadow:0 4px 12px #526c4615}.lobby-ready-copy{flex:200px;min-width:0}.lobby-ready-bar strong{overflow-wrap:anywhere;color:#38503b;font-size:13px;display:block}.lobby-ready-bar p{color:#647960;margin-top:5px;font-size:11px;line-height:1.5}.lobby-ready-bar .button{min-height:44px;font-size:12px}.members-card{padding:20px}.member-list{margin-top:16px}.member{align-items:center;gap:10px;margin-top:15px;display:flex}.member>div{min-width:0}.member strong{overflow-wrap:anywhere;font-size:12px}.member p{color:#8d9b80;margin:6px 0;font-size:9px}.member-state{color:#c0cbb3;margin-left:auto;font-size:10px}.member-state.ready{color:#689b5e;background:#d9efd0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.member-state.offline{color:#c7c5bc}.you{color:#8ca27b;background:#edf3e5;border-radius:5px;margin-left:6px;padding:2px 5px;font-size:8px}.spectators-title{color:#91a080;border-top:1px solid #e7ebdf;margin:25px 0 10px;padding-top:15px;font-size:10px}.invite-card{margin-top:17px;padding:22px}.invite-card h3{margin:10px 0;font-size:15px}.invite-card p{color:#96a187;font-size:10px;line-height:1.8}.invite-card code{letter-spacing:1px;text-align:center;background:#f1f4e8;border-radius:10px;margin:16px 0;padding:12px 9px;font-size:13px;display:block}.invite-card .button{width:100%;padding:10px;font-size:10px}.invite-card small{color:#a2aa97;margin-top:10px;font-size:9px;line-height:1.7;display:block}.room-tip{color:#9aa68d;padding:0 15px;font-size:10px;line-height:2.1}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.empty-state h3{font-size:16px}.empty-state p{color:#98a58b;font-size:11px;line-height:1.9}.empty-icon{color:#b4c79d;font-size:50px}.spectator-note{color:#7c94a7;background:#eef3fb;border:1px solid #dae4ed;border-radius:10px;margin-top:18px;padding:12px;font-size:11px}.match-area{text-align:center;padding:50px 0}.match-area h3{margin:14px 0;font-size:20px}.match-area>p{color:#97a18a;font-size:11px}.symbol-choices{justify-content:center;gap:16px;margin:35px 0;display:flex}.symbol-choices button{color:#839575;background:#f2f4e8;border:2px solid #e2e7d3;border-radius:18px;gap:7px;width:100px;max-width:30%;padding:15px 8px;font-size:10px;display:grid}.symbol-choices button>span{font-size:50px;line-height:65px}.symbol-choices button.selected{opacity:1;background:#e1f2d8;border-color:#93be85}.answer-progress{color:#95a385;font-size:12px}.results{text-align:center;padding:35px 0}.result-flower{color:#c9ad65;font-size:65px}.results h3{font-size:19px}.results>p{color:#94a085;font-size:11px}.score-list{gap:12px;max-width:320px;margin:25px auto;display:grid}.score-list>.scrollable-rows>div{text-align:left;background:#f4f6ec;border-radius:12px;align-items:center;gap:12px;padding:8px 13px;display:flex}.score-list span{flex:1;font-size:12px}.score-list strong{font-size:13px}.connection-note{justify-content:space-between;gap:15px;display:flex}.connection-note.danger{background:#f9ece5;border-color:#ead5c9}.loading-panel{text-align:center;margin:120px 20px}.loading-panel h1{font-size:20px}.loading-panel p{color:#8d9c80;margin:18px 0 25px;font-size:12px}.spinner{border:3px solid #e2e9d9;border-top-color:#95c292;border-radius:50%;width:35px;height:35px;margin:0 auto 25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.captcha{margin-top:15px;overflow:hidden}@media (width>=1500px){.hero-copy{padding:45px}.hero-scene{min-height:380px}.hero-pal{width:190px}.pal-one{bottom:40px;left:13%}.pal-two{bottom:109px;left:39%}.pal-three{bottom:30px;left:62%}.scene-circle{width:380px;height:315px}}@media (width<=1200px){.sidebar{width:190px;padding:30px 17px}.main-column{margin-left:190px}.brand>span{font-size:23px}.topbar{padding:0 28px}.home-content,.room-layout{padding-left:28px;padding-right:28px}.hero-copy{padding-left:27px}.hero h1{font-size:34px}.hero-actions{gap:8px}.hero-actions .button{gap:8px;padding:11px 13px;font-size:10px}.hero-pal{width:135px}.pal-one{width:150px;bottom:38px;left:0}.pal-two{width:145px;left:30%}.pal-three{width:145px;left:53%}.scene-circle{width:280px}.room-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works{gap:10px}.how-it-works>div{gap:9px}.how-it-works p{font-size:9px}.room-grid{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.card{padding:20px}.room-top h1{font-size:22px}.toast{left:calc(50% + 80px)}}@media (width<=940px){.sidebar{align-items:center;width:90px;padding:25px 10px}.brand>span,.beta-label,.sidebar-bottom,.sidebar nav button:not(.active){font-size:0}.brand>span,.beta-label,.sidebar-bottom{display:none}.sidebar nav{width:100%;margin-top:45px}.sidebar nav button{justify-content:center;padding:15px;font-size:0!important}.sidebar nav button span{font-size:23px}.main-column{margin-left:90px}.hero h1{font-size:30px}.hero-copy{padding-left:23px}.hero-scene{min-height:375px}.hero-pal{width:120px}.pal-one{width:135px;bottom:60px;left:-4%}.pal-two{width:130px;bottom:142px;left:24%}.pal-three{width:130px;bottom:58px;left:49%}.scene-circle{width:230px;height:240px;top:80px}.scene-speech{padding:10px;font-size:10px;top:55px;right:10px}.hero-footnote{gap:7px}.how-it-works{grid-template-columns:repeat(3,1fr)}.how-it-works>div{align-items:flex-start;gap:8px}.step-number{width:27px;height:27px;font-size:9px}.how-it-works h3{font-size:10px}.how-it-works p{font-size:9px}.room-grid{grid-template-columns:minmax(0,1fr)}.room-aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.invite-card{margin:0}.room-tip{display:none}.member-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;display:grid}.breadcrumb>span{display:none}.toast{left:calc(50% + 45px)}}@media (width<=680px){.sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffef9f5;border-top:1px solid #dfe6d6;border-right:0;width:100%;height:66px;padding:5px 15px;display:block;inset:auto 0 0}.sidebar .brand{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.sidebar nav button{border-radius:10px;flex-direction:column;gap:1px;padding:3px;font-weight:500;line-height:16px;display:flex;font-size:8px!important}.sidebar nav button span{font-size:21px}.main-column{margin:0;padding-bottom:66px}.topbar{height:69px;padding:0 20px}.breadcrumb:before{content:"ふわぱる";letter-spacing:1px;font-size:22px;font-weight:900;display:block}.breadcrumb{font-size:0}.profile-button{gap:6px;padding-right:10px;font-size:10px}.profile-button .avatar{width:30px;height:30px}.profile-button .chevron{padding-left:4px}.home-content{padding:19px 18px 0}.hero{border-radius:22px;grid-template-columns:1fr;min-height:545px}.hero-copy{padding:25px 24px 0}.hero h1{margin:13px 0;font-size:34px;line-height:1.5}.hero-copy>p{margin-bottom:19px;font-size:11px;line-height:1.9}.hero-actions{gap:9px}.hero-actions .button{min-height:45px;padding:12px 15px;font-size:11px}.hero-footnote{gap:14px;margin-top:15px;font-size:8px}.hero-scene{height:235px;min-height:235px;margin-top:2px}.scene-circle{width:260px;height:215px;top:10px}.pal-one{width:145px;bottom:25px;left:8%}.pal-two{width:140px;bottom:70px;left:33%}.pal-three{width:145px;bottom:16px;left:56%}.scene-speech{padding:9px 12px;font-size:10px;top:7px;right:20px}.spark-one{font-size:22px;top:25px;left:13%}.spark-two{bottom:32px;left:46%}.scene-label{font-size:8px;bottom:4px;left:27%}.dot-one{top:100px;left:5%}.dot-two{width:8px;height:8px;bottom:37px;right:14px}.how-it-works{gap:8px;margin:23px 0 28px}.how-it-works>div{padding-right:6px;display:block}.step-number{width:24px;height:24px;margin-bottom:9px;font-size:8px}.how-it-works h3{margin-bottom:4px;font-size:9px;line-height:1.7}.how-it-works p{font-size:8px;line-height:1.8}.section-heading h2{margin-top:8px;font-size:19px}.directory-section>.section-heading{flex-wrap:wrap;align-items:flex-start;gap:15px}.directory-controls{width:100%}.search-box{flex:1}.search-box input{width:100%}.section-description{margin-top:12px;font-size:10px;line-height:1.8}.room-cards{grid-template-columns:1fr;gap:12px}.room-card{padding:18px}.room-card h3{margin-top:17px;font-size:16px}.directory-empty{min-height:220px;padding:22px 15px}.directory-empty h3{font-size:12px}.directory-empty p{font-size:10px}.directory-footer{font-size:8px}.directory-footer>span:last-child{display:none}.footer{flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px;padding:20px 0;font-size:9px}.footer small{font-size:8px}.toast{gap:7px;max-width:calc(100vw - 24px);padding-left:15px;font-size:11px;bottom:83px;left:50%}.toast>span{max-width:calc(100vw - 95px);line-height:1.8}.modal-content{padding:23px 19px}.modal h2{font-size:17px}.avatar-options{gap:1px}.avatar-choice{padding:3px 0 5px}.avatar-choice .avatar{width:48px}.avatar-choice>span{font-size:8px}.dev-banner{padding:6px 18px;font-size:8px}.room-layout{padding:25px 18px}.room-top{align-items:flex-start;gap:12px}.room-top h1{margin:8px 0;font-size:20px;line-height:1.5}.room-top p{font-size:10px;line-height:1.8}.room-top .eyebrow{font-size:9px}.room-top .button{min-height:32px;padding:8px 11px;font-size:10px}.room-grid{gap:15px}.card{border-radius:18px;padding:21px 17px}.room-stage>.section-heading h2{font-size:15px}.mode-row{gap:5px;margin:18px 0}.mode-row>p{font-size:9px}.mode-row select{max-width:130px;padding:7px;font-size:9px}.game-art{height:130px}.game-card h3{font-size:17px}.game-card-copy{padding:17px}.game-grid{grid-template-columns:1fr}.start-bar{margin-top:22px;padding-top:18px}.start-actions{width:100%}.start-actions .button{flex:1;gap:5px;padding:12px;font-size:11px}.start-bar strong{font-size:11px}.room-aside{grid-template-columns:1fr}.members-card .member-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.member .avatar{width:38px;height:38px}.member{gap:7px}.member strong{font-size:10px}.member p{font-size:8px;line-height:1.6}.member-state{font-size:8px}.you{margin-left:4px;padding:2px 3px;font-size:7px}.invite-card code{letter-spacing:2px}.match-area{padding:30px 0}.match-area h3{font-size:17px;line-height:1.8}.symbol-choices{gap:10px;margin:25px 0}.symbol-choices button>span{font-size:42px;line-height:55px}.connection-note{padding:12px 15px;font-size:10px}.pill{font-size:9px}.results h3{font-size:15px}.room-stage{min-width:0}.loading-panel{margin:85px 20px}.loading-panel h1{font-size:18px}.setup-note{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lobby-room-wrap{margin:10px 0 24px}.lobby-room-caption{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.lobby-room-caption span{letter-spacing:2px;color:#869c85;font-size:10px}.lobby-room-caption strong{color:#70896e;font-size:14px;font-weight:500}.lobby-room{aspect-ratio:5/3;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#eadbc1;border:1px solid #d8d7bd;border-radius:22px;width:100%;position:relative;overflow:hidden}.lobby-room[aria-disabled=true]{cursor:default}.lobby-room:focus-visible{outline-offset:4px;outline:3px solid #7fa382}.lobby-scenery{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby-pal{pointer-events:none;width:0;height:0;position:absolute}.lobby-pal-shadow{opacity:.16;background:#6a775b;border-radius:50%;width:48px;height:13px;position:absolute;top:-7px;left:-24px}.lobby-pal-body{transform-origin:50% 90%;width:84px;height:84px;transform:scaleX(var(--pal-facing,1));position:absolute;bottom:-3px;left:-42px}.lobby-pal-body .avatar{filter:drop-shadow(0 3px #8e8d7520);width:100%;height:100%}.lobby-pal[data-walking=true] .lobby-pal-body{animation:.34s ease-in-out infinite pal-walk}.lobby-pal-name{white-space:nowrap;text-overflow:ellipsis;color:#4e624f;background:#fffbeeeb;border:1px solid #fff9;border-radius:20px;max-width:170px;padding:4px 9px;font-size:11px;position:absolute;top:8px;left:0;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 4px #5663400a}.lobby-pal-name i{color:#7b9775;margin-left:5px;font-size:9px;font-style:normal}.lobby-pal.is-self .lobby-pal-name{background:#f1f8e8;border-color:#a5bf97}.lobby-pal.is-offline{opacity:.4}.lobby-destination{opacity:.55;pointer-events:none;border:2px dashed #7a9a74;border-radius:50%;width:25px;height:10px;position:absolute;transform:translate(-50%,-50%)}.lobby-help{text-align:center;color:#7f917b;margin:12px 0 0;font-size:12px;line-height:1.7}.lobby-games-note{color:#7b8c72;background:#f5f6ed;border-radius:16px;padding:18px 20px}.lobby-games-note strong{font-size:14px;font-weight:500}.lobby-games-note p{margin:6px 0 0;font-size:12px}@keyframes pal-walk{0%,to{transform:scaleX(var(--pal-facing,1)) translateY(0) rotate(-5deg)}50%{transform:scaleX(var(--pal-facing,1)) translateY(-7px) rotate(5deg)}}@media (width<=600px){.lobby-room{border-radius:15px}.lobby-room-caption{flex-direction:column;align-items:flex-start;gap:4px}.lobby-pal-body{width:52px;height:52px;left:-26px}.lobby-pal-shadow{width:32px;height:9px;top:-5px;left:-16px}.lobby-pal-name{max-width:95px;padding:3px 6px;font-size:9px;top:5px}.lobby-pal-name i{display:none}.lobby-help{font-size:11px}}@media (prefers-reduced-motion:reduce){.lobby-pal[data-walking=true] .lobby-pal-body{animation:none}}.hero-actions{flex-wrap:wrap}.lobby-controls>summary{display:none}.launch-paused{text-align:center;background:radial-gradient(#eaf2de,#f8f7f2 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:32px;display:flex}.launch-paused h1{margin:0;font-size:24px}.launch-paused p{max-width:480px;color:var(--muted);line-height:1.9}.game-mode,.game-mode body,.game-mode #root{width:100%;height:100%;overflow:hidden}.play-shell.app-shell{width:100%;height:100dvh;height:var(--game-height,100dvh);min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);flex-direction:column;display:flex;overflow:hidden}.play-shell>.sidebar,.play-shell .topbar{display:none}.play-shell .main-column{overscroll-behavior:contain;flex-direction:column;flex:1;width:100%;min-height:0;margin:0;padding:0;display:flex;overflow:auto}.game-toolbar{border-bottom:1px solid var(--border);background:#fffef9;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:7px 16px;display:flex}.game-brand{white-space:nowrap;align-items:center;gap:7px;font-size:16px;display:flex}.game-toolbar nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.game-toolbar button{background:#f0f4e8;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:7px 10px;font-size:11px;display:flex}.game-toolbar .game-profile{background:0 0;padding:2px 7px}.game-profile span{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.rotate-guide{display:none}.display-note{background:#eef3e5;flex:none;padding:8px 16px;font-size:11px;line-height:1.8}.display-note button{margin-left:12px}.play-shell .dev-banner{flex:none;margin:0;padding:2px 12px;font-size:9px}.play-shell .home-content{width:100%;max-width:1440px;margin:auto;padding:24px}.play-shell .hero{min-height:260px;padding:28px}.play-shell .hero h1{font-size:clamp(26px,4vw,48px)}.play-shell .hero-scene{min-height:240px}.play-shell .how-it-works,.play-shell .footer,.play-shell .hero-footnote{display:none}.play-shell .directory-section{margin-top:24px}.play-shell .room-layout{width:100%;max-width:1800px;margin:0 auto;padding:12px 16px}.play-shell .room-top{margin-bottom:12px}.play-shell .room-top h1{margin:4px 0;font-size:18px}.play-shell .room-top .eyebrow{font-size:9px}.play-shell .room-top p{display:none}.play-shell .room-grid{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:12px;display:grid}.play-shell .room-stage{min-width:0;padding:14px}.play-shell .room-stage>.section-heading{margin-bottom:12px}.play-shell .room-aside{min-width:0;max-height:calc(var(--game-height,100dvh) - 128px);overflow:auto}.play-shell .room-aside .card{padding:16px}.play-shell .room-tip{display:none}.play-shell .lobby-room-wrap{margin:0 0 12px}.play-shell .lobby-room-caption{margin-bottom:8px}.play-shell .lobby-room{max-width:calc((var(--game-height,100dvh) - 225px) * 1.66667);margin:auto;container-type:inline-size}.play-shell .lobby-pal-body{width:clamp(28px,8.4cqw,84px);height:clamp(28px,8.4cqw,84px);left:calc(clamp(28px,8.4cqw,84px)/-2)}.play-shell .lobby-pal-shadow{width:clamp(20px,4.8cqw,48px);height:clamp(6px,1.3cqw,13px);left:calc(clamp(20px,4.8cqw,48px)/-2)}.play-shell .lobby-pal-name{max-width:125px;transform:translateX(var(--pal-label-x,-50%));padding:3px 6px;font-size:clamp(8px,1.1cqw,11px);top:5px}.play-shell .lobby-help{margin-top:8px;font-size:10px}.play-shell .lobby-controls{border-top:1px solid var(--border);padding-top:8px}.play-shell .lobby-controls>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:12px;list-style:none;display:flex}.play-shell .lobby-controls>summary:before{content:"＋";color:#7c9677}.play-shell .lobby-controls[open]>summary:before{content:"−"}.play-shell .lobby-controls>summary span{color:var(--muted);margin-left:auto;font-size:10px}.play-shell .game-art{height:70px;font-size:30px}.play-shell .game-card-copy{padding:12px}.play-shell .game-card h3{font-size:16px}.play-shell .mode-row{margin:12px 0}.play-shell .start-bar{margin-top:14px;padding-top:12px}.play-shell .modal{max-height:calc(var(--game-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px)}.play-shell .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}@media (width<=640px) and (orientation:portrait){.play-shell .game-toolbar{align-items:flex-start;padding:5px 8px}.game-brand{padding-top:3px;font-size:13px}.game-toolbar nav{gap:4px}.game-toolbar button{padding:6px 8px;font-size:10px}.game-toolbar .game-profile span,.fullscreen-label{display:none}.play-shell .room-grid{grid-template-columns:minmax(0,1fr)}.play-shell .room-aside{max-height:none}.play-shell .room-layout{padding:10px}.play-shell .lobby-room{max-width:100%}.play-shell .home-content{padding:14px}.play-shell .hero{padding:20px}}@media (pointer:coarse) and (orientation:portrait),(width<=600px) and (orientation:portrait){.play-shell .rotate-guide{text-align:center;background:#eaf1df;flex:none;padding:7px 10px;font-size:10px;line-height:1.6;display:block}}@media (orientation:landscape) and (height<=600px){.play-shell .game-toolbar{min-height:42px;padding:3px 12px}.play-shell .room-layout{padding:5px 10px}.play-shell .room-top{margin-bottom:5px}.play-shell .room-top h1{margin-left:8px;font-size:14px;display:inline}.play-shell .room-top .button{min-height:30px;padding:5px 10px}.play-shell .room-grid{grid-template-columns:minmax(0,1fr) 190px;gap:8px}.play-shell .room-stage{padding:8px}.play-shell .room-stage>.section-heading,.play-shell .lobby-room-caption,.play-shell .lobby-help{display:none}.play-shell .lobby-room{max-width:calc((var(--game-height,100dvh) - 138px) * 1.66667)}.play-shell .lobby-room-wrap{margin:0 0 5px}.play-shell .room-aside{max-height:calc(var(--game-height,100dvh) - 95px)}.play-shell .room-aside .card{border-radius:12px;padding:10px}.play-shell .room-aside .section-heading h2{font-size:12px}.play-shell .member{gap:5px;padding:8px 0}.play-shell .member>.avatar{width:32px;height:32px}.play-shell .invite-card h3{font-size:13px}.play-shell .invite-card>p,.play-shell .invite-card>.eyebrow{display:none}.play-shell .home-content{padding:12px}.play-shell .hero{min-height:160px}.play-shell .hero-scene{min-height:140px}}@media (pointer:coarse){.play-shell input,.play-shell select{font-size:16px}}.play-shell .room-aside{flex-direction:column;gap:12px;display:flex}.play-shell .room-aside .card{flex:none}.play-shell .room-aside .invite-card{margin-top:0}.play-shell .members-card .member-list{display:block}@media (orientation:portrait){.play-shell:not(.touch-play) .rotate-guide{display:none}}.catalog-section{padding:24px 0 32px}.catalog-section h1{margin:8px 0 18px;font-size:clamp(22px,3vw,34px)}.catalog-filters,.catalog-paging,.solo-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.catalog-filters{margin-bottom:22px}.catalog-filters input{border:1px solid var(--border,#dce4db);background:#fff;border-radius:12px;flex:1;min-width:140px;max-width:320px;padding:12px}.catalog-card{text-align:left}.catalog-card>img{object-fit:contain;width:100%;height:160px}.catalog-paging{justify-content:center;margin-top:20px}.solo-page{flex-direction:column;flex:1;min-width:0;padding:20px;display:flex}.solo-top{justify-content:space-between;margin-bottom:12px}.solo-top h1{margin:0;font-size:clamp(18px,2.2vw,28px)}.solo-stage{background:#fffdf9;border:1px solid #e4e9dd;border-radius:22px;flex:1;align-content:center;min-width:0;display:grid;overflow:auto}.solo-stage>.match-area{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:min(62dvh,540px);display:flex}.solo-stage output{font-size:64px;font-weight:800}.solo-results{padding:28px}.solo-results .start-actions{flex-wrap:wrap;justify-content:center}.play-shell .solo-page{min-height:calc(var(--game-height,100dvh) - 70px)}@media (width<=900px) and (orientation:landscape){.solo-page{padding:8px 14px}.solo-top{margin-bottom:6px}.solo-stage>.match-area{gap:12px;min-height:58dvh;padding:12px}.solo-stage output{font-size:40px}.solo-results{padding:14px}}.maze-game{width:100%;min-width:0;padding:12px}.maze-bar,.maze-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.maze-bar{margin-bottom:8px}.maze-bottom p{flex:1;font-size:12px}.serif-art{text-align:left;gap:16px;display:grid}.serif-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.serif-heading h2{margin:6px 0}.serif-card{background:#fffdf5;border:1px solid #d6dfce;border-radius:18px;padding:20px}.serif-card small{margin-top:12px;display:block}.serif-line{text-align:center;background:#e4eddd;border-radius:20px;padding:20px}.serif-line h3{margin:12px 0;font-size:clamp(24px,4vw,40px)}.serif-actors,.serif-bench{flex-wrap:wrap;gap:10px;display:flex}.serif-actors>:is(div,button),.serif-bench button{background:#fffdf5;border:2px solid #d6dfce;border-radius:14px;align-items:center;gap:8px;padding:10px;display:flex}.serif-actors>:is(div,button).active{background:#fff0b9;border-color:#b58c36}.serif-secret{background:#e3e6fa;border-radius:14px;padding:16px}.serif-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.serif-slot{border:2px dashed #becbb2;border-radius:16px;min-width:0;padding:12px}.serif-slot h4{margin:0 0 10px}.serif-slot button{touch-action:manipulation;background:#fff;border:1px solid #c1ccb7;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:68px;padding:10px;display:flex}.serif-art button.selected{background:#e2efd9;outline:3px solid #67835d}.serif-members{gap:8px;padding:0;list-style:none;display:grid}.serif-members li{align-items:center;gap:10px;display:flex}.serif-table{margin:16px 0;overflow:auto}.serif-table table{border-collapse:collapse;min-width:100%}.serif-table td,.serif-table th{white-space:nowrap;border:1px solid #d6dfce;padding:10px}.serif-table caption{text-align:left;margin-bottom:10px}@media (width<=560px){.serif-slots{grid-template-columns:1fr}.serif-card{padding:14px}}.form-feedback{color:#78452e;overflow-wrap:anywhere;background:#fff0e4;border:1px solid #cba48b;border-radius:12px;padding:12px 14px;line-height:1.7}input[type=checkbox],input[type=radio]{accent-color:#608d64;flex:none;width:20px;height:20px;min-height:20px;margin:0;padding:0}.solo-stage{align-content:start}.dodge-game{width:100%;min-width:0;padding:12px}.dodge-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dodge-bar p{margin:0;font-weight:700}.dodge-arena{aspect-ratio:8/5;touch-action:none;overscroll-behavior:none;background:#183b39;border-radius:14px;width:100%;max-width:calc(1.6*min(65dvh,600px));margin-inline:auto;position:relative;overflow:hidden}.dodge-help{margin:8px 0 0;font-size:12px;line-height:1.6}.serif-actors>:is(div,button){flex-wrap:wrap;min-width:0;max-width:100%}.serif-actors>:is(div,button)>span{overflow-wrap:anywhere;min-width:0}.serif-bench button,.serif-slot button{overflow-wrap:anywhere}@media (pointer:coarse){:root input:not([type=checkbox]):not([type=radio]),:root select{font-size:16px}button{min-height:44px}.icon-button,.game-toolbar button{min-width:44px;min-height:44px}}@media (width<=680px){.sidebar{height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.main-column{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.play-shell .main-column{padding-bottom:0}}@media (orientation:landscape) and (height<=600px){.dodge-game{padding:8px}.dodge-arena{max-width:calc(max(150px, var(--game-height,100dvh) - 175px) * 1.6)}.dodge-bar{margin-bottom:4px}.dodge-help{margin-top:4px;font-size:11px}}.modal{overscroll-behavior:contain}.modal-heading{z-index:1;background:#fffef8;padding-bottom:8px;position:sticky;top:0}.maze-viewport{position:relative}.room-top h1,.room-card h3,.score-list span,.member strong{overflow-wrap:anywhere}.maze-bar select{flex:1;width:auto;min-width:150px;max-width:100%}@media (orientation:landscape) and (height<=600px){.play-shell .room-layout[data-phase=playing] .room-grid{grid-template-columns:minmax(0,1fr)}.play-shell .room-layout[data-phase=playing] .room-aside,.play-shell .room-layout[data-phase=playing] .room-top .eyebrow{display:none}.play-shell .maze-viewport canvas{height:max(150px, calc(var(--game-height,100dvh) - 165px))!important}.play-shell .maze-bottom p{margin:4px 0 0;font-size:10px}}.results .score-list{width:100%;max-width:720px}.results:not(.solo-results) .score-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;max-height:min(56vh,640px);overflow-y:auto}.results:not(.solo-results) .score-list>.scrollable-rows>div{grid-template-columns:40px minmax(0,1fr);display:grid}.results:not(.solo-results) .score-list .avatar{grid-row:span 2}.results:not(.solo-results) .score-list strong{grid-column:2}.solo-results .score-list>div{grid-template-columns:auto 32px minmax(0,1fr) auto;display:grid}.solo-results .score-list span{overflow-wrap:anywhere;min-width:0}.solo-results .score-list time{color:#63765c;grid-column:3/-1;font-size:11px}.movement-zone{z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:absolute;inset:0 50% 0 0}.movement-hint{color:#fff;pointer-events:none;background:#203a36a6;border:1px solid #fff8;border-radius:20px;padding:8px 10px;font-size:11px;line-height:1.5;position:absolute;bottom:16px;left:12px}.movement-ring{pointer-events:none;background:#fff3;border:2px solid #fff9;border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;display:grid;position:absolute;box-shadow:0 3px 12px #203a3626}.movement-knob{background:#f7f8eeb8;border:2px solid #fff;border-radius:50%;width:46px;height:46px;display:block;box-shadow:0 2px 5px #203a3633}@media (pointer:coarse){.movement-zone{display:block}}.sumo-game{width:100%;min-width:0;padding:8px}.sumo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sumo-arena{background:#dce5ce;border-radius:18px;width:100%;height:clamp(240px,58dvh,600px);position:relative;overflow:hidden}.sumo-arena canvas{width:100%;height:100%;display:block}.sumo-attack{z-index:5;right:max(12px,env(safe-area-inset-right));color:#493b30;touch-action:none;-webkit-user-select:none;user-select:none;background:#efb58fdd;border:2px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;padding:4px;display:flex;position:absolute;bottom:12px;box-shadow:0 3px 9px #344b3133}.sumo-attack strong{font-size:18px}.sumo-attack span{font-size:11px;line-height:1.2}.sumo-attack:disabled{color:#344c3c;background:#a9b6a7dc}.sumo-attack:focus-visible{outline-offset:2px;outline:3px solid #376c63}.sumo-countdown{color:#294c35;pointer-events:none;background:#f9f6e655;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.sumo-countdown strong{font-size:64px}.sumo-countdown span{text-align:center;background:#fffef5e8;border-radius:10px;padding:8px}.sumo-help,.sumo-spectator{margin:8px 0;font-size:12px;line-height:1.7}.sumo-spectator{background:#e5e8f6;border-radius:12px;padding:10px}.sumo-roster{flex-wrap:wrap;gap:6px;display:flex}.sumo-roster>div{background:#f4f7ec;border:1px solid #d9e2cf;border-radius:12px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:5px 8px;display:flex}.sumo-roster span{overflow-wrap:anywhere;font-size:11px}.sumo-roster small{color:#61735b;white-space:nowrap}.sumo-roster .eliminated{opacity:.5}@media (orientation:landscape) and (height<=600px){.sumo-arena{height:max(180px,calc(var(--game-height,100dvh) - 165px))}.sumo-roster .avatar{width:24px;height:24px}.sumo-roster span{font-size:10px}}.survival-game{width:100%;min-width:0;padding:8px}.survival-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.survival-arena{background:#f3f0e3;border-radius:18px;width:100%;height:clamp(260px,60dvh,640px);position:relative;overflow:hidden}.survival-arena canvas{width:100%;height:100%;display:block}.survival-attack{z-index:5;right:max(12px,env(safe-area-inset-right));color:#493b30;touch-action:none;-webkit-user-select:none;user-select:none;background:#efb58fdd;border:2px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;padding:4px;display:flex;position:absolute;bottom:12px;box-shadow:0 3px 9px #344b3133}.survival-attack strong{font-size:18px}.survival-attack span{font-size:11px;line-height:1.2}.survival-attack:disabled{color:#344c3c;background:#a9b6a7dc}.survival-countdown{color:#294c35;pointer-events:none;background:#f9f6e655;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.survival-countdown strong{font-size:64px}.survival-countdown span{text-align:center;background:#fffef5e8;border-radius:10px;padding:8px}.survival-help,.survival-spectator{margin:8px 0;font-size:12px;line-height:1.7}.survival-spectator{background:#e5e8f6;border-radius:12px;padding:8px}.survival-spectator p{margin:0 0 4px}.survival-spectator select{width:auto;max-width:100%;min-height:44px}.survival-roster{margin-top:8px;font-size:12px}.survival-roster summary{cursor:pointer;color:#4d6959}.survival-roster ul{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.survival-roster li{overflow-wrap:anywhere;background:#eef3e8;border-radius:10px;flex-wrap:wrap;gap:8px;padding:5px 8px;display:flex}.survival-roster small{color:#657a63}@media (orientation:landscape) and (height<=600px){.survival-arena{height:max(180px,calc(var(--game-height,100dvh) - 165px))}}.game-mode .play-shell{width:var(--game-width);height:var(--game-height);top:var(--viewport-top,0px);left:var(--viewport-left,0px);position:fixed}.game-rotated .play-shell{transform-origin:0 0;transform:translateX(var(--physical-width)) rotate(90deg);padding:env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px) env(safe-area-inset-top,0px)}.game-rotated dialog.modal{inset:auto;top:calc(var(--viewport-top,0px) + var(--game-width)/2);left:calc(var(--viewport-left,0px) + var(--physical-width)/2);width:min(600px,calc(var(--game-width) - 24px));max-width:none;max-height:calc(var(--game-height) - 20px);margin:0;position:fixed;transform:translate(-50%,-50%)rotate(90deg)}.personal-lobby{flex:1;grid-template-columns:minmax(0,1fr) minmax(200px,27%);gap:12px;min-height:0;padding:12px;display:grid}.personal-lobby .lobby-room-wrap{flex-direction:column;min-height:0;display:flex}.personal-lobby .lobby-room{aspect-ratio:auto;flex:1;width:100%;max-width:none;min-height:0}.personal-menu{background:#fffdf5;border-radius:16px;flex-direction:column;justify-content:center;gap:8px;min-height:0;padding:16px;display:flex}.personal-menu h1{margin:4px 0;font-size:20px}.personal-menu p,.personal-menu small{color:var(--muted);margin:0;font-size:12px}.personal-menu .button{width:100%;min-height:40px}.lobby-room .movement-zone{z-index:1000}.play-shell .home-content>.hero,.play-shell .home-content>.how-it-works{display:none}.play-shell .home-content:has(.catalog-section)>.directory-section{display:none}.play-shell .catalog-section{margin:0}.play-shell .catalog-section .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.play-shell .catalog-card{min-height:0}.play-shell .catalog-card .game-art{height:55px;min-height:0}.play-shell .catalog-card .game-card-copy{padding:10px}.play-shell .catalog-card p{display:none}.game-compact .personal-lobby{grid-template-columns:minmax(0,1fr) 210px;gap:8px;padding:8px}.game-compact .personal-menu{gap:5px;padding:10px}.game-compact .personal-menu h1{font-size:17px}.game-compact .personal-menu .button{min-height:35px;padding:7px 10px;font-size:12px}.game-compact .personal-menu .eyebrow,.game-compact .personal-menu p{display:none}.game-compact .game-toolbar{min-height:38px;padding:3px 10px}.game-compact .game-toolbar button{min-height:30px;padding:4px 8px;font-size:12px}.game-compact .game-toolbar .game-profile span,.game-compact .fullscreen-label,.game-compact .lobby-room-caption,.game-compact .lobby-help{display:none}.game-compact .play-shell .room-grid{grid-template-columns:minmax(0,1fr) 220px}.game-compact .play-shell .room-layout{padding:8px}.game-compact .play-shell .room-aside{max-height:calc(var(--game-height) - 92px);overflow:auto}.game-compact .play-shell .lobby-room{max-width:calc((var(--game-height) - 150px)*1.66667)}.game-compact .play-shell .home-content{padding:10px}.game-compact .play-shell .catalog-section h1{margin:0;font-size:18px}.game-compact .play-shell .catalog-section .section-heading{margin-bottom:8px}.game-compact .play-shell .catalog-filters{gap:5px;margin-bottom:8px}.game-compact .play-shell .catalog-filters .button{padding:6px 10px;font-size:12px}.game-compact .play-shell .catalog-card h3{font-size:14px}.game-compact .play-shell .catalog-card .game-art{height:32px;font-size:20px}.game-compact .play-shell .catalog-paging{margin-top:8px}.game-compact .personal-lobby .lobby-room{max-width:none}.game-compact .play-shell .room-top{margin-bottom:6px}.game-compact .play-shell .room-top h1{font-size:16px}.game-compact .play-shell .room-top p,.game-compact .play-shell .room-top .eyebrow{display:none}.game-compact .play-shell .room-stage{padding:8px;position:relative}.game-compact .play-shell .room-stage>.section-heading{margin-bottom:6px}.game-compact .play-shell .room-stage>.section-heading h2{font-size:15px}.game-compact .play-shell .start-bar{margin:0 0 5px;padding:5px}.game-compact .play-shell .lobby-ready-copy p{margin:2px 0;font-size:11px}.game-compact .play-shell .start-actions .button{min-height:34px;padding:6px 10px}.game-compact .play-shell .lobby-room-wrap{margin:0}.game-compact .play-shell .lobby-controls{margin:4px 0 0}.game-compact .play-shell .lobby-controls[open]{z-index:1200;background:#fffdf5;border-radius:12px;padding:10px;position:absolute;inset:4px;overflow:auto}.game-compact .play-shell .room-aside .card{padding:8px}.game-compact .play-shell .member{padding:4px}.game-compact .play-shell .member .avatar{width:26px;height:26px}.game-compact .play-shell .invite-card>p,.game-compact .play-shell .invite-card>.eyebrow{display:none}.game-compact .play-shell .invite-card .button{min-height:32px;padding:6px;font-size:11px}.play-shell .room-layout{flex-direction:column;flex:1;min-height:0;display:flex}.play-shell .room-grid{flex:1;min-height:0}.play-shell .room-stage{min-height:0}.game-compact .play-shell .room-stage:has(.lobby-room){flex-direction:column;height:100%;display:flex}.game-compact .play-shell .room-stage:has(.lobby-room) .lobby-room-wrap{flex:1;min-height:0;display:flex}.game-compact .play-shell .room-stage:has(.lobby-room) .lobby-room{aspect-ratio:auto;max-width:none;height:100%}.game-compact .play-shell .results{padding:4px}.game-compact .play-shell .results .result-flower{display:none}.game-compact .play-shell .results h3{margin:4px 0}.game-compact .play-shell .survival-help,.game-compact .play-shell .sumo-help{display:none}.game-compact .play-shell .solo-page{min-height:0;padding:8px 14px}.game-compact .play-shell .solo-header{margin-bottom:6px}.game-compact .play-shell .solo-stage>.match-area{min-height:0;padding:6px}.game-compact .play-shell .catalog-section .eyebrow,.game-compact .play-shell .room-layout[data-phase=lobby] .room-stage>.section-heading,.game-compact .play-shell .room-layout[data-phase=playing] .room-stage>.section-heading{display:none}.game-compact .play-shell .lobby-ready-bar{flex-flow:row;align-items:center;gap:6px}.game-compact .play-shell .lobby-ready-copy{flex:1;min-width:0}.game-compact .play-shell .start-actions{flex:none;width:auto}.game-compact .display-note{padding:4px 10px;font-size:11px;line-height:1.5}.game-compact .play-shell .lobby-controls>summary{min-height:32px;padding:6px 10px;font-size:12px}.game-compact .play-shell .room-aside{height:100%;min-height:0;max-height:100%;overflow:auto}.game-compact .play-shell .lobby-controls[open]{top:72px}.play-shell .room-layout.connected-lobby{--room-menu-width:clamp(210px,27%,320px);padding:12px;display:flex;position:relative}.connected-lobby .room-grid{grid-template-columns:minmax(0,1fr) var(--room-menu-width);align-items:stretch;gap:12px;height:100%}.play-shell .connected-lobby .room-stage{box-shadow:none;background:0 0;border:0;flex-direction:column;min-height:0;padding:0;display:flex}.play-shell .connected-lobby .room-stage>.section-heading{display:none}.play-shell .connected-lobby .lobby-room-wrap{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.play-shell .connected-lobby .lobby-room{aspect-ratio:auto;flex:1;max-width:none;height:100%}.connected-menu{justify-content:flex-start;gap:8px;min-width:0}.connected-menu .room-top{align-items:center;gap:6px;margin:0}.connected-menu .room-top>div{min-width:0}.connected-menu .room-top h1{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.connected-menu .room-top .eyebrow,.connected-menu .room-top p{display:none}.connected-menu .room-top .button{flex:none;width:auto;min-height:32px;padding:5px 7px;font-size:11px}.room-member-strip{border:0;margin:0;padding:0}.room-member-count{color:var(--muted);margin-bottom:4px;font-size:12px}.connected-menu .member-list{flex-wrap:wrap;gap:4px;display:flex}.connected-menu .member{background:#eef4e7;border:0;border-radius:50%;width:28px;height:28px;min-height:0;padding:0;display:block;position:relative}.connected-menu .member .avatar{width:24px;height:24px}.room-ready-dot{color:#426f46;background:#fffdf5;border-radius:50%;font-size:11px;position:absolute;bottom:-1px;right:-2px}.room-picker-slot{flex:none;min-height:50px}.connected-menu .lobby-controls{margin:0;padding:0}.connected-menu .lobby-controls>summary{min-height:44px;padding:7px 9px;font-size:12px}.connected-menu .lobby-controls>summary span{display:block}.play-shell .connected-lobby .lobby-controls[open]{inset:12px calc(var(--room-menu-width) + 24px) 12px 12px;z-index:1200;background:#fffdf5;border-radius:16px;padding:12px;position:absolute;overflow:auto}.connected-lobby .lobby-controls .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-invite-compact{border:0;margin:0;padding:0}.room-invite-compact .button{justify-content:space-between;gap:5px;display:flex}.connected-menu .room-invite-compact code{letter-spacing:1px;background:0 0;margin:0;padding:0;font-size:16px}.connected-menu .lobby-ready-bar{background:0 0;border:0;flex-direction:column;gap:4px;margin:auto 0 0;padding:0;display:flex;position:static}.connected-menu .lobby-ready-copy strong{display:none}.connected-menu .lobby-ready-copy p{margin:0;font-size:11px;display:block}.connected-menu .start-actions{gap:5px;width:100%;display:flex}.connected-menu .start-actions .button{flex:1;min-width:0;min-height:40px;padding:8px 4px;font-size:12px}.connected-menu .room-members-button{min-height:32px;padding:4px 8px;font-size:12px}.connected-lobby>.connection-note{z-index:1300;max-width:calc(100% - var(--room-menu-width) - 44px);position:absolute;top:20px;left:20px}.room-member-details .member-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.room-member-details .member{min-width:0}.room-member-details .member strong{overflow-wrap:anywhere}.room-invite-details{flex-direction:column;gap:10px;display:flex}.room-invite-details code{text-align:center;letter-spacing:2px;background:#eef4e7;border-radius:12px;padding:12px;font-size:22px}.game-compact .play-shell .room-layout.connected-lobby{--room-menu-width:210px;padding:8px}.game-compact .connected-lobby .room-grid{grid-template-columns:minmax(0,1fr) var(--room-menu-width);gap:8px}.game-compact .connected-menu{gap:5px}.game-compact .play-shell .connected-lobby .lobby-controls[open]{inset:8px calc(var(--room-menu-width) + 16px) 8px 8px}.game-compact .connected-menu .start-actions .button{min-height:35px}.play-shell .connected-menu .lobby-ready-bar{flex-direction:column;margin:auto 0 0;padding:0}.play-shell .connected-menu .start-actions{width:100%}.play-shell .connected-menu .member{padding:0}.play-shell .connected-menu .member .avatar{width:24px;height:24px}.play-shell .connected-menu .lobby-ready-copy{flex:none;width:100%}.play-shell .connected-menu .lobby-ready-bar{box-shadow:none}.play-shell .connected-menu .member-list,.play-shell .connected-menu .member,.play-shell .connected-menu .room-top{margin:0}.play-shell .connected-menu .room-invite-compact .long-code{letter-spacing:0;font-size:11px}.play-shell .connected-menu .room-member-strip .member-list{flex-wrap:wrap;gap:4px;display:flex}:is(.play-shell .main-column:has(.match-room),.play-shell .main-column:has(.solo-page)){overflow:hidden}.play-shell .room-layout.match-room{flex-direction:column;flex:1;min-height:0;padding:6px 10px;display:flex;overflow:hidden}.play-shell .match-room .room-top{flex:none;align-items:center;gap:8px;margin:0 0 4px;display:flex}.play-shell .match-room .room-top>div{flex:1;min-width:0}.play-shell .match-room .room-top h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;display:block;overflow:hidden}.play-shell .match-room .room-top .eyebrow{display:none}.play-shell .match-room .room-top .button{min-height:32px;padding:4px 12px}.play-shell .match-room .room-grid{flex:1;align-items:stretch;min-height:0;display:flex}.play-shell .match-room .room-stage{flex-direction:column;flex:1;min-height:0;padding:6px;display:flex;overflow:hidden}.play-shell .match-room .room-stage>.section-heading,.play-shell .match-room .room-aside{display:none}.play-shell .match-room .connection-note{flex:none;margin:0;padding:3px 8px;font-size:12px}.play-shell .match-room .spectator-note{flex:none;margin:0;padding:2px 8px;font-size:11px}.play-shell :is(.sumo-game,.survival-game,.maze-game,.dodge-game){flex-direction:column;flex:1;gap:4px;height:100%;min-height:0;padding:0;display:flex}.play-shell :is(.sumo-bar,.survival-bar,.maze-bar,.dodge-bar){flex:none;gap:6px;min-height:24px;margin:0;font-size:12px;display:flex}.play-shell .match-room :is(.sumo-arena,.survival-arena,.maze-viewport){flex:1 1 0;width:100%;height:0;min-height:0}.play-shell .maze-viewport canvas{width:100%;height:100%!important}.play-shell .maze-bar select{width:auto;max-width:190px;min-height:34px;padding:4px}.play-shell .maze-bar .button{min-height:34px;padding:4px 10px}.game-foot{flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.game-details{flex:none;justify-content:flex-end;display:flex}.game-details>button{min-height:28px;padding:3px 8px;font-size:12px}.play-shell .survival-help{display:none}.play-shell .survival-spectator{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:3px 8px;display:flex}.play-shell .survival-spectator p{margin:0;font-size:11px}.play-shell .survival-spectator label{font-size:12px}.play-shell .survival-spectator select{min-height:34px;padding:3px}.play-shell .solo-page{flex:1;gap:4px;height:100%;min-height:0;padding:6px 10px}.play-shell .solo-top{flex:none;margin:0}.play-shell .solo-top h1{font-size:17px}.play-shell .solo-top .button{min-height:32px;padding:4px 12px}.play-shell .solo-stage{flex-direction:column;flex:1;min-height:0;padding:6px;display:flex;overflow:hidden}.play-shell .dodge-game{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.dodge-field{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.play-shell .solo-page .dodge-arena{aspect-ratio:8/5;width:min(100cqw,160cqh);max-width:100%;height:auto;margin:0}.game-tabs,.page-turns,.result-actions{flex:none;justify-content:center;align-items:center;gap:6px;display:flex}.game-tabs .button[aria-pressed=true]{background:#dbe9d2;box-shadow:inset 0 0 0 2px #7f9a72}.paged-items{flex-direction:column;gap:6px;width:100%;min-width:0;min-height:0;display:flex}.paged-rows{gap:6px;min-width:0;display:grid}.scrollable-items{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;width:100%;min-width:0;min-height:0;max-height:100%;overflow-y:auto}.scrollable-rows{flex-direction:column;gap:6px;min-width:0;display:flex}.page-turns .button{min-width:44px;min-height:34px;padding:3px 12px}.page-turns span{text-align:center;min-width:48px;font-size:12px}.game-person{background:#f1f5e9;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 10px;font-size:12px;display:grid}.game-person>span{overflow-wrap:anywhere;min-width:0}.game-person>strong{font-size:11px}.game-person .avatar{width:28px;height:28px}.game-detail-content{flex-direction:column;gap:10px;display:flex}.game-detail-content .paged-rows>p{min-height:90px;margin:0;font-size:14px;line-height:1.8}.game-mode .modal.game-info-modal{width:min(700px,calc(var(--game-width) - 24px));max-width:none;max-height:calc(var(--game-height) - 16px);overflow:visible}.game-mode .game-info-modal .modal-content{padding:12px 18px}.game-mode .game-info-modal .modal-heading{margin:0 0 8px;padding:0}.game-mode .game-info-modal h2{font-size:18px}.play-shell .results{flex:1;min-height:0;padding:4px}.play-shell .results .result-flower{display:none}.play-shell .results:not(.solo-results){grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:14px;display:grid}.result-summary{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.play-shell .results h3,.play-shell .result-summary>p{margin:0}.play-shell .results h3{font-size:18px}.play-shell .result-summary>p{font-size:12px}.play-shell .results:not(.solo-results) .score-list{width:100%;height:100%;min-height:0;max-height:none;margin:0;overflow-y:auto}.play-shell .results:not(.solo-results) .score-list>.scrollable-rows>div{text-align:left;background:#f2f5e9;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px 8px;padding:5px 10px;display:grid}.play-shell .results:not(.solo-results) .score-list .avatar{grid-row:span 2;width:28px;height:28px}.play-shell .results:not(.solo-results) .score-list span{min-width:0;font-size:12px}.play-shell .results:not(.solo-results) .score-list strong{grid-column:2;font-size:12px}.play-shell .results .button{min-height:34px;padding:5px 12px;font-size:12px}.play-shell .result-actions{flex-direction:column;align-items:stretch}.play-shell .solo-results{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.play-shell .solo-results .eyebrow{display:none}.play-shell .solo-results h2{margin:0;font-size:22px}.play-shell .solo-results>p{margin:0;font-size:13px}.play-shell .solo-results .account-note{font-size:11px}.game-info-modal .score-list{width:100%;max-width:none;margin:0}.game-info-modal .score-list>.paged-items{background:0 0;align-items:stretch;padding:0;display:flex}.game-info-modal .score-list .paged-rows>div{grid-template-columns:auto 28px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:12px;display:grid}.game-info-modal .score-list time{grid-column:3/-1;font-size:11px}.game-compact .play-shell .result-summary h3{font-size:14px;line-height:1.5}.play-shell .serif-art{flex-direction:column;flex:1;gap:6px;height:100%;min-height:0;display:flex}.play-shell .serif-heading{flex-wrap:nowrap;flex:none;gap:6px;font-size:12px}.serif-heading .game-tabs{justify-content:flex-end}.play-shell .serif-heading .button{min-height:32px;padding:4px 10px;font-size:12px}.play-shell .serif-body,.play-shell .serif-prepare{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:10px;min-height:0;display:grid}.play-shell .serif-story{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.play-shell .serif-line{border-radius:12px;flex:none;padding:6px}.play-shell .serif-line span{font-size:11px}.play-shell .serif-line h3{margin:0;font-size:clamp(17px,2.3vw,28px)}.play-shell .serif-actors{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.play-shell .serif-actors>:is(div,button){border-width:1px;border-radius:8px;flex-wrap:nowrap;gap:4px;min-width:0;padding:4px;display:flex;position:relative}.play-shell .serif-actors .avatar{width:24px;height:24px}.play-shell .serif-actors>:is(div,button)>span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.play-shell .serif-actors strong{background:#fff0b9;font-size:9px;position:absolute;top:-7px;right:2px}.play-shell .serif-secret{border-radius:8px;margin:0;padding:5px 8px;font-size:12px}.play-shell .serif-secret strong{display:block}.play-shell .serif-turn{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.play-shell .serif-turn strong,.play-shell .serif-turn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-shell .serif-turn span{font-size:10px}.play-shell .serif-card{min-height:0;padding:8px}.play-shell .serif-card h3{margin:0 0 4px;font-size:14px}.play-shell .serif-card p{margin:6px 0;font-size:13px}.play-shell .serif-prepare .serif-card{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.play-shell .serif-prepare .paged-items{justify-content:center}.play-shell .serif-answer{flex-direction:column;gap:5px;display:flex}.play-shell .serif-bench{flex:none;gap:4px;min-height:32px}.play-shell .serif-bench button{flex-wrap:nowrap;flex:1;gap:3px;min-width:0;min-height:34px;padding:3px;font-size:11px;display:flex}.play-shell .serif-bench .avatar,.play-shell .serif-slot .avatar{flex:none;width:24px;height:24px}.play-shell .serif-bench span,.play-shell .serif-slot button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.play-shell .serif-slots{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:0;margin:0;display:grid}.play-shell .serif-slot{border-radius:10px;flex-direction:column;gap:3px;min-height:0;padding:5px;display:flex}.play-shell .serif-slot h4{margin:0;font-size:12px;line-height:1.3}.play-shell .serif-slot button{flex-wrap:nowrap;flex:1;gap:3px;min-height:34px;padding:3px;font-size:12px}.play-shell .serif-slot small{margin:0;font-size:9px;display:inline}.play-shell .serif-card .serif-sheet-status{margin:0;font-size:11px}.play-shell .serif-actions{flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:34px;font-size:11px;display:flex}.play-shell .serif-actions .button{min-height:34px;padding:5px 12px;font-size:12px}.play-shell .serif-score-panel{flex:1;align-items:center;width:min(100%,800px);min-height:0;margin:auto;display:flex}.play-shell .serif-score-panel .game-person{padding-block:4px}.play-shell .serif-answers{gap:4px;display:grid}.play-shell .serif-answers p{margin:0;font-size:12px}.play-shell .serif-answers p span{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:45%;display:inline-block;overflow:hidden}.play-shell .serif-reveal-panel{flex-direction:column;justify-content:flex-start;gap:5px;min-width:0;min-height:0;display:flex;overflow:hidden}.play-shell .serif-reveal-items{flex:1;min-height:0}.play-shell .serif-reveal-panel h3{margin:0;font-size:14px}.serif-reveal-row{background:#f1f5e9;border-radius:10px;min-width:0;padding:5px 8px;font-size:12px}.serif-reveal-row>strong{overflow-wrap:anywhere;display:block}.serif-reveal-row>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;font-size:11px;display:grid}.serif-reveal-row>small{font-size:11px}.game-compact .play-shell .serif-body{grid-template-columns:minmax(0,1fr)}.game-compact .play-shell .serif-story{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:center;align-items:start;gap:6px 10px;display:grid}.game-compact .play-shell .serif-line{grid-column:1}.game-compact .play-shell .serif-line>span{display:none}.game-compact .play-shell .serif-actors{grid-area:1/2/span 3}.game-compact .play-shell .serif-secret,.game-compact .play-shell .serif-turn{grid-column:1}.game-compact .play-shell .serif-turn>span,.game-compact .play-shell .serif-answer>h3,.game-compact .play-shell .serif-sheet-status{display:none}.game-compact .play-shell .serif-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.game-compact .play-shell .serif-slot{gap:2px;padding:3px}.game-compact .play-shell .serif-slot h4{font-size:11px;line-height:1.25}.game-compact .play-shell .serif-bench{min-height:0}.game-compact .play-shell .serif-answer{padding:5px}.game-compact .play-shell .serif-reveal-panel{justify-content:flex-start}.game-compact .play-shell .serif-reveal-panel>h3{display:none}.game-compact .play-shell .serif-answers{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.game-compact .play-shell .serif-art[data-phase=reveal] .serif-story{justify-content:center;display:flex}.game-compact .play-shell .serif-game-name{display:none}.game-compact .play-shell .serif-heading>strong{min-width:0;font-size:11px}.game-compact .play-shell .serif-heading .button{padding:4px 7px}.play-shell .main-column>.loading-panel,.play-shell .room-stage>:is(.empty-state,.loading-panel),.play-shell .solo-stage>:is(.empty-state,.loading-panel){flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;margin:0;padding:12px;display:flex}.play-shell :is(.room-stage,.solo-stage,.main-column)>.loading-panel :is(h1,h2,h3,p),.play-shell :is(.room-stage,.solo-stage)>.empty-state :is(h2,h3,p){margin:0}.play-shell :is(.room-stage,.solo-stage)>.empty-state h2{font-size:16px}.play-shell :is(.room-stage,.solo-stage)>.empty-state .button{min-height:34px;padding:5px 12px}.play-shell .loading-panel .spinner{flex:none;margin:0}.play-shell .survival-spectator label{align-items:center;gap:6px;min-width:0;display:flex}.play-shell .survival-spectator select{width:240px;max-width:100%}.game-compact .play-shell .survival-spectator{flex-wrap:nowrap}.game-compact .play-shell .survival-spectator p>span,.game-compact .play-shell .survival-spectator label>span{display:none}.survival-footer{flex:none;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.play-shell .survival-footer>.survival-spectator{flex:1;min-width:0}.play-shell .serif-prepare .serif-card small{margin-top:6px;font-size:11px;line-height:1.5}.play-shell .serif-prepare .serif-card p{line-height:1.6}.survival-footer>.game-details{margin-left:auto}.play-shell .serif-slot small{white-space:nowrap;flex:none}.room-top{flex-wrap:nowrap}.room-identity{flex-shrink:1}.room-identity-copy{overflow:hidden}.room-top h1{max-width:100%}.room-top>button{white-space:nowrap;flex:none}#play-context-title .room-top{gap:5px}#play-context-title .room-identity{gap:7px}#play-context-title .room-logo{width:24px;height:22px}#play-context-title .room-top>button{flex:none}.play-shell .serif-score-panel>.scrollable-items{flex:1;max-height:100%}@media (width<=640px){.room-top{align-items:center;gap:8px}.room-identity{gap:6px}.room-logo{width:26px;height:24px}.room-top h1{margin:4px 0;font-size:16px}#play-context-title .room-logo{width:20px;height:18px}#play-context-title .room-top .button{padding-inline:6px;font-size:11px}}.sky-game{flex-direction:column;flex:1;gap:4px;min-width:0;height:100%;min-height:0;display:flex}.sky-hud,.sky-footer{flex:none;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.sky-hud{min-height:24px;padding:0 8px}.sky-hud label{align-items:center;gap:6px;display:flex}.sky-hud progress{accent-color:#a56cba;width:clamp(60px,16vw,180px);height:12px}.sky-arena{background:#c6edee;border-radius:14px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.sky-arena canvas{touch-action:none;width:100%;height:100%;display:block}.sky-footer button{min-height:30px;padding:4px 10px}.room-stage{position:relative}.room-stage>.victory-celebration.victory-in-place{z-index:8;text-align:center;pointer-events:none;background:#fff9e5e8;border-radius:12px;flex-direction:row;flex:none;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 20px);height:auto;min-height:0;padding:4px 10px;font-size:11px;line-height:1.25;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #745a2022}.victory-in-place strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:100%;font-size:13px;overflow:hidden}.pal-victory-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pal-victory-marker{pointer-events:none;line-height:0;position:absolute;transform:translate(-50%,-100%)}.pal-victory-marker>.victory-crown{width:100%;height:auto;animation:1s ease-in-out infinite alternate pal-crown-shine;display:block;position:static;transform:none}.pal-victory-sparkles{pointer-events:none;position:absolute;inset:-8px -14px -32px}.pal-victory-sparkles i{color:#e8b332;text-shadow:0 0 5px #fff6a8;font-size:15px;font-style:normal;line-height:1;animation:.9s ease-in-out infinite alternate pal-sparkle;position:absolute}.pal-victory-sparkles i:first-child{top:20%;left:0}.pal-victory-sparkles i:nth-child(2){animation-delay:.25s;top:10%;right:0}.pal-victory-sparkles i:nth-child(3){animation-delay:.5s;bottom:0;right:4%}.pal-victory-sparkles i:nth-child(4){animation-delay:.15s;bottom:10%;left:3%}.existing-pal{flex:none;display:inline-flex;position:relative}.existing-pal-winner>.victory-crown{width:26px;height:20px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes pal-sparkle{0%{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}@keyframes pal-crown-shine{0%{filter:drop-shadow(0 0 1px #fff0a4)}to{filter:drop-shadow(0 0 5px #ffe895)}}@media (prefers-reduced-motion:reduce){.pal-victory-marker>.victory-crown,.pal-victory-sparkles i{animation:none}}.existing-pal-winner>.victory-crown{animation:1s ease-in-out infinite alternate pal-crown-shine}@media (prefers-reduced-motion:reduce){.existing-pal-winner>.victory-crown{animation:none}}.victory-in-place>span{white-space:nowrap;flex:none}.play-shell:has(.solo-page)>.game-toolbar{z-index:12;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);background:0 0;border:0;min-height:0;padding:4px 8px;position:absolute}.play-shell:has(.solo-page) .game-brand{display:none}.game-toolbar-menu{position:relative}.game-toolbar-menu>summary{cursor:pointer;background:#f0f4e8;border-radius:12px;justify-content:center;align-items:center;min-height:36px;padding:4px 10px;font-size:12px;font-weight:700;list-style:none;display:flex}.game-toolbar-menu>summary::-webkit-details-marker{display:none}.game-toolbar-menu[open]>nav{border:1px solid var(--border);background:#fffef9;border-radius:14px;flex-flow:column;align-items:stretch;width:190px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #263b3326}.game-toolbar-menu nav .game-profile{display:flex}.play-shell .solo-page{gap:4px;padding:4px 8px}.play-shell .solo-top{flex-wrap:nowrap;gap:8px;min-height:36px;padding-right:100px}.play-shell .solo-top h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.play-shell .solo-top .button{flex:none;min-height:36px;padding:4px 10px;font-size:12px}.play-shell .solo-stage{background:0 0;border:0;border-radius:12px;padding:0}.play-shell .solo-page :is(.sky-footer,.dodge-game>.game-details){min-height:28px}.play-shell .solo-page .dodge-bar p{margin:0}.play-shell .solo-page :is(.dodge-game,.sky-game){gap:0;position:relative}.play-shell .solo-page .dodge-game{grid-template-rows:minmax(0,1fr)}.play-shell .solo-page :is(.dodge-bar,.sky-hud){z-index:4;pointer-events:none;background:#fffdf9de;border-radius:10px;padding:2px 8px;position:absolute;top:8px;left:8px;right:8px}.play-shell .solo-page :is(.dodge-game>.game-details,.sky-footer){z-index:4;background:#fffdf9e8;border-radius:10px;padding:2px 6px;position:absolute;bottom:8px;right:8px}.play-shell .solo-page .sky-footer{pointer-events:none;background:0 0;left:8px}.play-shell .solo-page .sky-footer :is(button,.game-details){pointer-events:auto;background:#fffdf9e8;border-radius:10px}.game-compact .play-shell .solo-page{padding:4px 8px}.play-shell .solo-page .dodge-game .dodge-bar{max-width:calc(100% - 16px);right:auto}.play-shell .solo-page .sky-game .sky-hud{background:0 0;padding:0}.play-shell .solo-page .sky-game .sky-hud>*{background:#fffdf9de;border-radius:10px;padding:2px 8px}.play-shell .solo-page .sky-game .sky-footer{background:0 0}.play-shell .solo-page .sky-game .movement-hint{bottom:48px}.game-rotated .play-shell:has(.solo-page)>.game-toolbar{top:env(safe-area-inset-right,0px);right:env(safe-area-inset-bottom,0px)}#play-context-title{flex:1;min-width:0}#play-context-tools{flex:none;align-items:center;gap:4px;display:flex}.play-shell:has(#play-context-title>*)>.game-toolbar{background:#fffef9;flex-wrap:nowrap;min-height:40px;padding:3px 8px;display:flex;position:relative;top:auto;right:auto}.play-shell:has(#play-context-title>*) .game-brand{display:none}#play-context-title :is(.room-top,.solo-top){flex-wrap:nowrap;align-items:center;gap:6px;min-height:34px;margin:0;padding:0;display:flex}#play-context-title .room-top>div{flex:1;min-width:0}#play-context-title :is(h1,h2){white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}#play-context-title :is(p,.eyebrow){display:none}#play-context-title button,#play-context-tools button{white-space:nowrap;min-height:34px;padding:4px 8px;font-size:12px}#play-context-title .solo-top h1{flex:1}.play-shell .connected-menu .room-member-strip,.play-shell .room-members-button,.play-shell .sky-footer:empty,.play-shell .game-foot:empty{display:none}.play-shell .sky-footer{min-height:0}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:8px;display:grid}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-story{flex-direction:column;justify-content:center;gap:6px;display:flex}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-actors{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-slot button{flex:1;min-height:34px}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-slot h4{font-size:12px}@media (height<=420px){#play-context-title .room-top h1{max-width:180px}}.play-shell .game-toolbar-menu[open]>nav{max-height:calc(var(--game-height,100dvh) - 60px);overflow:auto}.play-shell .game-foot>span{font-size:11px}.play-shell .solo-page .sky-footer:empty{display:none}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-body{grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:4px}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:2px 8px;display:grid}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-actors{grid-area:1/2/span 3}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-line{padding:2px 5px}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-line h3{font-size:16px}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-secret{padding:2px 5px;font-size:11px}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-secret strong{display:inline}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-turn{display:none}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-slot h4{font-size:11px}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-actors>:is(div,button){padding:2px}.play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-bench{display:none}.play-shell .serif-actors>button{color:inherit;text-align:left;cursor:pointer;background:#fffdf9}.play-shell .serif-actors>button[aria-pressed=true]{outline:2px solid #709965}.game-compact .play-shell .serif-art:is([data-phase=perform],[data-phase=guess]) .serif-body{grid-template-rows:68px minmax(0,1fr)}.game-compact .play-shell .serif-actors>button{min-height:30px}.game-compact .play-shell .serif-actors>button .avatar{width:20px;height:20px}#play-context-title .room-top>div{width:0;overflow:hidden}#play-context-title .room-top h1{width:100%;max-width:100%}.room-start-countdown{overflow-wrap:anywhere;max-width:220px;font-size:12px}.start-actions{flex-wrap:wrap}.game-person>button{grid-column:2/-1;justify-self:end}#room-host-menu:empty{display:none}.play-shell>.game-toolbar{z-index:20;position:relative;overflow:visible}.game-toolbar-menu[open]>nav{z-index:21}.obstacle-race{flex-direction:column;gap:6px;width:100%;min-width:0;height:100%;min-height:0;display:flex}.obstacle-track{background:#d9edcb;border-radius:14px;flex:1;min-height:180px;position:relative;overflow:hidden}.obstacle-track canvas{width:100%;height:100%;display:block}.race-jump{color:#325b3e;touch-action:none;z-index:7;background:#f8fff0ed;border:2px solid #54875d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100px;min-height:68px;display:flex;position:absolute;bottom:14px;right:16px}.race-jump:disabled{opacity:.6}.race-jump span{font-size:11px}.race-countdown{pointer-events:none;color:#355b3e;background:#f4ffe777;flex-direction:column;justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;inset:0}.race-countdown small{font-size:14px}.play-shell .obstacle-race{flex:1;min-height:0}.play-shell .obstacle-track{min-height:0}@media (height<=450px){.race-jump{width:88px;min-height:52px;bottom:8px;right:10px}.obstacle-race .game-foot>span{font-size:10px}}.sky-hud{flex-wrap:wrap;gap:4px 8px}.sky-hud>span{white-space:nowrap}.game-compact .sky-hud{font-size:11px}.party-game{flex-direction:column;gap:5px;width:100%;min-width:0;height:100%;min-height:0;display:flex}.party-hud{flex-wrap:wrap;flex:none;align-items:center;gap:4px 12px;min-width:0;font-size:12px;display:flex}.party-hud strong{color:#3b5b61}.party-hud>span,.party-hud>b{white-space:nowrap}.party-hud select{max-width:180px;min-height:28px;padding:2px 6px;font-size:11px}.party-fever{color:#a45b34;background:#ffedba;border-radius:8px;padding:2px 8px}.party-arena{isolation:isolate;background:#e5efdc;border:1px solid #c4d4c7;border-radius:14px;flex:1;min-height:180px;position:relative;overflow:hidden}.party-arena canvas{width:100%;height:100%;display:block}.party-skill{z-index:7;color:#36584f;touch-action:none;cursor:pointer;background:#fffef2ed;border:2px solid #708c7d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:112px;min-height:64px;padding:8px;display:flex;position:absolute;bottom:12px;right:14px}.party-skill:disabled{opacity:.6;cursor:default}.party-skill small{font-size:11px}.pal-paint .party-skill{color:#8e526c;border-color:#bd7b9c}.pal-giant-chase .party-skill{color:#775089;border-color:#9571ae}.party-countdown{pointer-events:none;color:#3e5963;z-index:8;text-align:center;background:#fffaf17a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.party-countdown strong{font-size:50px}.party-countdown span{background:#fffdf2da;border-radius:10px;padding:4px 10px;font-size:14px;font-weight:700}.party-caught{pointer-events:none;background:#fff9e6df;border-radius:12px;max-width:65%;padding:5px 9px;font-size:12px;position:absolute;top:8px;left:10px}.party-foot{flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.party-foot>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.paint-standings{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 8px;display:grid}.paint-standing{border-left:4px solid var(--paint-color);background:#fffdf4;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:0 5px;min-width:0;padding:2px 5px;font-size:11px;line-height:1.35;display:grid}.paint-standing[data-self=true]{outline:1px solid #536a70}.paint-standing>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.paint-standing strong{font-variant-numeric:tabular-nums}.paint-percent{background:#dce2d7;border-radius:3px;grid-column:1/-1;height:4px;overflow:hidden}.paint-percent i{background:var(--paint-color);height:100%;transition:width .12s linear;display:block}.play-shell .party-game{flex:1;gap:4px;min-height:0}.play-shell .party-arena{min-height:0}.game-compact .party-hud{gap:2px 8px;font-size:11px}.game-compact .party-skill{border-radius:18px;width:100px;min-height:52px;padding:5px;font-size:12px;bottom:8px;right:10px}.game-compact .party-foot{min-height:0;font-size:10px}.game-compact .paint-standings{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 6px}.game-compact .paint-standing{padding:0 4px}.game-compact .paint-percent{height:3px}.room-layout{position:relative}.room-layout>.room-connection-overlay{z-index:15;pointer-events:none;background:#fff7e6ed;border-radius:10px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:4px 10px;font-size:12px;position:absolute;top:8px;left:auto;right:12px;box-shadow:0 2px 8px #344a3520}.room-connection-overlay button{pointer-events:auto}.account-panel{flex-direction:column;gap:12px;font-size:13px;line-height:1.6;display:flex}.account-panel p{overflow-wrap:anywhere;margin:0}.account-panel form{flex-direction:column;gap:10px;display:flex}.account-panel .field-label{margin:0}.account-panel button{cursor:pointer;min-height:38px}.account-tabs{gap:8px;display:flex}.account-tabs button{flex:1}.account-tabs [aria-pressed=true]{background:#e4efda;border:1px solid #7b9b6a}.account-status{background:#edf3e5;border-radius:12px;flex-direction:column;padding:10px;display:flex}.account-modal .modal-content{max-height:calc(var(--game-height,100dvh) - 28px);overflow:auto}.launcher-status{flex-wrap:wrap;align-items:center;gap:10px;margin:20px clamp(16px,3vw,44px);display:flex}.launcher-status p{flex-basis:100%;margin:0}.game-toolbar-menu nav .game-profile span,.game-compact .game-toolbar-menu nav .game-profile span,.game-toolbar-menu nav .fullscreen-label,.game-compact .game-toolbar-menu nav .fullscreen-label{display:inline}.game-toolbar-menu nav .game-profile span{white-space:normal;max-width:none;overflow:visible}.game-toolbar-menu nav .game-profile small{font-size:10px;font-weight:400;line-height:1.5;display:block}.personal-menu.catalog-menu{overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:flex-start;display:block;overflow:auto}.catalog-menu .catalog-back{text-align:left;margin-bottom:10px}.play-shell .catalog-menu .catalog-section{padding:0}.play-shell .catalog-menu .catalog-section h1{margin:6px 0 10px;font-size:18px}.play-shell .catalog-menu .catalog-section .game-grid{grid-template-columns:minmax(0,1fr);gap:8px}.catalog-menu .catalog-filters{gap:6px;margin-bottom:12px}.personal-menu.catalog-menu .catalog-filters .button{flex:auto;width:auto;min-height:30px;padding:5px 7px;font-size:11px}.catalog-menu .catalog-filters input{flex-basis:100%;width:100%;min-width:0;max-width:none;padding:8px}.play-shell .catalog-menu .catalog-card{flex:none;width:100%}.play-shell .catalog-menu .catalog-card .game-art{height:36px;font-size:20px}.play-shell .catalog-menu .catalog-card h3{margin:4px 0;font-size:14px}.play-shell .catalog-menu .catalog-card .game-card-copy{min-width:0;padding:8px}.play-shell .catalog-menu .game-meta{flex-wrap:wrap;font-size:10px}.catalog-menu .catalog-paging{gap:12px;margin:12px 0 0}.play-shell .catalog-menu .game-meta{margin-top:6px}.game-compact .play-shell .catalog-menu .catalog-section h1{margin:0 0 6px;font-size:15px}.game-compact .catalog-menu .catalog-back{margin-bottom:6px;font-size:11px}.game-compact .play-shell .catalog-menu .catalog-card .game-art{height:24px}