.room-invite-backdrop{z-index:185;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14231b99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-invite-modal{border:2px solid var(--sentence-ink);width:min(490px,100%);max-height:calc(100dvh - 40px);color:var(--sentence-ink);background:#fffdf5;border-radius:26px;padding:30px;position:relative;overflow-y:auto;box-shadow:7px 8px #a6dace}.room-invite-modal>.modal-close{background:#eeeae0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.invite-kicker{color:#26705d;align-items:center;gap:6px;padding-right:40px;font-size:.8rem;font-weight:700;display:flex}.room-invite-modal h2{margin:12px 0 8px;font-size:1.65rem}.room-invite-modal>p{color:#5c6e65;font-size:.85rem}.invite-room-code{background:#fff0af;border:1px solid #e4ce7d;border-radius:16px;grid-template-columns:1fr auto;gap:5px 12px;margin:22px 0 14px;padding:20px;display:grid}.invite-room-code small{font-size:.72rem}.invite-room-code strong{letter-spacing:.12em;font-variant-numeric:tabular-nums;grid-column:1;font-size:1.9rem}.invite-room-code button{background:#fffbdf;border:1px solid #d4bd63;border-radius:10px;grid-area:1/2/3;align-self:center;align-items:center;gap:5px;min-height:44px;padding:8px;font-size:.75rem;display:inline-flex}.invite-options{gap:10px;display:grid}.invite-options>button{color:#235a4c;text-align:left;background:#fff;border:1px solid #c8d9d0;border-radius:14px;align-items:center;gap:14px;min-height:72px;padding:14px;display:flex}.invite-options button:first-child{background:#e1f5ee;border-color:#98c6b9}.invite-options span{gap:5px;display:grid}.invite-options b{font-size:.92rem}.invite-options small{color:#63766d;font-size:.75rem}.invite-tip,.invite-feedback{align-items:center;gap:5px;line-height:1.5;display:flex}.invite-tip svg,.invite-feedback svg{flex-shrink:0}.invite-feedback{min-height:24px;margin-bottom:0}.invite-room-notice{background:#f3eee0;border-radius:10px;padding:10px;line-height:1.5}.invite-copy-fallback{resize:vertical;border:1px solid #adc6ba;border-radius:8px;width:100%;height:108px;padding:10px}.round-history-list>article.history-with-topic{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:16px;display:grid}.history-topic-thumbnail{aspect-ratio:1;background:#faf2dc;border:1px solid #e4dfd0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:96px;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.history-topic-thumbnail img{object-fit:cover;width:100%;height:100%}.history-topic-thumbnail small{bottom:0;color:#4e6557;background:#fff9e3eb;padding:4px;font-size:.65rem;position:absolute;inset-inline:0}.history-topic-thumbnail.is-placeholder>span{font-size:2rem}.history-topic-thumbnail.is-placeholder small{text-align:center;position:static}.history-sentence-body{min-width:0}.history-sentence-body>p{color:#6a7770;margin:0 0 10px;font-size:.76rem}.history-sentence-body blockquote{overflow-wrap:anywhere}.game-rules-modal.illustrated-rules{--rules-viewport-gap:40px;width:min(720px,100%);height:min(880px,calc(100dvh - var(--rules-viewport-gap)));flex-direction:column;padding:24px;display:flex;overflow:hidden}.rules-scroll-content{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bccbbd transparent;flex:1;min-height:0;padding-inline:2px;overflow-y:auto}.illustrated-rules>:is(.rules-mode-tabs,.game-rules-note,.sentence-primary){flex-shrink:0}.illustrated-rules>.game-rules-note{margin-top:12px}.illustrated-rules>.modal-close{background:#eceee7;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:18px}.rules-mode-tabs{background:#e8ede6;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-right:45px;padding:4px;display:grid}.rules-mode-tabs>button{color:#4c6257;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:7px;font-size:.83rem;display:flex}.rules-mode-tabs>button[aria-selected=true]{color:#185a46;background:#fff;font-weight:800;box-shadow:0 2px 5px #203d2914}.rules-mode-tabs small{background:#ffecad;border-radius:5px;padding:2px 4px;font-size:.57rem}.rules-mode-intro{align-items:center;gap:16px;margin:23px 0 17px;display:flex}.rules-hero-icon{background:#f9e6a4;border-radius:18px;flex:0 0 68px;place-items:center;width:68px;height:68px;display:grid}.rules-hero-icon svg{color:#756322;width:32px;height:32px}.rules-mode-intro small{color:#557867;font-size:.7rem}.illustrated-rules .rules-mode-intro h2{margin:6px 0;font-size:1.2rem}.illustrated-rules .rules-mode-intro p{font-size:.78rem}.rules-finish-track{color:#245c49;background:#e2f2e9;border-radius:14px;justify-content:space-around;align-items:center;gap:6px;padding:13px 8px;font-size:.76rem;font-weight:700;display:flex}.rules-finish-track span{align-items:center;gap:5px;display:flex}.rules-finish-track svg{flex-shrink:0;width:18px}.rules-visual-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.rules-visual-grid>.rules-story{background:#fffef9;border:1px solid #e3e0d3;border-radius:15px;margin:0;padding:15px}.illustrated-rules .rules-story h3{font-size:.9rem}.illustrated-rules .rules-story p{font-size:.76rem}.rules-mini-scene{justify-content:center;align-items:center;gap:8px;height:85px;margin-bottom:9px;display:flex}.mini-word{background:#f9e3a3;border:2px solid #c5b071;border-radius:8px;place-items:center;width:42px;height:55px;font-size:.73rem;font-weight:700;display:grid;transform:rotate(-6deg)}.mini-word+.mini-word{background:#e0ede1;border-color:#9cbaa2;transform:rotate(7deg)}.mini-winner{color:#ae8523}.podium{align-items:end}.podium>span{background:#d8e7df;border-radius:7px 7px 0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:46px;height:45px;font-size:1.1rem;font-weight:800;display:flex}.podium>.first{background:#f9dea0;height:70px}.podium svg{flex:0 0 100%;width:22px;margin-top:5px}.podium small{font-size:.62rem}.rules-detail-list{gap:15px;display:grid}.rules-detail-list>section{gap:12px;display:flex;margin:0!important}.rules-detail-icon{color:#4b745b;background:#e8eee5;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.rules-detail-icon svg{width:19px}.illustrated-rules .rules-detail-list h3{font-size:.88rem}.illustrated-rules .rules-detail-list p{font-size:.78rem}@media (max-width:600px){.room-invite-backdrop,.game-rules-backdrop{padding:12px}.room-invite-modal{max-height:calc(100dvh - 24px);padding:24px 18px}.invite-room-code{padding:15px}.invite-room-code strong{font-size:1.5rem}.round-history-list>article.history-with-topic{grid-template-columns:64px minmax(0,1fr);gap:10px}.history-topic-thumbnail{width:64px}.history-sentence-body .round-history-actions{margin-top:14px;margin-left:-74px}.game-rules-modal.illustrated-rules{--rules-viewport-gap:24px;max-height:calc(100dvh - 24px);padding:16px}.rules-mode-tabs{gap:2px;margin-right:36px}.rules-mode-tabs>button{flex-wrap:wrap;gap:3px;font-size:.73rem}.rules-mode-tabs button svg{display:none}.illustrated-rules>.modal-close{width:32px;height:32px;top:19px;right:9px}.rules-mode-intro{gap:10px}.rules-hero-icon{flex-basis:48px;width:48px;height:56px}.illustrated-rules .rules-mode-intro h2{font-size:1rem}.rules-finish-track{gap:4px;font-size:.65rem}.rules-finish-track span{text-align:center;flex-direction:column}.rules-finish-track>svg{width:12px}.rules-visual-grid{gap:8px}.rules-visual-grid>.rules-story{padding:10px}.rules-mini-scene{gap:3px}.mini-word{width:32px}.rules-mini-scene>svg{width:14px}.podium>span{width:34px}}.round-history-panel.is-modal{flex-direction:column;display:flex;overflow:hidden}.round-history-panel.is-modal>.round-history-close{float:none;margin:0;position:absolute;top:12px;right:12px}.round-history-panel.is-modal>header{flex-shrink:0;padding-right:48px}.round-history-panel>header>div{min-width:0}.round-history-panel>header button{white-space:nowrap;flex-shrink:0}.round-history-panel.is-modal>.round-history-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d3c5 transparent;min-height:0;padding-right:3px;overflow-y:auto}@media (max-width:600px){.round-history-panel>header h2{font-size:1.1rem;line-height:1.5}.round-history-panel>header small{font-size:.72rem}.round-history-panel.is-modal>header{gap:6px}.round-history-panel.is-modal>header button{justify-content:center;width:38px;padding:7px}.round-history-panel.is-modal>header button>span{display:none}}@media (max-width:480px){.rules-visual-grid{grid-template-columns:1fr}.rules-visual-grid>.rules-story{grid-template-columns:98px minmax(0,1fr);align-items:center;column-gap:12px;padding:12px;display:grid}.rules-mini-scene{grid-area:1/1/3;gap:3px;height:70px;margin:0}.rules-mini-scene .mini-word{width:25px;height:46px;font-size:.6rem}.rules-mini-scene>svg{width:10px}.mini-winner>svg{width:17px}.podium>span{width:28px}.podium>.first{height:65px}.illustrated-rules .rules-story h3{grid-column:2;font-size:.8rem}.illustrated-rules .rules-story p{grid-column:2;margin-top:3px;font-size:.73rem}}:is(.ai-companion-dialog,.end-vote-modal,.round-celebration).game-dialog-shell{flex-direction:column;min-height:0;max-height:calc(100dvh - 32px);padding:6px;display:flex;overflow:hidden}.game-dialog-header{flex:none;justify-content:flex-end;padding:4px;display:flex}.game-dialog-header>.modal-close{float:none;width:44px;height:44px;color:var(--sentence-ink);cursor:pointer;background:#f2efe5;border:0;border-radius:50%;flex:0 0 44px;place-items:center;margin:0;padding:0;display:grid;position:static}.game-dialog-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#95ad9f transparent;min-height:0;padding:0 20px 18px;overflow-y:auto}.game-dialog-footer{flex:none;padding:8px 16px 14px}.ai-companion-dialog .game-dialog-body>.sentence-avatar{border-radius:24px;width:130px;height:130px;margin:0 auto 14px}.ai-companion-dialog .game-dialog-body>small{color:#39705e;font-size:12px;display:block}.ai-companion-dialog .game-dialog-body>span{color:#6c8378;font-size:12px}.round-celebration .game-dialog-body>span{font-size:38px}.round-celebration .game-dialog-footer>button{color:#145c47;min-height:44px;font:inherit;cursor:pointer;background:#e4f4ec;border:1px solid #91b7a5;border-radius:12px;padding:9px 16px}@media (orientation:landscape) and (max-height:500px){.game-dialog-header{padding:0 4px}.game-dialog-body{padding-bottom:10px}.game-dialog-footer{padding:6px 16px 10px}.ai-companion-dialog .game-dialog-body>.sentence-avatar{width:70px;height:70px}.game-dialog-body h2{margin:4px 0;font-size:22px}.game-dialog-body p{font-size:13px}.end-vote-modal .end-vote-icon,.round-celebration .game-dialog-body>span{display:none}}
.sentence-home-announcement{align-items:center;display:flex}@media (orientation:landscape) and (max-width:1180px) and (max-height:500px){.sentence-lobby-page>.sentence-nav{--sentence-brand-horizontal-width:156px;--sentence-brand-icon-width:44px;padding:max(6px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 6px max(18px, env(safe-area-inset-left));gap:12px;display:flex}.sentence-lobby-page .sentence-nav-links{gap:8px;display:flex}.sentence-lobby-page .sentence-nav-links>.sentence-ghost,.sentence-lobby-page .sentence-nav-links>.sentence-ghost:first-child{width:auto;min-width:44px;min-height:44px;padding:8px 10px;font-size:13px;display:inline-flex}.sentence-lobby-page .sentence-nav-links>.sentence-ghost span{display:inline}.sentence-lobby-page .sentence-nav-player{gap:6px;width:max-content;min-width:0;max-width:210px;min-height:44px;padding:4px 8px 4px 4px}.sentence-lobby-page .sentence-nav-player>.sentence-avatar{width:32px;height:32px;font-size:22px}.sentence-lobby-page .sentence-home-announcement{flex:0 0 44px;display:flex}.sentence-lobby-page .sentence-home-announcement>button{border:2px solid var(--sentence-ink);background:#fffdf5;border-radius:50%;width:44px;height:44px;padding:0;box-shadow:3px 3px #2431291f}.sentence-lobby-page .sentence-home-announcement>button span{display:none}.sentence-lobby-page .sentence-home-hero{min-height:calc(100dvh - 64px);padding:8px max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(200px,32%);align-items:center;gap:clamp(20px,4vw,46px)}.sentence-lobby-page .sentence-home-hero:before,.sentence-lobby-page .sentence-home-hero:after{display:none}.sentence-lobby-page .sentence-hero-copy{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.sentence-lobby-page .room-recovery-notice{margin:0 0 8px;padding:4px 8px}.sentence-lobby-page .room-recovery-notice .sentence-secondary{min-height:44px;padding:6px 10px}.sentence-lobby-page .room-recovery-notice b{font-size:13px}.sentence-lobby-page .room-recovery-notice small{font-size:11px}.sentence-lobby-page .sentence-kicker{margin:0 0 8px;padding:3px 8px;font-size:11px}.sentence-lobby-page .sentence-hero h1{letter-spacing:-.045em;text-shadow:3px 3px #ffd95aa6;font-size:clamp(40px,13dvh,56px);line-height:1.08}.sentence-lobby-page .sentence-hero h1 br{display:none}.sentence-lobby-page .sentence-hero h1 em{margin-left:.1em}.sentence-lobby-page .sentence-lead{margin:10px 0 12px;font-size:14px;line-height:1.65}.sentence-lobby-page .sentence-stat-row{display:none}.sentence-lobby-page .sentence-home-actions{flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;margin:0;display:flex}.sentence-lobby-page .sentence-home-actions>*{white-space:nowrap;min-width:0;min-height:44px;padding:8px 14px;font-size:14px}.sentence-lobby-page .sentence-capacity-note{order:1;margin:10px 0 0;font-size:11px;line-height:1.5}.sentence-lobby-page .sentence-error{order:2}.sentence-lobby-page .sentence-home-card{width:100%;box-shadow:6px 6px 0 var(--sentence-mint);border-radius:24px 30px 24px 22px;margin:0;padding:12px;transform:none}.sentence-lobby-page .home-card-top{font-size:11px}.sentence-lobby-page .home-card-top b{padding:3px 7px}.sentence-lobby-page .home-card-topic{border-width:2px;border-radius:16px 21px 18px 22px;width:116px;min-height:130px;margin:10px auto 12px;padding:8px;box-shadow:4px 4px #2431292b}.sentence-lobby-page .home-card-topic>span{font-size:34px}.sentence-lobby-page .home-card-topic strong{font-size:22px}.sentence-lobby-page .home-card-topic small,.sentence-lobby-page .home-card-topic em{font-size:11px}.sentence-lobby-page .home-card-chain{gap:5px}.sentence-lobby-page .home-card-chain span{border-radius:9px;padding:5px 8px;font-size:13px}.sentence-lobby-page .sentence-home-card>p{margin:8px 0;font-size:14px}.sentence-lobby-page .home-card-tip{padding:6px 2px;font-size:11px}.sentence-lobby-page .sentence-rule-carousel{padding-block:36px}}@media (orientation:landscape) and (max-width:1180px) and (max-height:375px){.sentence-lobby-page .sentence-home-hero{padding:4px max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));gap:18px}.sentence-lobby-page .sentence-kicker{display:none}.sentence-lobby-page .sentence-hero h1{font-size:40px}.sentence-lobby-page .sentence-lead{margin-block:8px;font-size:13px;line-height:1.55}.sentence-lobby-page .sentence-home-actions{gap:8px}.sentence-lobby-page .sentence-home-actions>*{gap:6px;padding-inline:10px;font-size:13px}.sentence-lobby-page .sentence-capacity-note{margin-top:8px}.sentence-lobby-page .sentence-home-card{padding:10px}.sentence-lobby-page .home-card-topic{min-height:112px;margin-block:8px}.sentence-lobby-page .home-card-topic>span{font-size:28px}}@media (orientation:landscape) and (max-width:1180px) and (max-height:350px){.sentence-lobby-page .sentence-hero h1{font-size:36px}.sentence-lobby-page .sentence-lead{margin-block:6px;line-height:1.4}.sentence-lobby-page .room-recovery-notice{margin-bottom:6px}.sentence-lobby-page .sentence-capacity-note{margin-top:6px}.sentence-lobby-page .sentence-home-card>p{display:none}.sentence-lobby-page .home-card-tip{margin-top:8px}}.sentence-setup-page>.sentence-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.sentence-setup-page .setup-back{justify-self:start}.sentence-setup-page>.sentence-nav>button{background:#fffdf5;border:1px solid #b7c7bb;border-radius:22px;justify-self:end;min-height:44px;padding:8px 12px}.sentence-setup-page .setup-options{scrollbar-width:none;overflow-anchor:none}.sentence-setup-page .setup-options::-webkit-scrollbar{display:none}.sentence-setup-page .setup-number-input{padding:0 16px;position:relative}.sentence-setup-page .setup-number-input input{text-align:center;width:100%;min-width:0}.sentence-setup-page .setup-number-input small{font-size:11px;position:absolute;right:3px}.sentence-setup-page :is(.setup-mode-note,.setup-join-message,.setup-feedback){overflow-wrap:anywhere;scrollbar-width:none}.sentence-setup-page :is(.setup-mode-note,.setup-join-message,.setup-feedback)::-webkit-scrollbar{display:none}.sentence-setup-page .sentence-setup-shell:has(>.room-recovery-notice)>.sentence-setup-copy{display:none}.sentence-setup-page .sentence-setup-shell>.room-recovery-notice{background:#dff3e8;border:1px solid #9bcdb6;border-radius:18px;margin:0;padding:12px 14px}.sentence-setup-page .room-recovery-notice>div{gap:10px}.sentence-setup-page .room-recovery-notice span{min-width:0}.sentence-setup-page .room-recovery-notice b{color:#1a5c49;font-size:15px}.sentence-setup-page .room-recovery-notice small{font-size:12px}.sentence-setup-page .room-recovery-notice .sentence-secondary{color:#fff;min-height:44px;box-shadow:none;background:#1d816c;border:0;border-radius:12px;flex:none;padding:9px 12px;font-size:14px}.hand-swipe-hint,.review-mobile-outcome{display:none}.room-capacity-backdrop{z-index:1400;background:#18372d88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-capacity-dialog{color:#243d31;background:#fffdf3;border:2px solid #243d31;border-radius:24px;width:min(380px,100%);max-height:calc(100dvh - 40px);padding:28px 24px 24px;position:relative;overflow:auto;box-shadow:0 16px 48px #0d342c33}.room-capacity-dialog>svg{color:#22866b}.room-capacity-dialog h2{margin:16px 0 10px;font-size:21px}.room-capacity-dialog p{margin:0 0 22px;font-size:15px;line-height:1.8}.room-capacity-dialog>.capacity-close{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.room-capacity-dialog>.sentence-primary{width:100%;min-height:44px;margin:0}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside{grid-template-columns:minmax(0,1fr)}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside [data-player-avatar]>.sentence-avatar{display:grid}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside [data-player-identity] [data-player-name]{font-size:12px;line-height:16px}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside [data-player-identity] :is([data-player-level],[data-player-hand]){font-size:11px;line-height:14px}.waiting-room .waiting-seats .waiting-seat.occupied{padding-inline:8px}.waiting-room .waiting-seat>[data-player-identity]{flex:none;max-width:220px}@media (min-width:621px) and (max-width:1180px) and (min-height:501px){.game-room .sentence-player-ring.viewer-relative.large-room{scrollbar-width:none;touch-action:pan-x pinch-zoom;grid-template-rows:60px;grid-template-columns:none;grid-auto-columns:168px;grid-auto-flow:column;gap:8px;padding:6px 4px 8px;display:grid;overflow:auto hidden}.game-room .sentence-player-ring.viewer-relative.large-room::-webkit-scrollbar{display:none}.game-room .sentence-player-ring.viewer-relative.large-room>.ring-player.player-status-inside:not([data-viewer=true]){--player-card-height:60px;grid-template-rows:32px 18px;gap:1px;width:168px;min-width:168px;padding:3px 6px}}.game-room .hand-cards{isolation:isolate}.game-room .hand-card{z-index:var(--hand-order)}.game-room .hand-card:is(.selected,.focused,.swap-source){z-index:1000}.sentence-room-page.game-room .hand-tray .hand-card-main{padding-top:var(--hand-content-top,32px)}.game-room .sentence-caption .sentence-reading{color:#fffef0;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;text-align:left;cursor:pointer;scrollbar-width:none;background:0 0;border:0;border-radius:8px;width:auto;max-width:100%;min-height:44px;max-height:84px;padding:5px 6px;font-family:inherit;display:block;overflow:hidden auto}.game-room .sentence-caption .sentence-reading::-webkit-scrollbar{display:none}.game-room .sentence-reading mark{color:#213c30;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffe28a;border-radius:4px;padding:1px 2px}.game-room .sentence-chain .placed-card.latest-play{outline-offset:2px;border-color:#ffe18b;outline:3px solid #ffe18b;box-shadow:0 0 0 6px #f7df7533,0 4px 8px #143f3655}.game-room .sentence-chain .placed-card.latest-play strong{color:#775013}@media (max-width:620px),(orientation:landscape) and (max-width:1180px) and (max-height:500px){.sentence-room-page>.room-top{width:100%;min-height:52px;padding:2px max(8px, env(safe-area-inset-right)) 2px max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:6px;margin:0;display:grid}.sentence-room-page .room-top>:is(a,button){justify-content:center;justify-self:start;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0}.sentence-room-page .room-top>:is(a,button)>span{display:none}.sentence-room-page .room-top-center{grid-column:2;justify-self:center;margin:0}.sentence-room-page .room-top-actions{flex-wrap:nowrap;justify-self:end;gap:2px;width:auto;min-width:0;display:flex}.sentence-room-page .room-top-actions>button,.sentence-room-page .room-more>button{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.sentence-room-page .room-top-actions>button>span,.sentence-room-page .room-more>button>span,.sentence-room-page .room-secondary-actions{display:none}.sentence-room-page .room-more{display:block}.sentence-room-page .room-more-panel{scrollbar-width:none;max-height:calc(100dvh - 68px);overflow-y:auto}.sentence-setup-page>.sentence-nav{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.sentence-setup-page .setup-back{min-width:44px;min-height:44px;padding:8px;font-size:13px}.sentence-setup-page .sentence-setup-shell{align-self:start;max-height:100%;padding-top:12px}.sentence-setup-page .setup-feedback{height:auto;min-height:28px;overflow:visible}.sentence-setup-page .setup-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sentence-setup-page .setup-footer button{font-size:14px}.waiting-room .waiting-seats,.waiting-room .waiting-seats.large-room{scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:142px;align-content:start}.waiting-room .waiting-seats::-webkit-scrollbar{display:none}.waiting-room .waiting-seats .waiting-seat{height:142px;min-height:0;padding:28px 8px 8px}.waiting-room .waiting-seats .waiting-seat h3{font-size:14px;line-height:20px}.waiting-room .waiting-seats .waiting-seat .waiting-presence{font-size:11px;line-height:16px}.waiting-room .waiting-seats .waiting-seat .waiting-status{min-height:23px;font-size:12px}.sentence-room-page.game-room{--mobile-nav-height:52px;--mobile-strip-height:66px;--mobile-hand-height:266px;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""players""table""hand";grid-template-rows:calc(var(--mobile-nav-height) + env(safe-area-inset-top)) var(--mobile-strip-height) minmax(0, 1fr) calc(var(--mobile-hand-height) + env(safe-area-inset-bottom));gap:0;width:100%;height:100dvh;min-height:0;max-height:100dvh;padding:0;display:grid;overflow:hidden}.sentence-room-page.game-room>.room-top{height:100%;min-height:0;padding-top:env(safe-area-inset-top);grid-area:top}.game-room>.sentence-table-shell:not(.large-room),.game-room>.sentence-table-shell.large-room{display:contents}.game-room .sentence-player-ring.viewer-relative,.game-room .sentence-player-ring.viewer-relative.large-room{width:100%;height:var(--mobile-strip-height);min-height:var(--mobile-strip-height);padding:6px max(10px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));scrollbar-width:none;overflow-anchor:none;touch-action:pan-x pinch-zoom;overscroll-behavior-inline:contain;flex-wrap:nowrap;grid-area:players;gap:8px;display:flex;position:relative;inset:auto;overflow:auto hidden}.game-room .sentence-player-ring.viewer-relative::-webkit-scrollbar{width:0;height:0;display:none}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside,.game-room .sentence-player-ring.viewer-relative.large-room>.ring-player.player-status-inside:not([data-viewer=true]){--player-card-height:52px;width:168px;min-width:168px;height:52px;min-height:52px;box-shadow:inset 3px 0 var(--seat-color);border-width:1px;border-radius:13px;flex:0 0 168px;grid-template-rows:31px 17px;grid-template-columns:minmax(0,1fr);gap:0;padding:1px 6px;animation:none;display:grid;position:relative;inset:auto!important;transform:none!important}.game-room .sentence-player-ring.viewer-relative:has(>.ring-player:nth-child(5))>.ring-player.player-status-inside{--player-card-height:52px;width:168px;min-width:168px;height:52px;min-height:52px;box-shadow:inset 3px 0 var(--seat-color);border-width:1px;border-radius:13px;flex:0 0 168px;grid-template-rows:31px 17px;grid-template-columns:minmax(0,1fr);gap:0;padding:1px 6px;animation:none;display:grid;position:relative;inset:auto!important;transform:none!important}.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside .player-status-badge{white-space:nowrap;grid-column:1/-1;width:calc(100% - 4px);max-width:calc(100% - 4px);height:17px;min-height:17px;margin:0 2px;padding:0 2px;font-size:10px;line-height:17px;position:static;transform:none}.game-room .sentence-player-ring.viewer-relative>.ring-player[data-viewer=true]{order:-1}.game-room .sentence-player-ring.viewer-relative>.ring-player.current{border-color:var(--seat-color);outline:2px solid color-mix(in srgb, var(--seat-color) 30%, transparent);outline-offset:1px}.game-room .sentence-player-ring.viewer-relative>.ring-player:before,.game-room .sentence-player-ring.viewer-relative>.ring-player:after,.game-room .sentence-player-ring .current-turn-badge:before{display:none}.sentence-room-page.game-room .sentence-table{width:auto;min-width:0;height:auto;min-height:0;margin:0 max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));border-width:4px;border-radius:24px;flex-direction:column;grid-area:table;padding:8px 6px 4px;display:flex;container-type:normal}.game-room .sentence-table-content{flex-direction:column;justify-content:center;min-height:0;display:flex;container:mobile-table/size}.game-room .sentence-chain,.game-room .sentence-chain.compact{--mobile-chain-card-height:clamp(78px, calc((100cqh - 86px) / 2), 100px);grid-template-columns:repeat(var(--chain-columns), max-content);grid-template-rows:repeat(2, var(--mobile-chain-card-height));touch-action:pan-x pinch-zoom;overscroll-behavior-inline:contain;grid-auto-flow:row;place-content:center safe center;align-self:center;align-items:center;gap:8px 0;width:100%;min-height:0;max-height:none;padding:7px 6px;scroll-padding-inline:6px;display:grid;overflow:auto hidden}.game-room .sentence-chain:not(:has(.chain-piece:nth-child(4))){grid-template-rows:var(--mobile-chain-card-height);grid-template-columns:none;grid-auto-flow:column}.game-room .sentence-chain .chain-piece{height:var(--mobile-chain-card-height);align-items:center;display:flex}.game-room .sentence-chain .placed-card,.game-room .sentence-chain.compact .placed-card{width:100px;min-width:100px;height:var(--mobile-chain-card-height);min-height:var(--mobile-chain-card-height);border-width:2px;border-radius:16px;grid-template-rows:auto minmax(0,1fr) 15px;gap:3px;padding:6px;display:grid;position:relative}.game-room .sentence-chain .placed-card .card-meta{flex-wrap:nowrap;justify-content:center;gap:2px 4px;width:100%;min-width:0;line-height:14px;display:flex;position:static}.game-room .sentence-chain .placed-card .card-category,.game-room .sentence-chain.compact .placed-card .card-category,.game-room .sentence-chain .placed-card .card-pos,.game-room .sentence-chain.compact .placed-card .card-pos{max-width:100%;padding:0;font-size:11px;line-height:14px}.game-room .sentence-chain .placed-card .card-category{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.game-room .sentence-chain .placed-card .card-pos{flex-shrink:0;padding-inline:3px}.game-room .sentence-chain .placed-card strong,.game-room .sentence-chain.compact .placed-card strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;max-width:100%;font-size:18px;line-height:1.25;display:-webkit-box;overflow:hidden}.game-room .sentence-chain .placed-card[data-word-length="5"] strong,.game-room .sentence-chain.compact .placed-card[data-word-length="5"] strong{white-space:nowrap;font-size:16px;display:block}.game-room .sentence-chain .placed-card:is([data-word-length="6"],[data-word-length="7"]),.game-room .sentence-chain.compact .placed-card:is([data-word-length="6"],[data-word-length="7"]){row-gap:1px;padding-block:2px}.game-room .sentence-chain .placed-card:is([data-word-length="6"],[data-word-length="7"]) strong,.game-room .sentence-chain.compact .placed-card:is([data-word-length="6"],[data-word-length="7"]) strong{font-size:clamp(14px, calc((var(--mobile-chain-card-height) - 39px) / 2.2), 18px);line-height:1.1}.game-room .sentence-chain .placed-card:is([data-word-length="6"],[data-word-length="7"])>svg{bottom:4px}.game-room .sentence-chain .placed-card .card-seat,.game-room .sentence-chain.compact .placed-card .card-seat{margin:0;font-size:11px;line-height:15px;position:static}.game-room .sentence-chain .placed-card>svg{width:13px;height:13px;position:absolute;bottom:6px;right:5px}.game-room .insert-slot{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;font-size:21px}.game-room .insert-slot:not(.active){flex-basis:12px;width:12px;min-width:12px}.game-room .sentence-footer{flex-direction:row;flex:0 0 64px;justify-content:center;align-items:center;gap:0;width:100%;min-height:64px;margin:0;display:flex}.game-room .sentence-caption{flex:auto;min-width:0;max-width:100%}.game-room .sentence-caption .sentence-reading{max-height:64px;padding-block:2px;font-size:14px;line-height:20px}.game-room .sentence-table-tools{display:none}.game-room .sentence-hand-section:has(.has-more-cards) .hand-swipe-hint{color:#637569;margin-left:7px;font-size:10px;font-weight:500;display:inline}@container mobile-table (min-height:330px){.game-room .sentence-chain:has(.chain-piece:nth-child(7)){--mobile-chain-card-height:clamp(78px, calc((100cqh - 94px) / 3), 100px);grid-template-columns:repeat(var(--chain-columns-three), max-content);grid-template-rows:repeat(3, var(--mobile-chain-card-height))}.game-room .sentence-chain.compact:has(.chain-piece:nth-child(7)){--mobile-chain-card-height:clamp(78px, calc((100cqh - 94px) / 3), 100px);grid-template-columns:repeat(var(--chain-columns-three), max-content);grid-template-rows:repeat(3, var(--mobile-chain-card-height))}}@container mobile-table (max-height:242px){.game-room .sentence-chain,.game-room .sentence-chain.compact{--mobile-chain-card-height:clamp(70px, calc(100cqh - 82px), 100px);grid-template-columns:none;grid-template-rows:var(--mobile-chain-card-height);grid-auto-flow:column}}@container mobile-table (max-height:160px){.game-room .sentence-footer{flex-basis:44px;min-height:44px}.game-room .sentence-caption .sentence-reading{max-height:44px}}.sentence-room-page.game-room>.sentence-hand-section{z-index:0;isolation:isolate;width:100%;max-width:none;height:100%;min-height:0;padding:0 max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));grid-area:hand;grid-template-rows:44px minmax(0,1fr);align-self:stretch;gap:0;margin:0;display:grid;position:relative}.game-room .hand-heading{align-items:center;gap:4px;min-width:0;height:44px;min-height:44px;margin:0;padding:0 4px}.game-room .hand-heading>div:first-child{min-width:0}.game-room .hand-heading p{white-space:nowrap;margin:0;font-size:12px;line-height:17px}.game-room .hand-heading h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:17px;overflow:hidden}.game-room .turn-actions{flex:none;gap:4px;display:flex}.game-room .turn-actions button{border-radius:12px;min-width:44px;min-height:44px;padding:4px 6px;font-size:12px}.game-room .turn-actions svg{width:15px;height:15px}:is(.game-room .hand-tray,.game-room:has(.sentence-table-shell.large-room) .hand-tray){--hand-content-top:26px;--hand-card-width:clamp(var(--compact-hand-min-width,80px), calc((100cqw - 38px) / 4), 106px);--hand-card-height:110px;--hand-info-height:0px;--hand-tray-height:100%;min-height:0;padding:0;container:mobile-hand/inline-size}.game-room .hand-tray .hand-page{display:none}.game-room .hand-tray.has-more-cards{padding-inline:0}.game-room .hand-cards{grid-template-columns:repeat(var(--compact-hand-columns), var(--hand-card-width));grid-template-rows:repeat(2, var(--hand-card-height));grid-auto-columns:var(--hand-card-width);isolation:isolate;touch-action:pan-x pinch-zoom;grid-auto-flow:row;place-content:start safe center;gap:6px;height:100%;margin:0;padding:8px 10px;scroll-padding-inline:10px;overflow:auto hidden}.sentence-room-page.game-room .hand-cards>.hand-card{border-width:2px;border-radius:14px;transition:transform .16s,box-shadow .16s}:is(.game-room .hand-card-main,.game-room:has(.sentence-table-shell.large-room) .hand-card-main){height:calc(100% - var(--hand-info-height));gap:1px;min-height:0;padding:20px 2px 3px}.game-room .hand-card .card-meta{justify-content:center;gap:3px;line-height:14px;display:flex;top:4px;left:3px;right:3px}.game-room .hand-card .card-category,.game-room .hand-card .card-pos{max-width:100%;font-size:11px;line-height:14px}.game-room .hand-card .card-pos{padding:1px 3px}:is(.game-room .hand-card strong,.game-room:has(.sentence-table-shell.large-room) .hand-card strong){white-space:normal;overflow-wrap:anywhere;font-size:18px;line-height:1.25}:is(.game-room .hand-card[data-word-length="5"] strong,.game-room:has(.sentence-table-shell.large-room) .hand-card[data-word-length="5"] strong){font-size:clamp(14px, calc((var(--hand-card-width) - 8px) / 5), 18px);white-space:nowrap}.game-room .hand-card .card-pinyin{white-space:normal;margin:0;font-size:12px;line-height:15px;display:block}.game-room .card-info-button{display:none}.game-room .hand-card-popover-floating>button{min-height:44px}.game-room .hand-cards:not(.overlapping-hand){grid-template-columns:none;grid-template-rows:var(--hand-card-height);grid-auto-flow:column}.game-room .hand-cards.overlapping-hand{--hand-row-overlap:20px;grid-template-columns:repeat(var(--compact-hand-columns), var(--hand-card-width));grid-template-rows:calc(var(--hand-card-height) - var(--hand-row-overlap)) var(--hand-card-height);align-items:start;gap:0 6px}.game-room .hand-cards.overlapping-hand>.hand-card{z-index:var(--hand-order)}.game-room .overlapping-hand .hand-card-main{justify-content:flex-start}.game-room .hand-card.function .card-category{display:none}.sentence-room-page.game-room .hand-cards>.hand-card{transform-origin:top}.sentence-room-page.game-room .hand-cards>.hand-card:is(.selected,.focused,.swap-source){transform:translateY(-6px)scale(1.08);box-shadow:0 0 0 2px #f1c35f,0 5px 12px #163c3452}.sentence-room-page.game-room .hand-cards>.hand-card:is(.selected,.focused,.swap-source):not(.function){border-color:#17896e}.sentence-room-page.game-room>.game-action-zone{z-index:90;pointer-events:auto;isolation:isolate;scrollbar-width:none;overscroll-behavior:contain;border-radius:16px;grid-area:hand;place-self:start center;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100% - 80px);margin:0;padding:0;position:relative;inset:auto;overflow:hidden auto;box-shadow:0 -4px 20px #214c3020}.game-room>.game-action-zone:empty{display:none}.game-room .game-action-zone>:is(.review-banner,.function-panel){color:#243d31;background:#fffdf1;border:1px solid #b5c8aa;border-radius:16px;flex-wrap:wrap;gap:6px;width:100%;margin:0;padding:9px 10px;display:flex}.game-room .review-summary{grid-template-columns:minmax(0,1fr) auto;gap:4px;width:100%;min-width:0;display:grid}.game-room .review-summary>svg{display:none}.game-room .review-summary>span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;overflow:hidden}.game-room .review-summary em{white-space:nowrap;font-size:12px;line-height:18px}.game-room .review-summary .review-detail-full,.game-room .review-summary .review-detail-compact{display:none}.game-room .review-mobile-outcome{display:inline}.game-room .review-actions{gap:8px;width:100%;display:flex}.game-room .review-actions button,.game-room .review-banner>button{flex:1;min-height:44px;margin:0;padding:6px 10px;font-size:14px}.game-room .review-actions button svg,.game-room .review-banner>button svg{width:17px;height:17px}.game-room .game-action-zone>.wild-panel{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.game-room .wild-panel>div,.game-room .wild-panel>em{grid-column:1/-1}.game-room .wild-panel input{width:100%;min-width:0;min-height:44px;font-size:16px}.game-room .function-panel>button{min-height:44px}.game-room .function-panel>div{font-size:13px}.game-room .wild-panel>em{font-size:11px}.game-room .action-message{min-height:44px;margin:0;font-size:13px}.game-room .action-message>button{min-width:44px;min-height:44px}}@media (orientation:landscape) and (max-width:1180px) and (max-height:500px){.sentence-setup-page .sentence-setup-shell{max-height:100%;padding-top:0}.sentence-setup-page .sentence-setup-shell:has(>.room-recovery-notice){grid-template-rows:auto minmax(0,1fr);gap:6px}.sentence-setup-page .sentence-setup-shell>.room-recovery-notice{padding:4px 12px}.sentence-setup-page .setup-join-message:empty{display:none}.sentence-setup-page .setup-mode-note{height:auto;min-height:16px}.sentence-setup-page .setup-feedback{min-height:16px}.sentence-setup-page .sentence-me-row>div{gap:2px;display:grid}.sentence-setup-page .sentence-me-row h2{margin:0;font-size:14px;line-height:18px}.sentence-setup-page .sentence-me-row span{line-height:16px}.sentence-setup-page .sentence-mode-switch button{min-height:48px;font-size:14px;line-height:16px}.waiting-room .waiting-seats,.waiting-room .waiting-seats.large-room{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:114px}.waiting-room .waiting-seats .waiting-seat{height:114px;padding-top:24px}.sentence-room-page.game-room{--mobile-nav-height:48px;--mobile-strip-height:60px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"top top""players players""table hand";grid-template-rows:calc(var(--mobile-nav-height) + env(safe-area-inset-top)) var(--mobile-strip-height) minmax(0, 1fr);padding-bottom:max(4px, env(safe-area-inset-bottom))}.sentence-room-page.game-room .sentence-table{margin-bottom:0}.game-room .sentence-footer{flex-basis:44px;min-height:44px}.game-room .sentence-caption .sentence-reading{max-height:44px}.sentence-room-page.game-room>.sentence-hand-section{padding-bottom:0;padding-left:0}.game-room .card-info-button{display:none}:is(.game-room .hand-card-main,.game-room:has(.sentence-table-shell.large-room) .hand-card-main){padding-bottom:6px}.game-room .hand-card-popover-floating>button{min-height:44px}:is(.game-room .hand-tray,.game-room:has(.sentence-table-shell.large-room) .hand-tray){container-type:size}.game-room .hand-cards{--hand-card-height:clamp(110px, calc((100cqh - 16px) / 2), 132px);padding-bottom:16px}.game-room .hand-cards.overlapping-hand{--hand-row-overlap:clamp(8px, calc(2 * var(--hand-card-height) + 24px - 100cqh), 26px)}.game-room .hand-cards:not(.overlapping-hand){--hand-card-height:clamp(110px, calc(100cqh - 24px), 148px)}.sentence-room-page.game-room .hand-tray .hand-card-main{padding-bottom:calc(6px + var(--hand-row-overlap,0px));justify-content:space-evenly}@container mobile-hand (min-height:306px){.game-room [data-hand-density=three-rows] .hand-cards.overlapping-hand{--hand-content-top:24px;--hand-card-height:clamp(110px, calc((100cqh - 8px) / 3), 128px);--hand-row-overlap:clamp(8px, calc((3 * var(--hand-card-height) + 24px - 100cqh) / 2), 26px);grid-template-columns:repeat(var(--dense-hand-columns), var(--hand-card-width));grid-template-rows:repeat(2, calc(var(--hand-card-height) - var(--hand-row-overlap))) var(--hand-card-height)}}@container mobile-hand (max-height:217px){.game-room .hand-cards,.game-room .hand-cards.overlapping-hand{--hand-card-height:clamp(110px, calc(100cqh - 24px), 148px);--hand-row-overlap:0px;grid-template-columns:none;grid-template-rows:var(--hand-card-height);grid-auto-flow:column}}@container mobile-table (min-height:222px) and (max-height:242px){.game-room .sentence-chain:has(.chain-piece:nth-child(4)){--mobile-chain-card-height:clamp(78px, calc((100cqh - 66px) / 2), 100px);grid-template-columns:repeat(var(--chain-columns), max-content);grid-template-rows:repeat(2, var(--mobile-chain-card-height));grid-auto-flow:row}.game-room .sentence-chain.compact:has(.chain-piece:nth-child(4)){--mobile-chain-card-height:clamp(78px, calc((100cqh - 66px) / 2), 100px);grid-template-columns:repeat(var(--chain-columns), max-content);grid-template-rows:repeat(2, var(--mobile-chain-card-height));grid-auto-flow:row}}}@media (max-width:370px){.sentence-setup-page .setup-back>span{display:none}.sentence-room-page .room-top-actions{gap:0}.sentence-room-page .room-top-actions>button,.sentence-room-page .room-more>button{width:40px;min-width:40px}.game-room .turn-actions button{padding-inline:4px;font-size:11px}.game-room .hand-heading h2{font-size:11px}}@media (orientation:landscape) and (max-width:1180px) and (max-height:350px){.sentence-room-page.game-room .sentence-table{padding-block:4px 2px}.game-room .table-console{margin-bottom:2px}.game-room .sentence-chain,.game-room .sentence-chain.compact{padding-block:5px}}@media (max-width:620px) and (min-height:741px) and (orientation:portrait){.sentence-room-page.game-room:has([data-hand-density=three-rows]){--mobile-hand-height:344px}.game-room [data-hand-density=three-rows] .hand-cards.overlapping-hand{--hand-content-top:24px;--hand-row-overlap:26px;grid-template-columns:repeat(var(--dense-hand-columns), var(--hand-card-width));grid-template-rows:repeat(2, calc(var(--hand-card-height) - var(--hand-row-overlap))) var(--hand-card-height)}}@media (max-width:620px) and (max-height:620px) and (orientation:portrait){.sentence-room-page.game-room{--mobile-hand-height:176px}.game-room .hand-cards,.game-room .hand-cards.overlapping-hand{grid-template-columns:none;grid-template-rows:var(--hand-card-height);grid-auto-flow:column;grid-auto-columns:var(--hand-card-width)}}@media (max-width:620px),(orientation:landscape) and (max-width:1180px) and (max-height:850px){.game-room .game-action-zone>.function-panel.combo-panel{border-radius:12px;flex-wrap:nowrap;gap:4px;height:44px;min-height:44px;padding:1px 5px}.game-room .function-panel.combo-panel>div{display:none}.game-room .combo-panel .combo-selection{flex:1;gap:4px;min-width:0}.game-room .combo-panel .combo-selection li{flex:1;min-width:0}.game-room .combo-panel .combo-selection li>:is(button,span){justify-content:center;width:100%;height:38px;min-height:38px;padding:3px 5px;font-size:12px}.game-room .function-panel.combo-panel>button{width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0}.game-room .function-panel.combo-panel>button>span{display:none}}@keyframes mobile-current-turn{0%,to{outline-color:color-mix(in srgb, var(--seat-color) 25%, transparent)}50%{outline-color:var(--seat-color)}}@media (max-width:620px),(orientation:landscape) and (max-width:1180px) and (max-height:500px){.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside.current{animation:1.6s ease-in-out infinite mobile-current-turn}}.game-room .hand-cards>.hand-card.newly-drawn{border-color:#d38b13;box-shadow:inset 0 0 0 2px #f9d165}.hand-draw-badge{z-index:5;color:#654310;pointer-events:none;background:#ffde70;border-radius:0 0 5px 5px;padding:1px 5px;font-size:10px;font-weight:900;position:absolute;top:0;right:4px}@media (prefers-reduced-motion:reduce){.game-room .sentence-player-ring.viewer-relative>.ring-player.player-status-inside.current{animation:none}}.sentence-lobby-page .sentence-hero-copy .sentence-play-promise{margin:18px 0 12px}.sentence-lobby-page .sentence-hero-copy .sentence-capacity-note{order:3;margin:10px 0 0}.sentence-lobby-page .sentence-home-actions{flex-wrap:wrap;align-items:flex-start}.sentence-lobby-page .sentence-home-actions>.lobby-join{flex:0 236px;gap:2px;width:236px;max-width:100%;margin:0;padding:0;display:grid}.lobby-join-fields{border:2px solid var(--sentence-ink);background:#fffefa;border-radius:15px;min-width:0;min-height:48px;display:flex;overflow:hidden}.lobby-join-fields input{width:140px;min-width:0;color:var(--sentence-ink);font:inherit;letter-spacing:.04em;background:0 0;border:0;flex:1;padding:8px 10px}.lobby-join-fields input:focus-visible{outline:2px solid var(--sentence-green);outline-offset:-3px}.lobby-join-fields button{color:#155a43;min-height:44px;font:inherit;cursor:pointer;background:#e2f3e9;border:0;border-left:1px solid #b8cec0;flex-shrink:0;padding:8px 10px;font-weight:800}.lobby-join-fields button:disabled{opacity:.6;cursor:wait}.lobby-join button:focus-visible{outline-offset:-3px;outline:3px solid #218b73}.lobby-join>.lobby-code-keyboard{color:#5c7063;min-height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-self:start;margin:0;padding:4px 10px;font-size:12px;text-decoration:underline}@media (orientation:landscape) and (max-height:500px){.sentence-lobby-page .sentence-hero-copy .sentence-play-promise{margin:12px 0;font-size:12px}.sentence-lobby-page .sentence-home-actions{gap:10px}.sentence-lobby-page .sentence-home-actions>.lobby-join{flex-basis:228px;width:228px;font-size:13px}.lobby-join-fields{min-height:44px}.sentence-lobby-page .sentence-hero-copy .sentence-capacity-note{margin:6px 0 0}}@media (max-width:480px){.sentence-lobby-page .sentence-home-actions{gap:12px;display:flex}.sentence-lobby-page .sentence-home-actions>.lobby-join{flex:0 236px}}.lobby-join-fields>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sentence-room-page.waiting-room .waiting-seats,.sentence-room-page.waiting-room .waiting-seats.large-room{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;align-content:start}.sentence-room-page.waiting-room .waiting-seats .waiting-seat{height:180px;min-height:0;max-height:180px}.waiting-room .waiting-rule-summary>.waiting-rules-link{color:var(--sentence-deep);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:4px 6px;text-decoration:underline;display:inline-flex}.waiting-room .waiting-seat>.waiting-seat-add{color:#14624b;min-height:44px;font:inherit;cursor:pointer;background:#e3f6eb;border:1px solid #96c4b2;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:6px 0 0;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.waiting-room .waiting-seat>.waiting-seat-add:disabled{opacity:.55;cursor:wait}@media (hover:hover) and (pointer:fine){.waiting-room .waiting-seat>.waiting-seat-add:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:#d0eddf}}.waiting-room .waiting-room-code:has(.lucide-check){background:#ced;border-color:#1f8968}.room-copy-value{width:100%;min-height:90px;font:inherit;color:#26362e;background:#fff;border:1px solid #a2b9ab;border-radius:12px;padding:12px;font-size:18px}@media (max-width:1000px){.sentence-room-page.waiting-room .waiting-seats,.sentence-room-page.waiting-room .waiting-seats.large-room{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.sentence-room-page.waiting-room .waiting-seats,.sentence-room-page.waiting-room .waiting-seats.large-room{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:142px}.sentence-room-page.waiting-room .waiting-seats .waiting-seat{height:142px;max-height:142px}.waiting-room .waiting-seat>.waiting-seat-add{margin-top:4px;padding:4px 8px;font-size:13px}.waiting-room .waiting-rule-summary>.waiting-rules-link{margin-left:0}}@media (orientation:landscape) and (max-width:1180px) and (max-height:500px){.sentence-room-page.waiting-room .waiting-seats,.sentence-room-page.waiting-room .waiting-seats.large-room{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:114px}.sentence-room-page.waiting-room .waiting-seats .waiting-seat{height:114px;max-height:114px}.waiting-room .waiting-seat:has(.waiting-seat-add)>p{display:none}.waiting-room .waiting-seat>.waiting-seat-add{margin-top:4px;padding:4px 8px;font-size:13px}.waiting-room .waiting-room-code span{display:inline}}
[data-home-header],[data-home-content],.sentence-lobby-page{--home-max:1200px;--home-gutter:max(32px, env(safe-area-inset-left), env(safe-area-inset-right));--home-gap:24px;--home-logo-width:228px}[data-home-header][data-home-header],[data-home-content][data-home-content]{box-sizing:border-box;width:min(var(--home-max), calc(100% - var(--home-gutter) * 2));max-width:none;margin-inline:auto;padding-inline:0}[data-home-header][data-home-header]{grid-template-columns:var(--home-logo-width) minmax(0,1fr) auto;align-items:center;gap:12px;height:112px;min-height:112px;padding-block:11px;display:grid}[data-home-header]>:first-child{width:var(--home-logo-width);flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:flex-start;gap:0;height:90px;min-height:0;padding:0;display:flex}[data-home-header]>:last-child{grid-area:1/3;justify-self:end}[data-home-header] :is(button,a){box-sizing:border-box}[data-home-grid][data-home-grid]{column-gap:var(--home-gap,24px);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}[data-home-grid]>:first-child{grid-column:span 7;min-width:0}[data-home-grid]>:nth-child(2){grid-column:span 5;width:100%;min-width:0;max-width:100%}@media (max-width:1100px){[data-home-header],[data-home-content],.sentence-lobby-page{--home-gutter:max(24px, env(safe-area-inset-left), env(safe-area-inset-right))}}@media (max-width:900px){[data-home-header],[data-home-content],.sentence-lobby-page{--home-logo-width:168px}[data-home-header][data-home-header]{grid-template-rows:60px 44px;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 8px;height:144px;min-height:144px;padding-block:12px 16px}[data-home-header]>:first-child{grid-column:1/8;align-self:start;height:60px}[data-home-grid][data-home-grid]{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}[data-home-grid]>:first-child,[data-home-grid]>:nth-child(2){grid-column:1/-1}}@media (max-width:620px){[data-home-header],[data-home-content],.sentence-lobby-page{--home-gutter:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--home-gap:16px}}.sentence-lobby-page [data-home-header]>a>img:first-child{width:var(--home-logo-width);object-fit:contain;height:76px;display:block}.sentence-lobby-page [data-home-header]>a>img:last-child{display:none}.sentence-lobby-page [data-home-header] .sentence-nav-links{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sentence-lobby-page [data-home-header] .sentence-home-announcement{flex:none;display:flex}.sentence-lobby-page [data-home-header] :is(.sentence-ghost,.sentence-nav-player,.sentence-home-announcement>button){white-space:nowrap;width:auto;height:48px;min-height:48px;padding:8px 14px}.sentence-lobby-page [data-home-header] .sentence-home-announcement>button{border-radius:999px}.sentence-lobby-page [data-home-header] :is(.sentence-ghost,.sentence-home-announcement>button) span{display:inline}.sentence-lobby-page [data-home-header] .sentence-nav-player{max-width:200px;padding:5px 10px 5px 5px}.sentence-lobby-page [data-home-header] .sentence-nav-player>.sentence-avatar{width:36px;min-width:36px;height:36px}.sentence-lobby-page #rules{padding-inline:var(--home-gutter)}.sentence-lobby-page #rules>:is(header,div,article){max-width:var(--home-max)}.sentence-lobby-page .sentence-leader-section[data-home-content]{padding-inline:clamp(16px,3vw,40px)}@media (max-width:900px){.sentence-lobby-page [data-home-header]>a>img:first-child{height:56px}.sentence-lobby-page [data-home-header] .sentence-nav-links{display:contents}.sentence-lobby-page [data-home-header] :is(.sentence-nav-player,.sentence-nav-links>.sentence-nav-login){grid-area:1/8/auto/-1;justify-self:end;width:auto;max-width:100%;height:44px;min-height:44px;padding:4px 8px}.sentence-lobby-page [data-home-header] :is(.sentence-nav-links>.sentence-ghost:not(.sentence-nav-login),.sentence-home-announcement){grid-area:2/span 4;justify-content:center;width:100%;height:44px;min-height:44px;padding:6px}.sentence-lobby-page [data-home-header][data-admin=true] :is(.sentence-nav-links>.sentence-ghost:not(.sentence-nav-login),.sentence-home-announcement){grid-column:span 3}.sentence-lobby-page [data-home-header] .sentence-home-announcement{padding:0}.sentence-lobby-page [data-home-header] .sentence-home-announcement>button{width:100%;height:44px;min-height:44px;padding:6px}.sentence-lobby-page [data-home-header] .sentence-nav-links>.sentence-home-announcement{padding:0}}.home-room-entry.home-room-entry{text-align:left;color:#243129;grid-template-columns:152px 260px;align-items:start;gap:8px 12px;width:min(100%,424px);margin:28px 0 0;padding:0;display:grid}.home-room-entry *{box-sizing:border-box}.home-room-entry .home-room-create{color:#fff;width:100%;height:48px;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;background:#187b62;border:2px solid #243129;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 12px;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;display:flex;box-shadow:3px 3px #243129}.home-room-entry .home-room-join{gap:4px;width:100%;min-width:0;margin:0;display:grid}.home-room-entry .home-room-fields{background:#fffdf5;border:2px solid #243129;border-radius:12px;grid-template-columns:minmax(0,1fr) 102px;gap:0;height:48px;padding:0;display:grid;overflow:hidden}.home-room-entry .home-room-fields input{color:#243129;width:100%;min-width:0;height:44px;min-height:0;box-shadow:none;font:inherit;letter-spacing:0;background:0 0;border:0;border-radius:0;margin:0;padding:0 12px;font-size:16px;font-weight:500;line-height:1.3;display:block}.home-room-entry .home-room-fields input::placeholder{color:#65746b;opacity:1}.home-room-entry .home-room-fields button{color:#145b48;width:100%;height:44px;min-height:0;box-shadow:none;font:inherit;white-space:nowrap;cursor:pointer;background:#e0f1e9;border:0;border-left:1px solid #b5ccc0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 8px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.home-room-entry .home-room-help{color:#52695d;width:auto;min-height:32px;box-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:flex-start;justify-self:start;align-items:center;gap:6px;margin:0;padding:4px 0;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.home-room-entry>.home-room-help{grid-column:1/-1}@media (hover:hover) and (pointer:fine){.home-room-entry .home-room-create:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:#126b54}.home-room-entry .home-room-fields button:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:#cbe8d9}.home-room-entry .home-room-help:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){color:#145b48;text-decoration:underline}}.home-room-entry :is(button,a):focus-visible,.home-room-entry .home-room-fields:focus-within{outline-offset:3px;outline:3px solid #4688c2}.home-room-entry .home-room-fields input:focus{outline:none}.home-room-entry :is(button:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}@media (max-width:620px){.home-room-entry.home-room-entry{grid-template-columns:minmax(0,1fr);gap:12px}}.home-room-entry .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
