.workshop-main{max-width:1480px;margin:auto;padding:16px 24px 24px;color:#254e40}.workshop-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.workshop-topbar>div:first-child{display:flex;align-items:center;gap:12px}.workshop-topbar span{font-size:13px;color:#6e8271}.workshop-topbar h1{font-size:23px;margin:0}.workshop-level-picker{display:flex;align-items:center;gap:10px;font-size:13px}.workshop-level-picker select{max-width:240px;min-height:44px;border:1px solid #cad8ca;background:#fffcf4;border-radius:10px;padding:0 10px;color:#254e40}.workshop-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.target-panel{min-width:0;border:1px solid #d8dfce;border-radius:20px;background:#fffdf4;padding:22px;display:flex;flex-direction:column;align-items:stretch}.target-copy small{font-size:12px;color:#748774}.target-copy h2{font-size:25px;margin:5px 0}.target-copy p{font-size:14px;margin:5px 0;color:#587361}.target-preview{display:block;width:100%;padding:0;background:none;border:0;border-radius:12px;box-shadow:none;color:#254e40}.target-preview>span{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd9c9;border-radius:10px;padding:10px 14px;min-height:44px;font-size:14px}.target-room{display:block;width:100%;height:auto;overflow:visible}.target-room line{stroke:#527660;stroke-width:1.25;stroke-dasharray:5 4}.target-room text{font-family:PingFang SC,Microsoft YaHei,sans-serif;fill:#254e40;font-weight:700;font-size:17px}.target-room .target-front{fill:#a74e35}.target-room .target-side{fill:#246a53}.target-room .target-top{fill:#8d702c}.target-room text[font-size="12"]{font-size:12px}.target-unit{font-size:12px;text-align:center;margin:14px 0;color:#6a7d66}.plane-status{display:flex;gap:7px;justify-content:space-between;margin:12px 0}.plane-status>span{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px}.plane-status i{width:17px;height:17px;border-radius:50%;background:#e4eadc;border:1px solid #b5c9b6;display:grid;place-items:center}.plane-status b{display:block;width:100%;font-weight:500;font-size:11px;color:#71826b}.plane-status .matched i{background:#246a53;color:#fff}.plane-status .matched b{color:#246a53}.workshop-lesson{font-size:13px;line-height:1.7;color:#647861;margin:12px 0}.workshop-guide{margin-top:auto;background:none;border:0;min-height:44px;justify-content:center;font-size:13px;color:#246a53}.workshop-stage{position:relative;min-width:0;min-height:430px;height:min(700px,calc(100dvh - 265px));overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 50% 72%,#ecddb99c 0,transparent 62%),linear-gradient(160deg,#fbf4e4,#f9f8ef 45%,#f2ecdc);border:1px solid #e3dfce}.workshop-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-5px;border-radius:22px}.workshop-canvas:focus-visible{outline:3px solid #246a53}.height-handle{position:absolute;z-index:3;transform:translate(-50%,-100%);border:1px solid #287754;min-width:52px;min-height:52px;display:flex;flex-direction:column;gap:0;padding:7px 8px;border-radius:14px;background:#e5f2df;color:#246a53;box-shadow:0 3px 9px #254e4017;touch-action:none;cursor:ns-resize}.height-handle span{font-size:11px}.height-handle[hidden]{display:none}.workshop-stage-caption{position:absolute;bottom:15px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:13px;color:#718266;pointer-events:none}.workshop-toolbar{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;background:#fffdf4;border:1px solid #d8dfce;border-radius:17px}.workshop-toolbar button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid #cddac9;border-radius:11px;background:#fffdf4;color:#254e40;font-weight:600;box-shadow:none}.workshop-modes{display:flex;gap:7px}.workshop-toolbar .workshop-modes button{min-width:102px}.workshop-toolbar .selected,.workshop-toolbar .workshop-next{background:#246a53;color:#fff;border-color:#246a53}.workshop-tools{display:flex;align-items:center;gap:8px}.workshop-fine{min-height:44px;display:flex;align-items:center;gap:6px;font-size:13px;padding:0 6px;cursor:pointer}.workshop-fine input{width:17px;height:17px;accent-color:#246a53}.rotation-controls{display:flex;gap:10px}.quarter-turn-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.quarter-turn-group>span{grid-column:1/-1;text-align:center;font-size:12px;color:#647861}.workshop-toolbar .quarter-turn-group button{min-width:60px;min-height:44px;padding:8px 9px;gap:4px}.workshop-toolbar{align-items:center}.workshop-toolbar .workshop-help{width:100%;margin:0}.workshop-canvas{cursor:grab}.workshop-canvas:active{cursor:grabbing}.workshop-help{margin:0 0 0 auto;font-size:13px;color:#526e57;line-height:1.5}.workshop-toolbar .workshop-next{margin-left:auto;min-width:125px}.rotation-axis{display:flex;align-items:center;gap:8px;font-size:13px}.rotation-axis select{height:44px;border:1px solid #cddac9;border-radius:9px;background:#fffdf4;color:#254e40;padding:0 9px}.workshop-success{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:10px 22px;background:#fff9ecef;border:1px solid #d6b863;border-radius:18px;box-shadow:0 6px 24px #bd9d4429;pointer-events:none;z-index:4}.workshop-success h2{font-size:26px;white-space:nowrap;margin:0 0 4px}.workshop-success p{font-size:14px;margin:0}.workshop-success img{object-fit:contain;width:62px;height:62px}.workshop-preparing{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff9ecf5;padding:24px;text-align:center}.workshop-preparing h2{margin:4px 0;font-size:24px}.workshop-preparing p{max-width:420px;font-size:14px;line-height:1.7}.workshop-preparing ol{list-style:none;margin:8px 0;padding:0;text-align:left;display:flex;flex-direction:column;gap:14px}.workshop-preparing li{display:flex;align-items:center;gap:10px;font-size:14px;color:#7a8878}.workshop-preparing li>span{display:grid;place-items:center;background:#e7eddf;border-radius:50%;width:22px;height:22px;font-size:12px}.workshop-preparing .complete{color:#246a53}.workshop-loading{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;color:#254e40}.workshop-loading h1{font-size:27px;margin:0}.workshop-loading p{line-height:1.7;max-width:500px}.loading-wheel{animation:workshop-spin 1s linear infinite}@keyframes workshop-spin{to{transform:rotate(360deg)}}.target-enlarged{max-width:660px;margin:auto}.target-enlarged p,.workshop-rules p,.workshop-rules li{font-size:15px;line-height:1.8}.workshop-rules li{margin:9px 0}.workshop-rules details{margin:14px 0}.workshop-rules summary{min-height:44px;cursor:pointer;align-content:center}.workshop-notice{font-size:13px;color:#796131}.workshop-gesture-feedback{position:absolute;top:14px;left:14px;z-index:4;max-width:calc(100% - 28px);padding:9px 13px;border:1px solid #a9c8a0;border-radius:12px;background:#f3faebf2;color:#246a53;font-size:13px;box-shadow:0 3px 12px #254e4014;pointer-events:none}.workshop-gesture-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:#647861}.workshop-gesture-legend span{white-space:nowrap}.workshop-stage[data-gesture=move] .workshop-canvas{cursor:grabbing}.workshop-toolbar .workshop-sound[aria-pressed=true]{border-color:#a8c8a0;background:#edf4e5}.workshop-toolbar .workshop-sound[aria-pressed=true]:active:not(:disabled){background:#d8e9ca}.classic-demo{margin:28px 0}.classic-demo>summary{min-height:44px;color:#587361;cursor:pointer;align-content:center}.hero-scene .target-room{max-height:380px}.workshop-main button,.workshop-main select,.workshop-main input{transition:background-color .14s,border-color .14s,box-shadow .14s}.workshop-main button:focus-visible,.workshop-main select:focus-visible,.workshop-main input:focus-visible,.workshop-rules summary:focus-visible{outline:3px solid #246a53;outline-offset:3px}.workshop-main button:active:not(:disabled){box-shadow:inset 0 2px 4px #254e4025;background:#e3edd9}.workshop-main .selected:active:not(:disabled),.workshop-main .workshop-next:active:not(:disabled){background:#1a533f}.workshop-main button:disabled{opacity:.43;cursor:not-allowed;box-shadow:none;transform:none}.workshop-main select:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.workshop-main button:hover:not(:disabled){background:#e9f0df;border-color:#9db997}.workshop-main .selected:hover:not(:disabled),.workshop-main .workshop-next:hover:not(:disabled){background:#1d5c47}.target-preview:hover:not(:disabled){background:#f9f9ee}.height-handle:hover:not(:disabled){background:#d7eaca}}@media(hover:hover)and (pointer:fine){.workshop-toolbar .workshop-sound[aria-pressed=true]:hover:not(:disabled){background:#e1edd3;border-color:#8eaf80}.workshop-toolbar .workshop-sound[aria-pressed=true]:active:not(:disabled){background:#d8e9ca}}@media(max-width:1100px){.workshop-layout{grid-template-columns:255px minmax(0,1fr);gap:14px}.target-panel{padding:17px}.workshop-help{width:100%;margin:0}.workshop-stage{height:calc(100dvh - 245px)}}@media(max-width:720px)and (orientation:portrait){.workshop-main{padding:10px 12px 16px}.workshop-topbar{margin-bottom:9px;gap:6px}.workshop-topbar>div:first-child{display:block}.workshop-topbar h1{font-size:18px}.workshop-topbar span{font-size:11px}.workshop-level-picker label{display:none}.workshop-level-picker select{font-size:12px;max-width:146px;min-height:44px}.workshop-layout{grid-template-columns:1fr;gap:10px}.target-panel{height:98px;padding:10px 13px;flex-direction:row;align-items:center;gap:7px;border-radius:15px}.target-copy{flex:1}.target-copy small{font-size:10px}.target-copy h2{font-size:19px;margin:3px 0}.target-copy p{font-size:12px}.target-preview{width:118px;position:relative;align-self:center}.target-preview .target-room{height:79px;width:112px}.target-preview>span{position:absolute;bottom:-4px;right:0;font-size:10px;background:#fff9ece8;padding:2px 6px;min-height:22px;border:0;gap:3px}.target-preview>span svg{width:12px}.target-preview .target-room text{display:none}.target-unit,.workshop-lesson,.workshop-guide,.plane-status{display:none}.workshop-stage{height:clamp(305px,calc(100dvh - 405px),560px);min-height:305px;border-radius:17px}.workshop-canvas{border-radius:17px}.workshop-stage-caption{font-size:10px;bottom:9px}.height-handle{min-width:46px;min-height:46px;padding:5px 7px}.workshop-toolbar{position:sticky;bottom:0;z-index:6;padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:7px;border-radius:15px;background:#fffdf6f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workshop-modes{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.workshop-toolbar .workshop-modes button{min-width:0;padding:8px}.workshop-tools{flex:1;gap:6px}.workshop-toolbar button{min-height:44px;padding:8px 10px;font-size:13px;gap:5px}.workshop-fine{font-size:12px;padding:0 2px;gap:4px}.workshop-fine>svg{display:none}.workshop-help{font-size:11px}.workshop-toolbar .workshop-next{min-width:113px;padding:8px;margin-left:auto}.rotation-axis{font-size:12px}.workshop-success{top:10px;gap:7px;padding:8px 12px;border-radius:13px}.workshop-success h2{font-size:20px}.workshop-success p{font-size:12px}.workshop-success img{width:40px;height:40px}.workshop-success>svg{width:22px}}@media(max-width:950px)and (orientation:landscape){.workshop-main{padding:8px 14px}.workshop-topbar{margin-bottom:7px}.workshop-topbar h1{font-size:18px}.workshop-layout{grid-template-columns:215px minmax(0,1fr);gap:9px}.target-panel{padding:10px}.target-copy small,.workshop-lesson,.workshop-guide,.target-unit,.plane-status{display:none}.target-copy h2{font-size:18px}.target-copy p{font-size:11px}.target-preview .target-room{max-height:165px}.target-preview>span{font-size:11px;padding:5px;min-height:34px}.workshop-stage{min-height:230px;height:calc(100dvh - 160px)}.workshop-toolbar{padding:7px;gap:6px}.workshop-toolbar .workshop-modes button{min-width:72px;font-size:12px;padding:7px}.workshop-toolbar button{font-size:12px;padding:7px}.workshop-help,.workshop-fine{font-size:11px}.workshop-stage-caption{font-size:10px}}@media(prefers-reduced-motion:reduce){.loading-wheel{animation:none}.workshop-main *{transition:none!important;animation:none!important}}@media(min-width:951px)and (max-height:820px){.target-panel{padding:14px}.target-copy small,.workshop-lesson{display:none}.target-copy h2{font-size:20px}.target-copy p{font-size:12px}.target-preview .target-room{height:148px}.target-unit,.plane-status{margin:6px 0}.workshop-guide{margin-top:0}.workshop-toolbar{padding:9px 13px;gap:7px}.workshop-stage{height:calc(100dvh - 255px)}.workshop-topbar{margin-bottom:11px}}@media(max-width:720px)and (orientation:portrait){.rotation-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.quarter-turn-group{gap:4px}.quarter-turn-group>span{font-size:11px}.workshop-toolbar .quarter-turn-group button{min-width:0;padding:8px 3px;gap:2px;font-size:12px}.quarter-turn-group svg{width:14px}.workshop-tools{width:100%;flex-wrap:wrap}.workshop-fine{margin-left:auto}.workshop-stage{height:clamp(305px,calc(100dvh - 435px),560px)}}@media(max-width:950px)and (orientation:landscape){.rotation-controls{gap:6px}.workshop-toolbar .quarter-turn-group button{min-width:49px;padding:7px 5px}.quarter-turn-group>span{font-size:10px}.workshop-tools{flex-wrap:wrap}.workshop-toolbar{gap:8px}}@media(max-width:720px)and (orientation:portrait){.workshop-gesture-legend{width:100%;font-size:11px;gap:5px 10px}.workshop-gesture-feedback{top:10px;left:10px;font-size:11px;padding:8px 10px}.workshop-stage{height:clamp(305px,calc(100dvh - 355px),620px)}}.shadow-how{margin:35px 0;padding:28px;border:2px solid #dde4d0;border-radius:28px;background:#fffdf6}.shadow-how small{color:#71836c}.shadow-how h2{margin:6px 0 20px}.shadow-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none}.shadow-how p{font-size:14px;line-height:1.7;color:#647861}.level-card .target-room{width:100%;height:155px}.progress-card .target-room{width:100%;max-height:220px}.solution-solid{width:100%;display:block}.shadow-review>div,.shadow-review-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.shadow-review{border-top:1px solid #dae2d0;margin-top:20px;padding-top:10px}.social-game{max-width:1480px;margin:22px auto;padding:0 24px 28px}.social-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.social-bar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-bar button{min-height:44px}.social-bar button[aria-pressed=true]{border-color:#8eaf80;background:#e1edd3}.social-clock{font-weight:700;font-size:18px;color:#254e40}.social-clock.urgent{color:#ae503b}.social-feedback{margin:14px 0;padding:11px 16px;border-radius:14px;background:#edf4e5;color:#476847;line-height:1.6}.workshop-in-room{padding:0;margin:0;max-width:none}.workshop-in-room .workshop-topbar{margin-bottom:14px}.social-review-actions{display:flex;justify-content:flex-end;margin:14px 0}.social-error{padding:12px 18px;border:1px solid #ddb8a0;border-radius:14px;color:#a74c37;background:#fff4e9}.social-team{margin-top:18px}.social-team>header>span{display:flex;align-items:center;gap:8px}.social-team>div{flex-wrap:wrap}.social-team article{min-width:180px;flex:1}.social-team footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.social-team footer button{min-width:48px;min-height:44px}.social-team header small{overflow-wrap:anywhere}.social-game .workshop-stage{height:clamp(370px,calc(100dvh - 315px),680px)}@media(hover:hover)and (pointer:fine){.social-bar button[aria-pressed=true]:hover:not(:disabled){background:#d8e9ca;border-color:#789b6c}}.social-bar button[aria-pressed=true]:active:not(:disabled){background:#cce0bc}@media(max-width:720px){.shadow-how{padding:20px}.shadow-how ol{grid-template-columns:1fr;gap:12px}.shadow-how h2{font-size:23px}.social-game{padding:0 12px 20px;margin-top:14px}.social-bar{gap:10px}.social-bar>div:first-child{flex:1}.social-bar>div:last-child{width:100%;justify-content:flex-end}.social-bar>div:last-child button{font-size:13px}.social-feedback{font-size:12px;margin:10px 0}.social-game .workshop-stage{height:clamp(350px,calc(100dvh - 410px),590px)}.social-team header{flex-wrap:wrap;gap:8px}.social-team article{min-width:145px}.shadow-review>div,.shadow-review-pair{grid-template-columns:1fr}.social-review-actions .primary{width:100%}}@media(max-width:950px)and (orientation:landscape){.social-game .workshop-stage{height:max(300px,calc(100dvh - 160px))}.social-bar>div:last-child{width:auto}.social-feedback{padding:6px 12px}}.workshop-in-room[data-preparing=true] .target-panel{position:relative}.workshop-in-room[data-preparing=true] .target-panel>:not(.target-curtain),.workshop-in-room[data-preparing=true] .workshop-canvas,.workshop-in-room[data-preparing=true] .workshop-topbar h1{visibility:hidden}.target-curtain{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-align:center;color:#71836c;padding:14px}.target-curtain h2{font-size:20px;margin:5px 0}.target-curtain p{font-size:13px;margin:0}:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#254e40;background:#fff9ec;font-synthesis:none;--ink: #254e40;--paper: #fff9ec;--green: #246a53;--mint: #d5eadb;--yellow: #ffda71;--coral: #ef967c;--line: #cdd9c8;--muted: #667a66}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;color:var(--ink);background:#fffdf5;border:1.5px solid var(--ink);border-radius:12px;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button[aria-busy=true]{cursor:wait}a{color:inherit;text-decoration:none;transition:background-color .15s,color .15s}button:not(:disabled):active,a:active{transform:translateY(1px);background:#d6e8d3;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #de874c;outline-offset:3px}input,select,textarea{color:var(--ink);background:#fffef8;border:1.5px solid #90ad96;border-radius:10px;min-height:46px;padding:11px 12px;max-width:100%;font-size:16px}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,44px);line-height:1.3;letter-spacing:-1px}h2{font-size:clamp(23px,2.4vw,31px);line-height:1.4;letter-spacing:-.5px}p{line-height:1.8}small{line-height:1.5}svg{flex-shrink:0}.primary{background:var(--green);border:2px solid var(--ink);color:#fffdf4;box-shadow:3px 4px #b8d7bc}.secondary{background:#fffdf4;border:2px solid var(--ink);box-shadow:3px 4px #eedca5}.primary:not(:disabled):active{background:#194e3c;color:#fff}.large{min-height:56px;padding:14px 20px;font-size:16px;border-radius:15px}.icon-button{min-width:44px;padding:8px;background:transparent}.muted{color:var(--muted);font-size:13px}.error{color:#a13e30;background:#ffece1;border:1px solid #d2937d;padding:10px 14px;border-radius:10px}.success{color:#246a53;background:#e1f0df;padding:12px;border-radius:10px}.notice{display:flex;align-items:flex-start;gap:10px;background:#edf1e2;padding:14px;border:1px solid #c8d7be;border-radius:12px;line-height:1.7;font-size:14px}.badge{display:inline-flex;gap:5px;align-items:center;background:#e1ead9;border:1px solid #b2cba9;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#dfedda;border:1.5px solid #a1bf9f;border-radius:13px;font-size:25px;flex-shrink:0}.site-header{background:#fff9ecef;border-bottom:1px solid #dfe4cf;position:relative;z-index:10}.header-inner{max-width:1200px;height:112px;margin:auto;display:flex;align-items:center;gap:24px;padding:0}.brand{display:flex;align-items:center;gap:11px;border-radius:10px;padding:6px 3px;flex-shrink:0;min-height:44px}.brand img{width:58px;height:58px}.brand strong{display:block;font-size:26px;letter-spacing:2px;line-height:1.2;font-weight:900}.brand small{display:block;font-size:12px;letter-spacing:4px;margin-top:6px}.header-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1}.header-inner nav :is(a,button){display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;border:0;background:transparent;border-radius:10px;font-size:14px;font-weight:600;white-space:nowrap}.profile-button{border:0;padding:5px 7px;background:transparent;gap:10px;max-width:180px}.profile-button>span:last-child{display:grid;text-align:left;gap:2px;min-width:0}.profile-button b{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.profile-button small{font-size:11px;font-weight:400;color:var(--muted)}.login-button{border:1px solid #afc5a8;background:#e7efdd;font-size:13px}.in-room .header-inner{height:64px;max-width:1440px;padding:0 30px}.in-room .brand img{width:43px;height:43px}.in-room .brand strong{font-size:21px}.in-room .brand small{display:none}.site-footer{max-width:1200px;margin:50px auto 0;padding:26px 0;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer>a{margin-left:auto;min-height:44px;padding:12px 8px;border-radius:8px}.global-error{display:flex;align-items:center;justify-content:center;gap:15px;background:#ffeadf;padding:10px}.loading,.room-gate{min-height:60vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px 20px}.room-gate p{max-width:500px}.room-gate h1{margin:0}.home-main{max-width:1200px;margin:auto}.resume{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e1edda;padding:12px 18px;margin:18px 0 0;border:1px solid #b7cbaa;border-radius:12px;font-size:14px}.resume button{background:#fffdf4;border:1px solid #96b89a}.hero{display:grid;grid-template-columns:7fr 5fr;gap:24px;padding:64px 0 56px;align-items:center}.hero-copy{padding:5px 0 20px}.hero-note{display:flex;align-items:center;gap:9px;font-size:14px;color:#4d8268;font-weight:600}.tiny-cube{font-size:29px;line-height:1;color:#ae793c}.hero h1{font-size:clamp(40px,5.1vw,62px);line-height:1.23;margin:24px 0 20px;letter-spacing:1px;font-weight:900}.hero p{color:#617665;font-size:17px;line-height:1.95;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.hero-facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;font-size:12px;color:#687b65}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-scene{position:relative;padding:25px 12px 15px}.scene-paper{position:relative;background:#eef2df;border:2px solid var(--ink);border-radius:30px;padding:25px 25px 30px;box-shadow:7px 9px #d0e2c9;transform:rotate(2deg)}.paper-label{background:#fff9ec;border:1px solid #bac8ac;border-radius:7px;padding:7px 12px;font-size:12px;display:inline-block;transform:rotate(-4deg)}.cube-scene{display:block;width:100%;height:auto;overflow:visible}.scene-paper .cube-scene{height:260px}.hero-shadows{display:flex;justify-content:center;gap:14px}.mini-shadow{border:1px solid #6e8b6c;border-radius:10px;padding:8px 12px;background:#fff9ec;box-shadow:2px 3px #b5cbae;transform:rotate(-2deg)}.mini-shadow b{display:block;font-size:11px;text-align:center;margin-bottom:5px}.mini-shadow>div{display:grid;grid-template-columns:repeat(3,13px);gap:3px}.mini-shadow>div>span{height:13px;border:1px solid #adbea6;border-radius:2px;background:#fffef5}.coral .on{background:#ef967c}.mint .on{background:#6fbda6}.yellow .on{background:#ffda71}.scene-sticker{position:absolute;display:flex;align-items:center;gap:8px;right:-5px;top:12px;padding:12px 15px;background:#ffdf80;border:2px solid var(--ink);border-radius:14px;box-shadow:3px 3px #d2d8b9;transform:rotate(8deg);font-size:30px}.scene-sticker span{font-size:12px;font-weight:700;line-height:1.5}.scene-dot{position:absolute;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--ink);transform:rotate(15deg)}.dot-one{background:#ef967c;left:-18px;bottom:75px}.dot-two{background:#89baa0;right:12px;bottom:-18px}.announcement{display:flex;align-items:center;gap:12px;padding:14px 20px;border-block:1px solid #c6d3b9;background:#eff1dd;font-size:13px;color:#61724e}.announcement p{margin:0;line-height:1.65}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.section-heading h2{margin:8px 0 0}.section-heading small,.demo-section>div>small,.profile-heading small,.leaderboard>small,.admin-page>small{font-size:12px;color:#408169;font-weight:700}.play-options{padding:48px 0}.join-form{display:grid;gap:7px;font-size:12px;color:#617665}.join-form>div{display:flex;align-items:center;border:1px solid #9ab89c;border-radius:11px;background:#fffdf5}.join-form input{border:0;background:transparent;max-width:175px;min-width:120px;font-size:13px}.join-form button{border:0;min-width:44px;background:#dde8d3;border-radius:0 10px 10px 0}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode-card{display:block;text-align:left;padding:28px;border:1.5px solid #315740;border-radius:21px;box-shadow:4px 5px #c6d8ba;min-height:245px}.mode-card.solo{background:#fff1c6}.mode-card.together{background:#e0efdf}.mode-card.race{background:#f8e0d4}.mode-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #9eae83;border-radius:15px;background:#fff9ec80}.mode-card h3{font-size:23px;margin:18px 0 9px;letter-spacing:1px}.mode-card p{font-size:13px;line-height:1.8;color:#596e55;font-weight:400;max-width:290px;margin:0 0 20px}.mode-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.demo-section{display:grid;grid-template-columns:1.25fr 1fr .7fr;align-items:center;gap:30px;padding:34px 40px;margin:16px 0 58px;background:#2b654f;color:#fff9ec;border-radius:25px;position:relative}.demo-section>div>small{color:#ffda71}.demo-section h2{margin:9px 0 15px;font-size:26px}.demo-section p{color:#dcebd3;font-size:14px;margin:0}.demo-cube .cube-scene{height:225px}.demo-correct{display:flex;gap:8px;margin-top:14px;color:#ffda71;font-size:12px;line-height:1.6}.demo-section .projection{background:#fff9ec;color:var(--ink);padding:16px}.demo-section .projection-grid{gap:6px}.demo-section .projection footer{display:none}.demo-section .projection h3{font-size:16px}.demo-section .projection header span{display:none}.demo-section .projection-grid button{min-height:36px;aspect-ratio:1}.level-section{padding:20px 0 0}.segmented{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:#edf0df;border:1px solid #c8d4bb;border-radius:13px;width:fit-content;max-width:100%;margin-bottom:25px}.segmented button{background:transparent;border:1px solid transparent;border-radius:9px;font-size:14px;min-width:65px;box-shadow:none;padding:9px 16px}.segmented button[aria-pressed=true]{background:#fffdf4;border-color:#3c684e;box-shadow:2px 2px #ccd9ba}.segmented small{font-size:10px;margin-left:4px;color:#68815f}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.level-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:#fffdf5;border:1px solid #9bb99a;border-radius:16px;gap:6px;position:relative;overflow:hidden}.level-number{color:#65825d;font-size:12px;border-bottom:1px solid #d5e2c6;padding-bottom:3px}.level-card .cube-scene{height:125px;margin:0 auto 4px}.level-card b{font-size:14px}.level-card small{font-size:11px;font-weight:400;color:#738267}.level-start{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:8px;opacity:.8}.home-error{position:sticky;bottom:15px;margin-top:20px;z-index:2}.modal{border:2px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);padding:0;max-width:min(510px,calc(100vw - 24px));width:510px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:7px 8px #254e4030}.modal.wide{width:880px;max-width:min(880px,calc(100vw - 24px))}.modal::backdrop{background:#173c2fc4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #cdd8c1;position:sticky;top:0;background:var(--paper);z-index:3}.modal-head h2{font-size:20px;margin:0}.modal-head .icon-button{border:0}.modal-body{padding:22px}.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack p{margin:0;font-size:14px}.form-stack label{display:grid;gap:8px;font-size:13px;font-weight:700}.form-stack fieldset{border:0;padding:0;margin:0}.form-stack legend{font-size:13px;margin:0 0 8px;font-weight:700}.form-stack .segmented{margin:0;width:100%}.form-stack .segmented button{flex:1;padding-inline:9px}.form-stack .primary{margin:6px 0;min-height:48px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:25px}.invite{text-align:center;display:grid;gap:16px;justify-items:center}.invite p{margin:0;font-size:14px}.invite>img{border:1px solid #bcd0ad;border-radius:14px}.invite-code{font-size:30px;letter-spacing:7px}.invite label{display:grid;gap:7px;text-align:left;width:100%;font-size:12px}.invite input{width:100%;font-size:13px}.invite small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);line-height:1.7}.rules .lead{font-size:18px;line-height:1.8}.rules ol{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.rules li{counter-increment:steps;position:relative;padding-left:36px}.rules li:before{content:counter(steps);position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid var(--ink);border-radius:8px;background:#ffdf80;text-align:center;line-height:25px;font-size:13px;font-weight:700}.rules li p{font-size:13px;color:var(--muted);margin:8px 0 0}.rules .notice{display:block;margin:22px 0}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-picker button{background:#f3efd9;font-size:28px;border-color:#bed0af}.avatar-picker button[aria-pressed=true]{background:#d3e5cf;border:2px solid var(--green)}.page{max-width:1120px;margin:32px auto 0;min-height:60vh}.back-button{border:0;background:transparent;padding-inline:0;margin-bottom:24px;color:#50795c;font-size:13px}.profile-heading{display:flex;align-items:center;gap:22px;margin-bottom:28px}.profile-portrait{width:88px;height:88px;border:2px solid var(--ink);background:#d4e7ce;display:grid;place-items:center;font-size:53px;border-radius:24px;box-shadow:4px 5px #bccfae;flex-shrink:0}.profile-heading h1{margin:6px 0;font-size:30px}.profile-heading p{color:var(--muted);font-size:12px;margin:0}.profile-actions{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:430px}.profile-actions button{font-size:12px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #c5d3bb;margin:28px 0;padding:24px 0;background:#eef1df}.stats-strip>div{display:grid;gap:9px;text-align:center;justify-items:center;border-right:1px solid #c7d7bb}.stats-strip>div:last-child{border-right:0}.stats-strip strong{font-size:28px;font-variant-numeric:tabular-nums}.stats-strip span{font-size:12px;color:var(--muted)}.stats-strip svg{width:20px;height:20px;color:#679771}.profile-edit{padding:16px 18px;border:1px solid #c9d6be;border-radius:12px;margin-bottom:28px}.profile-edit summary{cursor:pointer;min-height:28px;font-size:14px;font-weight:700}.profile-edit .form-stack{max-width:480px;margin-top:15px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.progress-card{padding:20px;border:1px solid #b0c4a5;border-radius:17px;background:#fffdf5}.progress-card>div{display:flex;align-items:center;justify-content:space-between}.progress-card .cube-scene{height:160px}.progress-card h3{margin:8px 0;font-size:18px}.progress-card p{font-size:12px;color:var(--muted)}.progress-card>button{width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;grid-column:1/-1;background:#edf0de;border:1px dashed #93ad88;border-radius:17px;padding:50px 25px;text-align:center;line-height:1.8;color:var(--muted);font-size:14px}.history-list{display:grid;gap:13px}.history-list article{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #b5c8aa;border-radius:14px;background:#fffdf6}.history-icon{font-size:28px}.history-list h3{margin:0 0 4px;font-size:16px}.history-list p{font-size:12px;color:var(--muted);margin:0}.history-list article>strong{margin-left:auto;white-space:nowrap}.history-list article>button{font-size:12px}.review-list>section{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.review-list .cube-scene{max-width:350px;margin:auto;height:230px}.review-boards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.leaderboard{max-width:800px}.leaderboard>small{display:block}.leaderboard h1{margin:10px 0}.leaderboard>p{color:var(--muted);font-size:14px}.ranking-list{display:grid;gap:12px}.ranking-list article{display:flex;align-items:center;gap:20px;padding:18px 22px;border:1px solid #bfd0b1;border-radius:14px;background:#fffdf6}.rank{font-size:23px;text-align:center;min-width:30px}.ranking-list strong{margin-left:auto;font-size:25px}.ranking-list strong small{font-size:12px}.admin-nav{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.admin-nav .segmented{margin:0}.admin-login,.admin-settings{max-width:560px}.admin-settings h2{margin:0}.audit-list{margin-top:35px}.audit-list p{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.audit-list time{color:var(--muted);font-size:11px}.table-scroll{overflow:auto;max-width:100%;border:1px solid #c1d1b4;border-radius:13px}table{border-collapse:collapse;min-width:630px;width:100%;font-size:13px}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid #d4dec7}th{background:#e5eddb}td button{font-size:12px}.game-layout{max-width:1440px;margin:auto;padding:0 30px 18px;height:calc(100dvh - 64px);display:grid;grid-template-rows:56px minmax(0,1fr)}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.game-toolbar>div{display:flex;align-items:center;gap:14px;min-width:0}.game-toolbar strong{font-size:15px;white-space:nowrap}.game-toolbar>div>span:last-child{color:var(--muted)}.game-toolbar button{border:0;background:transparent;font-size:12px;padding-inline:10px}.play-area{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:25px;min-height:0}.puzzle-card{display:flex;flex-direction:column;align-items:center;border:2px solid var(--ink);background:#eef2df;border-radius:23px;padding:18px 22px;min-height:0;overflow:auto;box-shadow:4px 5px #c3d7bc}.puzzle-card header{width:100%;display:flex;justify-content:space-between;align-items:center}.puzzle-card header button{border:0}.puzzle-card h1{font-size:25px;margin:15px 0 5px;letter-spacing:0;text-align:center}.puzzle-card>p{font-size:12px;color:var(--muted);margin:0}.puzzle-card .cube-scene{max-height:300px;flex:1;min-height:160px;margin:12px auto;max-width:390px}.timer{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #b5c6a4;border-radius:12px;background:#fff9ec;padding:12px;width:100%;flex-wrap:wrap}.timer strong{font-size:18px;font-variant-numeric:tabular-nums}.timer span{width:100%;font-size:11px;text-align:center;color:var(--muted)}.timer.urgent{color:#a63c2b;background:#ffe6d7;border-color:#ce785d}.puzzle-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #c0cdb0;padding-top:18px;margin-top:22px}.puzzle-note p{font-size:12px;color:#597455;line-height:1.8;margin:0}.projection-zone{min-height:0;overflow:auto;display:flex;flex-direction:column;padding-bottom:5px}.projection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 18px}.projection-heading h2{font-size:23px;margin:0 0 6px}.projection-heading p{font-size:12px;color:var(--muted);margin:0}.save-state{font-size:10px;color:#739064;min-width:92px;text-align:right}.boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.projection{border:1.5px solid #537755;border-radius:17px;padding:15px;background:#fffdf5;min-width:0;box-shadow:2px 3px #d7e0c6}.projection.coral{background:#fbebdf}.projection.mint{background:#dfecdf}.projection.yellow{background:#faf0cd}.projection header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.projection h3{margin:0;font-size:17px}.projection header span{font-size:10px;color:var(--muted)}.projection header small{font-size:10px;font-weight:700;white-space:nowrap}.projection-grid{display:grid;gap:6px}.projection-grid button{aspect-ratio:1;min-height:44px;min-width:0;width:100%;padding:0;border:1.5px solid #829c79;border-radius:7px;background:#fffdf4;position:relative;box-shadow:0 2px #27493715}.projection-grid .lit{background:#e8a481;border-color:#815b47;box-shadow:inset 0 -4px #bf806726}.mint .projection-grid .lit{background:#7bbb9f;border-color:#4d7f63;box-shadow:inset 0 -4px #487f6326}.yellow .projection-grid .lit{background:#ffdb70;border-color:#9e8946;box-shadow:inset 0 -4px #b7964b26}.projection-grid button:disabled{opacity:1;cursor:default}.projection-grid button.difference{outline:3px solid #b94b3a;outline-offset:-3px}.projection-grid button.hinted{outline:3px solid #245747;outline-offset:1px}.projection footer{margin-top:13px;font-size:10px;color:#718164;text-align:center;min-height:15px}.answer-feedback{display:flex;align-items:center;min-height:64px;padding:13px 2px;margin-top:8px;font-size:13px;color:#5f765c;line-height:1.65}.answer-feedback.correct{font-weight:700;color:#247558}.board-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;padding-top:6px}.board-actions>div{display:flex;gap:8px}.board-actions button{font-size:12px;white-space:nowrap}.board-actions .check-button{min-width:158px;min-height:48px;font-size:15px}.team-strip{margin-top:26px;border-top:1px solid #cbd6bf;padding-top:15px}.team-strip header{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:13px}.team-strip header>span{display:flex;align-items:center;gap:7px;font-weight:700}.team-strip header>small{color:var(--muted);font-size:10px}.team-strip>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.team-strip article{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #c2d2b5;border-radius:12px;position:relative;background:#f4f5e6;min-width:0}.team-strip article.is-self{border-color:#7da582;background:#e4eedb}.team-strip article .avatar{width:32px;height:32px;font-size:21px;border-radius:9px}.team-strip article>div{display:grid;gap:3px;min-width:0}.team-strip article b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-strip article b small{font-size:9px;margin-left:5px;color:#64815e}.team-strip article>div>span{font-size:9px;color:var(--muted)}.team-strip article strong{margin-left:auto;display:flex;gap:2px;align-items:center;font-size:12px}.reaction{position:absolute;top:-12px;right:3px;border:1px solid #96b18c;border-radius:8px;background:#ffecb7;padding:3px 6px;font-size:11px;box-shadow:1px 2px #c0cea8}.team-strip footer{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.team-strip footer button{border-color:#afc59f;background:transparent;font-size:11px;padding:6px 10px}.settlement{text-align:center;max-width:800px}.settlement-icon{font-size:64px;margin:15px 0}.settlement>small{color:#498067}.settlement h1{margin:10px 0}.settlement>p{font-size:14px;color:var(--muted)}.settlement-scores{display:grid;gap:10px;margin-top:30px;text-align:left}.settlement-scores article{display:flex;align-items:center;gap:16px;background:#eef0df;border:1px solid #bacdad;padding:17px 22px;border-radius:13px}.settlement-scores article.is-self{background:#deeddb;border:1.5px solid #567f57}.settlement-scores article>div{display:grid;gap:4px;min-width:0}.settlement-scores small{font-size:11px;color:var(--muted)}.settlement-scores strong{margin-left:auto;font-size:27px;white-space:nowrap}.settlement-scores b{font-size:15px}.settlement-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.settlement-actions button{font-size:13px}.match-review{text-align:left;margin-top:30px;border:1px solid #b8cbae;padding:18px;border-radius:14px}.match-review summary{font-size:14px;font-weight:700;cursor:pointer;min-height:28px}.match-review>div{padding:20px 0;border-bottom:1px solid #c8d7ba}.match-review .cube-scene{max-width:300px;margin:auto;height:200px}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover,a:hover{background:#dfecd6;color:#194c38;border-color:#5d9169}.primary:not(:disabled):hover{background:#1b5943;color:#fff}.level-card:not(:disabled):hover{box-shadow:3px 4px #cadbbd}.mode-card:not(:disabled):hover{box-shadow:5px 6px #b6cea9;background:#eff3df}.header-inner nav :is(button,a):hover,.profile-button:hover{background:#e6eedc}.projection-grid button:not(:disabled):hover{background:#f2d5bb}.mint .projection-grid button:not(:disabled):hover{background:#aad5b6}.yellow .projection-grid button:not(:disabled):hover{background:#ffe493}.segmented button[aria-pressed=true]:hover{background:#e0ead7}.brand:hover{background:#e3ecda}}@media(max-width:1264px){.header-inner,.home-main,.site-footer,.page{margin-inline:32px}.header-inner{gap:16px}.header-inner nav :is(button,a){padding-inline:8px}.brand strong{font-size:24px}.hero h1{font-size:51px}.hero-actions .large{padding-inline:16px;font-size:14px}.scene-paper{padding:20px}.scene-sticker{right:-10px;top:10px}.projection-grid button{min-height:40px}.boards{gap:10px}.projection{padding:12px}.projection header{display:block}.projection header>small{display:block;margin-top:4px}.board-actions .check-button{min-width:140px}.team-strip>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.header-inner,.home-main,.site-footer,.page{margin-inline:24px}.header-inner{gap:10px}.header-inner nav{gap:2px}.brand strong{font-size:22px}.brand img{width:48px;height:48px}.profile-button small{display:none}.login-button{padding:8px}.hero h1{font-size:46px}.hero-scene{padding-inline:5px}.hero-facts{gap:16px}.hero-actions{gap:12px}.hero-actions .large{min-height:50px;padding:12px 14px}.hero-actions .large:last-child{box-shadow:none}.mode-card{padding:22px}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-section{padding:28px 25px;gap:15px}.demo-section h2{font-size:23px}.play-area{grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr);gap:18px}.game-layout{padding-inline:18px}.puzzle-card{padding:15px}.board-actions{gap:8px}.board-actions button{padding:9px 10px}.projection-grid{gap:5px}.projection-grid button{min-height:36px}.projection footer{font-size:9px}.in-room .header-inner{margin:0;padding-inline:20px}.team-strip{margin-top:20px}.projection-heading p{max-width:420px}.profile-actions{max-width:300px}.gw-navigation button{font-size:11px}}@media(max-width:900px){.header-inner{height:144px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:80px 55px;gap:0 14px}.header-inner .brand{grid-column:1;grid-row:1}.header-inner nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid #dfe5ce;gap:14px;min-width:0}.profile-button{grid-column:2;grid-row:1}.login-button{grid-column:3;grid-row:1}.brand strong{font-size:24px}.brand img{width:52px;height:52px}.header-inner nav :is(a,button){padding:10px 4px}.in-room .header-inner{display:flex;height:64px;gap:12px}.in-room .header-inner nav{border:0;justify-content:flex-end;gap:6px}.in-room .profile-button{margin-left:auto}.hero{grid-template-columns:1.2fr 1fr;gap:15px;padding-top:45px}.hero h1{font-size:42px}.hero p{font-size:15px}.hero-actions .large{font-size:13px}.hero-facts{font-size:11px;gap:10px}.scene-paper .cube-scene{height:220px}.scene-paper{padding:16px;border-radius:23px}.mini-shadow{padding:7px}.mini-shadow>div{grid-template-columns:repeat(3,11px)}.mini-shadow>div>span{height:11px}.hero-shadows{gap:10px}.scene-sticker{font-size:24px;padding:8px}.scene-sticker span,.paper-label{font-size:10px}.section-heading h2{font-size:24px}.mode-card{padding:18px;min-height:235px}.mode-card h3{font-size:21px}.demo-section{grid-template-columns:1fr .8fr}.demo-section>div:first-child{grid-column:1/-1}.demo-cube .cube-scene{height:185px}.demo-section .projection{max-width:210px;justify-self:end;width:100%}.play-area{grid-template-columns:220px minmax(0,1fr);gap:14px}.projection-heading{display:block;margin-bottom:10px}.save-state{display:block;text-align:left;margin-top:4px}.boards{gap:7px}.projection{padding:9px;border-radius:12px}.projection h3{font-size:15px}.projection-grid button{min-height:30px}.projection footer{display:none}.board-actions .check-button{min-width:110px;font-size:13px}.board-actions>div{gap:5px}.board-actions button{padding-inline:8px;font-size:11px}.puzzle-card h1{font-size:22px}.puzzle-card .cube-scene{min-height:150px}.puzzle-note{margin-top:15px}.game-toolbar>div{gap:10px}.progress-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.header-inner,.home-main,.site-footer{margin-inline:16px}.page{margin-inline:16px;margin-top:22px}.header-inner{gap:0 7px}.brand img{width:46px;height:46px}.brand strong{font-size:22px}.brand small{font-size:10px}.profile-button{max-width:142px;gap:6px;padding:5px 0}.profile-button b{font-size:11px;max-width:72px}.profile-button .avatar{width:36px;height:36px;font-size:22px}.login-button{padding:8px;font-size:11px}.login-button svg{display:none}.header-inner nav{gap:12px;justify-content:space-between}.header-inner nav :is(a,button){font-size:11px;gap:5px}.header-inner nav svg{width:16px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 35px;gap:20px}.hero-copy{padding:0}.hero-note{font-size:12px}.hero h1{font-size:42px;margin:18px 0 16px}.hero p{font-size:14px;margin-bottom:24px;line-height:1.9}.hero-actions{gap:12px}.hero-actions .large{flex:1;font-size:13px;padding-inline:10px;gap:6px;min-height:52px;white-space:nowrap}.hero-actions .large>svg{width:17px}.hero-actions .large>svg:last-child{display:none}.hero-facts{gap:20px;font-size:10px;margin-top:21px}.hero-scene{padding:14px 16px;margin:0 auto;max-width:410px;width:100%}.scene-paper .cube-scene{height:205px}.scene-paper{padding:18px 20px 20px;border-radius:24px;box-shadow:4px 5px #d0e2c9}.scene-sticker{right:-2px;top:0}.paper-label{font-size:11px}.hero-shadows{gap:20px}.mini-shadow{padding:7px 11px}.mini-shadow>div{grid-template-columns:repeat(3,13px)}.mini-shadow>div>span{height:13px}.scene-dot{display:none}.announcement{padding:12px 10px;font-size:11px;gap:8px}.play-options{padding:30px 0}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:23px}.section-heading>.muted{display:block;margin-top:10px}.join-form{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.join-form input{max-width:170px;font-size:12px}.mode-grid{grid-template-columns:1fr;gap:15px}.mode-card{min-height:0;padding:20px 20px 18px;display:grid;grid-template-columns:52px 1fr;gap:4px 14px;border-radius:18px;box-shadow:3px 4px #c6d8ba}.mode-icon{grid-column:1;grid-row:1/3;align-self:center}.mode-card h3{grid-column:2;margin:0;font-size:21px}.mode-card p{grid-column:2;font-size:12px;margin:3px 0;line-height:1.65}.mode-bottom{grid-column:2;margin-top:10px;font-size:10px}.demo-section{padding:24px 20px;margin:15px 0 35px;gap:14px;border-radius:20px}.demo-section h2{font-size:23px}.demo-section p{font-size:12px}.demo-cube .cube-scene{height:160px}.demo-section .projection{padding:12px}.demo-section .projection-grid button{min-height:33px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.level-card{padding:13px}.level-card .cube-scene{height:116px}.level-card b{font-size:12px}.level-card small{font-size:10px}.level-section{padding-top:0}.segmented{gap:3px;padding:4px;width:100%;justify-content:space-between}.segmented button{min-width:0;padding:8px 9px;font-size:12px;flex:1;gap:4px}.segmented small{font-size:9px;margin:0}.site-footer{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:10px;margin-top:35px;padding:20px 0}.site-footer>span:nth-child(2){grid-column:1}.site-footer>a{grid-column:2;grid-row:1/3;padding-inline:3px}.modal-head{padding:13px 15px}.modal-head h2{font-size:17px}.modal-body{padding:18px}.rules ol{grid-template-columns:1fr;gap:18px}.rules .lead{font-size:16px}.profile-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.profile-portrait{width:66px;height:66px;font-size:39px;border-radius:19px}.profile-heading h1{font-size:23px;max-width:220px;overflow-wrap:anywhere}.profile-actions{width:100%;max-width:none;margin:0;justify-content:flex-start}.profile-actions button{font-size:11px;padding-inline:10px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:20px 0}.stats-strip>div:nth-child(2){border-right:0}.stats-strip strong{font-size:25px}.stats-strip span{font-size:11px}.history-list article{flex-wrap:wrap;gap:10px;padding:15px}.history-list h3{font-size:14px}.history-list p{font-size:10px}.history-list article>button{margin-left:auto}.progress-grid{grid-template-columns:1fr 1fr;gap:12px}.progress-card{padding:12px}.progress-card .cube-scene{height:112px}.progress-card h3{font-size:14px}.progress-card p{font-size:10px}.progress-card .badge{font-size:10px;padding:3px 6px}.progress-card .icon-button{padding:5px}.progress-card>button{font-size:11px}.review-boards{gap:8px}.ranking-list article{padding:14px;gap:12px}.ranking-list b{font-size:13px;overflow-wrap:anywhere}.ranking-list strong{font-size:22px}.admin-nav{flex-direction:column;gap:10px}.admin-nav>.segmented{width:100%;gap:2px}.admin-nav button{font-size:11px}.admin-nav>button{align-self:flex-end}.audit-list p{gap:10px;align-items:flex-start}.audit-list time{min-width:100px;font-size:9px}.in-room .header-inner{height:62px;margin:0;padding:0 12px;gap:6px}.in-room .brand img{width:38px;height:38px}.in-room .brand>span{display:none}.in-room nav{gap:3px;justify-content:flex-start;flex:1}.in-room nav :is(a,button){padding-inline:8px;font-size:11px;gap:4px}.in-room nav svg{width:16px}.in-room .profile-button>span:last-child{display:none}.in-room .profile-button{min-width:44px;justify-content:center}.game-layout{height:auto;min-height:calc(100dvh - 62px);padding:0 12px 22px;grid-template-rows:52px auto}.game-toolbar>div{gap:8px}.game-toolbar strong{font-size:13px}.game-toolbar>div:first-child>span:last-child{display:none}.game-toolbar button{padding:8px;min-width:44px}.game-toolbar button>span{display:none}.play-area{display:block}.puzzle-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32px 30px 20px 1fr;gap:0 10px;padding:12px 15px;border-radius:17px;box-shadow:3px 4px #c3d7bc;overflow:visible;min-height:190px}.puzzle-card header{grid-column:1;grid-row:1}.puzzle-card header button{position:absolute;right:24px;z-index:2;top:128px}.puzzle-card h1{grid-column:1;grid-row:2;font-size:21px;text-align:left;margin:0;align-self:center}.puzzle-card>p{grid-column:1;grid-row:3;font-size:10px}.puzzle-card .cube-scene{grid-column:2;grid-row:1/5;height:165px;min-height:0;margin:0;max-width:200px}.puzzle-card .timer{grid-column:1;grid-row:4;align-self:end;padding:8px;gap:5px;margin-top:10px}.timer strong{font-size:14px}.timer svg{width:15px}.timer span{font-size:9px}.puzzle-note{display:none}.projection-zone{overflow:visible;padding:0;margin-top:20px}.projection-heading{margin:0 0 12px}.projection-heading h2{font-size:21px}.projection-heading p{font-size:10px}.save-state{font-size:9px;min-height:14px;margin-top:3px}.boards{gap:8px}.projection{padding:8px;border-radius:12px;box-shadow:1px 2px #d7e0c6}.projection header{margin-bottom:8px}.projection h3{font-size:14px}.projection header>div>span{display:none}.projection header>small{font-size:8px;margin-top:4px}.projection-grid{gap:4px}.projection-grid button{min-height:0;border-radius:4px;min-width:0;aspect-ratio:1}.projection footer{display:none}.answer-feedback{min-height:60px;font-size:11px;padding:10px 0;margin:0}.board-actions{position:sticky;bottom:0;z-index:4;background:#fff9eced;padding:10px 0 12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:8px;border-bottom:1px solid #d6ddc7}.board-actions>div{gap:5px}.board-actions button{font-size:10px;padding:8px;gap:4px}.board-actions .icon-button{min-width:40px}.board-actions .check-button{min-width:110px;min-height:46px;font-size:12px;box-shadow:2px 3px #b8d7bc}.board-actions svg{width:16px}.team-strip{margin-top:14px;padding-top:14px}.team-strip>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-strip article{padding:8px;gap:7px}.team-strip article b{font-size:10px}.team-strip footer{justify-content:center}.team-strip footer button{min-width:60px}.settlement-icon{font-size:52px}.settlement-scores article{padding:13px;gap:10px}.settlement-scores strong{font-size:24px}.settlement-scores b{font-size:13px}.settlement-scores article small{font-size:10px}.settlement-actions{gap:10px}.settlement-actions button{font-size:11px}.game-waiting .gw-navigation{display:flex;gap:5px}.game-waiting .gw-navigation button{font-size:10px;padding:7px 9px}.game-waiting .gw-actions{gap:5px}.game-waiting .gw-actions button{padding-inline:10px;font-size:12px}}@media(max-width:360px){.header-inner nav{gap:4px}.header-inner nav :is(a,button){font-size:10px}.header-inner nav svg{display:none}.brand strong{font-size:20px}.profile-button b{max-width:60px}.hero-actions{flex-direction:column}.hero h1{font-size:39px}.hero-facts{gap:12px}.join-form{flex-wrap:wrap}.boards{gap:5px}.projection{padding:6px}.board-actions button{padding-inline:6px}.board-actions .check-button{min-width:99px}.puzzle-card h1{font-size:18px}.puzzle-card .cube-scene{height:150px}.in-room nav span{font-size:10px}.gw-actions .gw-secondary{font-size:10px!important}}@media(min-width:621px)and (max-height:650px){.in-room .header-inner{height:48px}.game-layout{height:calc(100dvh - 48px);grid-template-rows:48px minmax(0,1fr);padding-bottom:12px}.puzzle-card h1{margin-top:4px;font-size:21px}.puzzle-card .cube-scene{min-height:100px;max-height:180px;margin:2px auto}.puzzle-note{display:none}.timer{padding:7px}.timer span{display:none}.projection-heading{margin-top:0;margin-bottom:8px}.projection-heading h2{font-size:19px}.projection-heading p{font-size:10px}.projection-grid button{min-height:0}.projection footer{display:none}.projection header{margin-bottom:8px}.answer-feedback{min-height:48px;font-size:11px}.team-strip{margin-top:15px}.team-strip>div{grid-template-columns:repeat(3,minmax(0,1fr))}.team-strip footer{margin-top:6px}.team-strip footer button{min-height:36px}.game-waiting{height:calc(100dvh - 60px);margin-block:6px}.game-waiting .gw-seat{height:160px}.game-waiting .gw-header{padding-bottom:10px}.game-waiting .gw-navigation{display:flex;gap:8px}.game-waiting .gw-footer{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:not(:disabled):active,a:active{transform:none}.scene-paper,.scene-sticker{transform:none}}.plane-tabs{display:none}.projection-slot{min-width:0}.layer-control{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;margin-bottom:12px}.layer-control select{flex:1;min-width:0;font-size:12px;padding:7px 9px;min-height:44px}.puzzle-card .cube-scene{min-height:135px}.board-actions{position:sticky;bottom:0;background:var(--paper);z-index:4;padding-bottom:8px}@media(max-width:1000px){.boards{display:block}.projection-slot{display:none}.projection-slot.selected{display:block}.plane-tabs{display:flex;gap:7px;margin-bottom:12px}.plane-tabs button{flex:1;min-height:44px;font-size:13px;background:#f5f1dc;border-color:#b1c6a6}.plane-tabs button[aria-pressed=true]{background:#d7e8d1;border:1.5px solid var(--ink)}.plane-tabs small{font-size:10px;opacity:.8;margin-left:3px}.boards .projection{max-width:340px;margin:auto}.boards .projection header{display:flex}.boards .projection header small{font-size:11px}.boards .projection-grid{max-width:224px;margin:auto;gap:7px}.boards .projection-grid button{min-height:44px;max-height:65px}.boards .projection footer{display:block;font-size:10px}.board-actions{margin-top:8px}.team-strip{margin-top:16px}.puzzle-card .cube-scene{min-height:100px}}@media(max-width:620px){.puzzle-card{grid-template-rows:30px 30px 20px 46px 50px;min-height:176px}.puzzle-card .cube-scene{grid-row:1/5;height:145px;min-height:0}.layer-control{grid-column:1;grid-row:4;display:block;font-size:0;margin:0;align-self:end}.layer-control select{width:100%;font-size:10px;min-height:40px;padding:7px}.puzzle-card .timer{grid-column:1/-1;grid-row:5;display:flex;justify-content:flex-start;align-items:center;padding:7px 10px;margin:8px 0 0;gap:7px}.timer span{width:auto;margin-left:auto;font-size:9px}.timer strong{font-size:13px}.projection-zone{margin-top:20px}.projection-heading h2{font-size:20px}.projection-heading p{line-height:1.65}.plane-tabs{margin:8px 0 12px}.plane-tabs button{font-size:12px;padding:7px;gap:5px}.boards .projection{max-width:none;padding:12px}.boards .projection h3{font-size:16px}.boards .projection header{margin-bottom:10px}.boards .projection header small{font-size:10px}.boards .projection-grid{max-width:215px;gap:6px}.boards .projection-grid button{min-height:44px;max-height:60px;border-radius:7px}.boards .projection footer{margin-top:9px;font-size:9px}.board-actions{margin:0;padding-bottom:10px}.answer-feedback{min-height:52px}.projection-heading{margin-bottom:5px}}@media(min-width:621px)and (max-height:650px){.plane-tabs{margin-bottom:8px}.layer-control{margin-bottom:7px}.puzzle-card .cube-scene{min-height:80px}.boards .projection{padding:10px}.boards .projection header{margin-bottom:8px}.boards .projection-grid{gap:5px;max-width:193px}.boards .projection-grid button{min-height:44px;max-height:44px}.boards .projection footer{display:none}.board-actions{position:sticky;bottom:0;background:var(--paper);padding:7px 0;z-index:4}}.brand .brand-horizontal{display:block;width:228px;height:73px;object-fit:contain}.brand .brand-horizontal[hidden]{display:none}.brand .brand-icon{display:none;width:50px;height:52px;object-fit:contain}.in-room .brand{padding:3px;gap:0}.in-room .brand .brand-horizontal{display:none}.in-room .brand .brand-icon{display:block;width:44px;height:46px}.identity-art{display:inline-block;width:100%;height:100%;vertical-align:middle;line-height:0}.identity-art img{display:block;width:100%;height:100%;object-fit:contain}.avatar-picker .identity-art{width:54px;height:54px}.avatar-picker button{min-height:74px;padding:7px}.admin-avatar{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:8px}.scene-sticker>img{width:42px;height:42px;object-fit:contain}.mode-icon>img{width:52px;height:46px;object-fit:contain}.invite-brand{width:225px;max-width:100%;height:72px}.invite-brand img{width:100%;height:100%;object-fit:contain}.site-footer a{margin-left:0}.site-footer a:last-child{margin-left:auto}@media(max-width:900px){.brand .brand-horizontal{width:190px;height:61px}}@media(max-width:620px){.brand .brand-horizontal{width:164px;height:53px}.in-room .brand .brand-icon{width:40px;height:42px}.avatar-picker .identity-art{width:48px;height:48px}.avatar-picker button{min-height:64px}.scene-sticker>img{width:34px;height:34px}.site-footer{grid-template-columns:1fr auto auto}.site-footer>a{grid-row:1/3}.site-footer>a:nth-last-child(2){grid-column:2}.site-footer>a:last-child{grid-column:3;margin-left:0}}@media(max-width:360px){.brand .brand-horizontal{display:none}.brand .brand-icon{display:block;width:44px;height:46px}.brand{padding:3px;gap:0}}.game-waiting{--gw-ink: #243a32;--gw-green: #197c65;--gw-mint: #dff2e8;color:var(--gw-ink);width:min(1120px,calc(100% - 48px));height:calc(100dvh - 96px);max-height:920px;min-height:360px;margin:16px auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;font-size:14px;line-height:1.45}.game-waiting *{box-sizing:border-box}.game-waiting button{font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:2px solid var(--gw-ink);border-radius:12px;padding:8px 14px;color:var(--gw-ink);background:#fffdf6}.game-waiting button:disabled{cursor:not-allowed}.game-waiting .gw-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:0 0 18px}.game-waiting .gw-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.game-waiting .gw-title h1{font-size:24px;line-height:1.2;margin:0}.game-waiting .gw-code{background:var(--gw-mint);border:1px solid #90cbb8}.game-waiting .gw-code span{font-size:12px;min-width:36px}.game-waiting .gw-code strong{font-size:18px;letter-spacing:2px;font-variant-numeric:tabular-nums}.game-waiting .gw-capacity{display:flex;align-items:center;gap:14px}.game-waiting .gw-capacity>span{font-weight:700}.game-waiting .gw-capacity small{display:block;font-weight:400;color:#617269;font-size:12px;margin-top:2px}.game-waiting .gw-capacity [role=group]{display:grid;grid-template-columns:44px 28px 44px;align-items:center;gap:5px;text-align:center}.game-waiting .gw-capacity button{padding:0;height:44px}.game-waiting .gw-capacity button:last-child{color:#fff;background:var(--gw-green)}.game-waiting .gw-summary{grid-column:1/-1;display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap;color:#567267;font-size:13px}.game-waiting .gw-summary button{min-height:32px;padding:2px 8px;border:0;background:transparent;text-decoration:underline}.game-waiting .gw-body{overflow:auto;min-height:0;padding:4px 6px 12px 2px;overscroll-behavior:contain;scrollbar-gutter:stable}.game-waiting .gw-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-content:start}.game-waiting .gw-seat{position:relative;isolation:isolate;height:212px;min-width:0;border:2px solid #a8bdb1;border-radius:20px;background:#fffef9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:32px 12px 14px}.game-waiting .gw-occupied{border-color:var(--gw-ink);box-shadow:3px 4px #d0e2d6}.game-waiting .gw-self{box-shadow:3px 4px #9cdbc5}.game-waiting .gw-empty{border-style:dashed;background:#ffffff59}.game-waiting .gw-number{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--gw-ink);color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.game-waiting .gw-host{position:absolute;top:10px;right:10px;display:flex;gap:3px;align-items:center;font-size:11px;padding:3px 6px;background:#fff0b2;border-radius:7px;color:#725522}.game-waiting .gw-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;font-size:40px;line-height:1}.game-waiting .gw-avatar>span{display:grid;place-items:center;font-size:inherit}.game-waiting .gw-avatar>*,.game-waiting .gw-avatar img{width:56px;height:56px;min-width:0;margin:0;object-fit:cover;border-radius:15px}.game-waiting .gw-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px}.game-waiting .gw-name small{font-size:11px;margin-left:6px;padding:2px 4px;border-radius:4px;background:var(--gw-mint)}.game-waiting .gw-meta{min-height:18px;display:flex;align-items:center;justify-content:center;gap:5px;color:#607369;font-size:12px}.game-waiting .gw-status{display:inline-flex;align-items:center;gap:4px;height:26px;padding:2px 9px;background:#fff1d7;color:#8c5e22;border-radius:8px;font-size:12px}.game-waiting .gw-status.is-ready{color:#116449;background:var(--gw-mint)}.game-waiting .gw-profile{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:transparent;border:0;border-radius:18px}.game-waiting .gw-remove{position:absolute;z-index:3;top:0;right:0;padding:0;width:44px;height:44px;background:transparent;border:0}.game-waiting .gw-empty-symbol{display:grid;place-items:center;width:46px;height:46px;color:#839b8e}.game-waiting .gw-add{background:var(--gw-mint);border:1px solid #9abfaf;font-size:13px;padding:7px 12px}.game-waiting .gw-empty-hint{display:flex;align-items:center;height:44px;font-size:11px;color:#7c8d83}.game-waiting .gw-extras{margin-top:18px;border:1px solid #c7d6cc;border-radius:14px;background:#fffdf6}.game-waiting .gw-extras>summary{padding:13px 16px;cursor:pointer;font-weight:700}.game-waiting .gw-extras>div{padding:4px 16px 16px}.game-waiting .gw-extras p{margin:8px 0}.game-waiting .gw-footer{background:#fffaec;padding:12px 0 max(4px,env(safe-area-inset-bottom));border-top:1px solid #d8dfd2;display:grid;gap:8px;justify-items:center;justify-content:stretch;font-size:14px;z-index:4}.game-waiting .gw-message{margin:0;min-height:21px;font-size:13px;text-align:center;color:#597064}.game-waiting .gw-error{color:#a33d30}.game-waiting .gw-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.game-waiting .gw-actions button{min-width:150px;min-height:48px;box-shadow:2px 3px #cfdbd0}.game-waiting .gw-actions .gw-primary{background:var(--gw-green);color:#fff;box-shadow:2px 3px 0 var(--gw-ink)}.game-waiting .gw-navigation{display:flex;justify-content:center;align-items:center;gap:16px}.game-waiting .gw-navigation :is(button,a){display:inline-flex;align-items:center;margin:0;min-height:44px;border:0;padding:3px 8px;background:transparent;font-size:12px;color:#64796e}.game-waiting .gw-confirm{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.game-waiting .gw-copy-fallback{grid-column:1/-1;display:flex;align-items:center;gap:10px}.game-waiting .gw-copy-fallback input{width:110px}.sentence-room-page.waiting-room:has(.game-waiting){padding:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.sentence-room-page.waiting-room .game-waiting{flex:1;height:auto;min-height:0}.room-page:has(>.game-waiting),.waiting-shell:has(>.game-waiting){width:100%;max-width:none;padding:0;margin:0}.waiting-page:has(.game-waiting)>.room-toolbar{display:none}.waiting-page:has(.game-waiting){height:calc(100dvh - 64px);display:flex;flex-direction:column;overflow:hidden}.waiting-page:has(.game-waiting)>:is(.connection-banner,.room-error){flex-shrink:0}.waiting-page>.game-waiting{flex:1;height:auto;min-height:0}body:has(.game-waiting) :is(.room-nav,.site-header.in-room,.site-header.compact-header){height:64px;min-height:64px;margin-block:0;padding-block:6px}body:has(.game-waiting) .site-header.in-room .header-inner{height:52px;min-height:0;max-width:1120px}body:has(.game-waiting) .room-nav{max-width:none;width:100%;padding-inline:max(24px,calc((100% - 1120px)/2))}body:has(.game-waiting) .room-nav :is(.brand,.brand-icon){max-height:44px}body:has(.game-waiting) .site-header.compact-header{max-width:1120px}@media(max-width:900px){.game-waiting .gw-seats{grid-template-columns:repeat(3,minmax(0,1fr))}.game-waiting .gw-capacity small{display:none}}@media(max-width:600px){.game-waiting{width:calc(100% - 24px);margin:10px auto;height:calc(100dvh - 84px)}.game-waiting .gw-header{gap:10px;padding-bottom:10px}.game-waiting .gw-title{gap:8px}.game-waiting .gw-title h1{font-size:19px}.game-waiting .gw-code{padding:6px;gap:5px}.game-waiting .gw-code span{display:none}.game-waiting .gw-capacity{gap:6px}.game-waiting .gw-capacity>span{display:none}.game-waiting .gw-capacity [role=group]{grid-template-columns:44px 20px 44px;gap:0}.game-waiting .gw-summary{font-size:12px;gap:5px 10px}.game-waiting .gw-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-waiting .gw-seat{height:188px;padding:28px 8px 10px;gap:5px}.game-waiting .gw-avatar,.game-waiting .gw-avatar>*,.game-waiting .gw-avatar img{width:48px;height:48px;flex-basis:48px;font-size:34px}.game-waiting .gw-actions{gap:7px}.game-waiting .gw-actions button{min-width:0;padding:8px 12px;flex:1}}@media(max-height:560px)and (min-width:601px){.game-waiting{margin:8px auto;height:calc(100dvh - 80px);min-height:260px}.game-waiting .gw-header{gap:5px 16px;padding-bottom:6px}.game-waiting .gw-title h1{font-size:20px}.game-waiting .gw-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-waiting .gw-seat{height:160px;padding:25px 8px 8px;gap:3px}.game-waiting .gw-avatar,.game-waiting .gw-avatar>*,.game-waiting .gw-avatar img{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:28px}.game-waiting .gw-footer{padding-top:6px;gap:4px 12px;grid-template-columns:auto minmax(0,1fr)}.game-waiting .gw-message,.game-waiting .gw-confirm{grid-column:1/-1}.game-waiting .gw-actions{grid-column:2;grid-row:2;justify-content:flex-end}.game-waiting .gw-actions button{min-width:100px;padding-inline:12px}.game-waiting .gw-navigation{grid-column:1;grid-row:2;gap:4px}}