:root{--bg:#f8f9fc;--ink:#232333;--muted:#838392;--purple:#7460dc;--purple-dark:#6551ce;--line:#ececf3;--soft:#f0ecff;--green:#51a987}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 64% 30%,#eeeaff88,#0000 52%);position:fixed;inset:0}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;transition:background .18s,transform .18s,border-color .18s}button:disabled{cursor:default;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #baaaff}input:focus{outline:0;box-shadow:0 0 0 3px #7460dc15;border-color:var(--purple)!important}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}.app-shell{max-width:1248px;margin:0 auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>span:last-child{letter-spacing:2px;font-size:25px;font-weight:800;line-height:1.1}.brand small{letter-spacing:3px;color:#8f8b9e;margin-top:7px;font-size:8px;font-weight:500;display:block}.logo-symbol{flex-shrink:0;width:43px;height:42px;display:inline-block;position:relative}.logo-symbol i{background:#a799ee;border-radius:10px;width:29px;height:33px;position:absolute;top:3px;transform:rotate(-10deg)}.logo-symbol i:nth-child(2){opacity:.9;background:#7560dc;top:8px;left:14px;transform:rotate(10deg)}.logo-symbol b{color:#fff;font-size:23px;font-weight:400;position:absolute;top:6px;left:12px}.logo-symbol.small{transform-origin:0;width:22px;height:24px;margin-right:-10px;transform:scale(.5)}.header-right{align-items:center;gap:28px;display:flex}.header-tag{color:#92909f;font-size:12px}.text-button{color:#676675;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:13px;display:inline-flex}.text-button:hover{color:var(--purple)}.landing{grid-template-columns:1.13fr 1fr;align-items:center;gap:76px;padding:70px 0 62px;display:grid}.eyebrow{letter-spacing:2px;color:#8d85ac;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.tiny-star{color:#8a77df;font-size:17px}.hero-copy h1{letter-spacing:1px;white-space:nowrap;margin:20px 0 22px;font-size:61px;font-weight:800;line-height:1.34}.purple{color:var(--purple);display:inline-block;position:relative}.underline-swoosh{border-top:3px solid #c2b5fa;border-radius:70%;width:98%;height:9px;position:absolute;bottom:-5px;left:2%;transform:rotate(-3deg)}.hero-description{color:#858190;letter-spacing:.5px;font-size:15px;line-height:1.95}.hero-tags{color:#777281;gap:19px;margin-top:24px;font-size:11px;display:flex}.hero-tags span{align-items:center;gap:6px;display:flex}.hero-tags svg{color:#a296c9}.mini-demo{max-width:465px;margin-top:43px;position:relative}.demo-caption{color:#a4a0ae;letter-spacing:1px;margin-bottom:14px;font-size:10px;display:block}.demo-flow{align-items:center;gap:10px;display:flex}.mini-word{background:#fff;border:1px solid #e8e5ef;border-radius:12px;flex-shrink:0;width:92px;height:81px;padding:14px 20px;position:relative;box-shadow:0 3px 8px #32304e04}.mini-word small{color:#a49db7;margin-bottom:7px;font-size:9px;display:block}.mini-word b{letter-spacing:2px;white-space:nowrap;font-size:20px}.mini-word>span{font-size:19px;position:absolute;bottom:-6px;right:-5px}.tilted-left{transform:rotate(-5deg)}.tilted-right{background:#f3f0ff;border-color:#e8e0fc;transform:rotate(5deg)}.demo-plus{color:#b4a9cd;font-size:18px}.demo-arrow{color:#b2a5da;margin:0 2px;font-size:37px;line-height:1}.match-word{background:#f4f0ff;border:1px dashed #c5b9f1;width:157px;transform:rotate(-2deg)}.match-word b{color:var(--purple);align-items:center;gap:5px;display:flex}.demo-annotation{text-align:right;color:#b1a6c8;letter-spacing:1px;margin-top:20px;padding-right:8px;font-size:10px;display:block;transform:rotate(-3deg)}.lobby-card{background:#fff;border:1px solid #e9e7f0;border-radius:23px;padding:30px;position:relative;box-shadow:0 18px 65px #44317709}.card-heading{align-items:center;gap:13px;display:flex}.square-icon{width:43px;height:43px;color:var(--purple);background:#f1edfc;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card-heading h2{letter-spacing:.5px;margin-bottom:7px;font-size:19px;font-weight:700}.card-heading p{color:#a09aa9;font-size:11px}.lobby-tabs{background:#f6f5f9;border:1px solid #f0edf5;border-radius:10px;gap:4px;margin:27px 0 24px;padding:4px;display:flex}.lobby-tabs button{color:#93909e;background:0 0;border:0;border-radius:7px;flex:1;padding:10px;font-size:12px}.lobby-tabs button.active{color:var(--purple);background:#fff;font-weight:700;box-shadow:0 2px 5px #1a0c4110}.field-label{align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.field-label>span{color:#b1aab9;font-size:10px;font-weight:400}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>svg{color:#b6afc4;position:absolute;left:14px}.input-wrap input{width:100%;font:inherit;background:#fdfcfe;border:1px solid #e9e5ef;border-radius:10px;height:46px;padding:13px 15px 13px 42px;font-size:12px;transition:box-shadow .2s}.input-wrap input::placeholder{color:#b5afbf}.time-label{margin-top:22px}.time-options{gap:9px;display:flex}.time-options button{white-space:nowrap;color:#80798f;background:#fff;border:1px solid #e9e6f0;border-radius:9px;flex:1;padding:13px 7px;font-size:12px;position:relative}.time-options small{font-size:10px}.time-options button.selected{color:var(--purple);background:#f5f2ff;border:1.5px solid #a695ea;font-weight:700}.option-tick{color:#fff;background:#ac9beb;border-radius:6px 0 7px;justify-content:center;align-items:center;width:16px;height:14px;display:flex;position:absolute;bottom:-1px;right:-1px}.room-note{color:#a198ae;justify-content:center;align-items:center;gap:7px;margin:21px 0;font-size:10px;display:flex}.room-note svg{color:#b3a6ce}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:13px 22px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--purple);color:#fff;border:1px solid var(--purple);box-shadow:0 4px 8px #7560dc0c}.primary:not(:disabled):hover{background:var(--purple-dark);border-color:var(--purple-dark)}.secondary{color:#756786;background:#fff;border:1px solid #e1dbea}.secondary:not(:disabled):hover{background:#f6f2ff;border-color:#b8a7e4}.wide{width:100%}.lobby-primary{justify-content:space-between;padding-left:20px;padding-right:20px}.lobby-primary:has(.spin){justify-content:center}.no-download{text-align:center;color:#b2acbd;margin-top:15px;font-size:10px}.resume-button{color:var(--purple);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:17px auto -8px;font-size:10px;display:flex}.room-code-input{letter-spacing:6px;text-transform:uppercase;width:100%;height:51px;color:var(--purple);background:#fcfaff;border:1px solid #e7e1f2;border-radius:10px;padding:10px 15px;font-family:monospace;font-size:20px}.room-code-input::placeholder{letter-spacing:2px;color:#c4bbd2;font-size:14px}.join-hint{color:#aba3b6;margin:15px 0 22px;font-size:10px;line-height:1.7}.how-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.15fr repeat(3,1fr) 40px;align-items:start;gap:30px;padding:34px 0 32px;display:grid}.how-intro .eyebrow{color:#a69db9;letter-spacing:2px;font-size:9px}.how-intro h3{letter-spacing:.5px;margin-top:9px;font-size:18px;font-weight:700;line-height:1.7}.how-step{padding-top:1px;position:relative}.step-number{color:#bbb2d5;margin-bottom:10px;font:12px monospace;display:block}.how-step h4{margin-bottom:10px;font-size:13px;font-weight:600}.how-step p{color:#a19aa9;font-size:11px;line-height:1.9}.how-sparkle{color:#c4b6e8;padding-top:26px;font-size:48px;font-weight:300}.site-footer{color:#b0aab9;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:26px 0 28px;font-size:10px;display:flex}.site-footer>span{align-items:center;gap:7px;display:flex}.site-footer>span:last-child{letter-spacing:1.6px;font-size:8px}.site-footer i{font-style:normal}.footer-star{color:#a597c5;margin-left:6px;font-size:15px}.error-message{color:#a8505b;background:#fff0f0;border:1px solid #f1d7db;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.6}.restoring{color:var(--purple);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:12px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background:#26203955;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:23px;width:480px;max-width:100%;max-height:90vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 100px #22203320}.modal h2{letter-spacing:.5px;margin:17px 0 23px;font-size:24px}.icon-button{color:#a29aa8;background:0 0;border:0;align-items:center;padding:5px;display:flex}.modal-close{position:absolute;top:20px;right:20px}.rule-list{counter-reset:step;margin:0 0 23px;padding:0;list-style:none}.rule-list li{counter-increment:step;margin:20px 0;padding-left:36px;position:relative}.rule-list li:before{content:counter(step);width:24px;height:24px;color:var(--purple);background:#f2edff;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:-1px;left:0}.rule-list b{font-size:14px}.rule-list p{color:#99909e;margin-top:6px;font-size:12px;line-height:1.9}.soft-note{color:#9b8eac;background:#f8f6fc;border-radius:10px;gap:9px;margin-bottom:22px;padding:13px;display:flex}.soft-note svg{flex-shrink:0;margin-top:3px}.soft-note p{font-size:11px;line-height:1.8}.compact{max-width:410px}.compact h2{margin:20px 0 13px;font-size:22px}.compact>p{color:#92879c;margin-bottom:25px;font-size:13px;line-height:1.9}.toast{z-index:110;color:#fff;white-space:nowrap;background:#383044;border-radius:12px;align-items:center;gap:9px;padding:14px 21px;font-size:12px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #32244322}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-page{padding:22px 0 35px}.room-toolbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.connection{color:var(--green);align-items:center;gap:7px;font-size:11px;display:flex}.connection small{color:#a9b4af;margin-left:4px;font-size:9px}.connection.reconnecting{color:#bd9460}.room-title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.room-title .eyebrow{letter-spacing:1.7px;font-size:8px}.room-title h1{letter-spacing:1px;margin-top:10px;font-size:28px;font-weight:750}.room-code{align-items:center;gap:13px;display:flex}.room-code>span{color:#a79dae;font-size:11px}.room-code>button{letter-spacing:2px;color:#5e526d;background:0 0;border:0;align-items:center;gap:9px;font-family:monospace;font-size:18px;display:flex}.room-code>button.invite-button{letter-spacing:0;color:#81709c;background:#f0ecfa;border:1px solid #e5dff2;border-radius:8px;padding:10px 12px;font:11px Arial,Microsoft YaHei,sans-serif}.game-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px;display:grid}.game-board{background:#fff;border:1px solid #e8e3f0;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px #35294b03}.board-heading{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.round-pill{color:var(--purple);background:#f1edff;border:1px solid #e8e1fc;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:600}.timer{color:#9585b0;align-items:center;gap:7px;font-family:monospace;font-size:15px;display:flex}.timer.time-up{color:#b6997d;font:11px Arial,Microsoft YaHei,sans-serif}.board-caption{color:#b1a6bc;letter-spacing:1px;font-size:10px}.players-grid{grid-template-columns:1fr 1fr;gap:20px;padding:0 24px;display:grid;position:relative}.player-card{background:#fbf9ff;border:1px solid #e9e2fa;border-radius:14px;min-width:0;position:relative;overflow:hidden}.player-card.player-1{background:#f7fbfa;border-color:#dfebe7}.player-top{border-bottom:1px solid #eae3f25e;align-items:center;gap:9px;padding:17px 15px;display:flex}.avatar{color:#a186e1;background:#eee6ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.avatar>span{font-size:22px;line-height:1}.avatar-1{color:#70a48c;background:#e2efe9}.player-top b{overflow-wrap:anywhere;font-size:12px;font-weight:600}.player-top b small{color:#ad9bc9;background:#f0eafc;border-radius:3px;margin-left:2px;padding:2px 4px;font-size:8px}.player-top p{color:#b4a8c4;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.dot{background:#c5becb;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.dot.green{background:#75b89c}.submitted-check{color:#9b89c0;flex-shrink:0;margin-left:auto}.word-space{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-width:0;height:180px;padding:15px;display:flex}.word-space>span:last-child{color:#b7abc6;font-size:10px}.word-space>svg{color:#b4a3ce}.word-space strong{letter-spacing:2px;word-break:break-word;color:#746082;font-size:30px;font-weight:600;line-height:1.5}.player-1 .word-space strong{color:#5c8575}.word-space strong.long-word{font-size:20px}.word-space strong.locked-word{letter-spacing:.5px;font-size:17px}.word-label{color:#baa9cc;font-size:10px}.seat-label{color:#c7bbd5;letter-spacing:2px;text-align:center;padding:0 0 14px;font:8px monospace;display:block}.player-1 .seat-label{color:#b9cdc2}.between-mark{color:#c3b2dd;z-index:2;background:#fff;border:1px solid #eee7f7;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font:16px Georgia;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.between-mark.matched{color:#8e76d1;background:#faf7ff;border-color:#d8c7f7}.waiting-art{color:#c9b9e2;font-size:45px;font-weight:300;line-height:1}.player-1 .waiting-art{color:#bad0c4}.thinking-bubbles{align-items:center;gap:5px;height:33px;display:flex}.thinking-bubbles i{background:#c8b9df;border-radius:50%;width:6px;height:6px;animation:1.4s infinite breathe}.thinking-bubbles i:nth-child(2){animation-delay:.2s}.thinking-bubbles i:nth-child(3){animation-delay:.4s}.player-1 .thinking-bubbles i{background:#b9cfc1}@keyframes breathe{50%{opacity:.35;transform:translateY(-4px)}}.action-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding:28px 30px 30px;display:flex}.action-area h3{letter-spacing:.5px;margin-bottom:10px;font-size:17px;font-weight:600}.action-area>p{color:#a699b3;margin-bottom:19px;font-size:11px;line-height:1.9}.action-area .small-note{color:#b8aabf;justify-content:center;align-items:center;gap:5px;margin:12px 0 0;font-size:10px;line-height:1.6;display:flex}.action-area>svg{color:#c0afd3;margin-bottom:17px}.action-area .error-message{text-align:left;width:100%;margin-bottom:0}.small-note{display:block}.word-form{background:#fcfaff;border:1px solid #e6dcf5;border-radius:11px;gap:5px;width:100%;margin-top:9px;padding:5px;display:flex}.word-form input{width:100%;min-width:0;font:inherit;color:#685374;background:0 0;border:1px solid #0000;border-radius:7px;padding:12px;font-size:15px}.word-form input::placeholder{color:#c6bad2;font-size:13px}.word-form .primary{border-radius:8px;min-width:124px;min-height:44px;padding:11px 16px}.board-footer{color:#b2a6bd;background:#fdfcfe;border-top:1px solid #f0eaf5;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:9px;display:flex}.board-footer em{color:#c9bfda;margin:0 13px;font-size:8px;font-style:normal}.history-panel{background:#ffffffa6;border:1px solid #e9e3f0;border-radius:17px;flex-direction:column;min-height:370px;display:flex;overflow:hidden}.history-heading{border-bottom:1px solid #eee8f5;align-items:center;gap:10px;padding:19px 18px;display:flex}.history-heading .square-icon{border-radius:9px;width:31px;height:31px}.history-heading h3{font-size:13px;font-weight:600}.history-heading>span:last-child{color:#b1a5be;margin-left:auto;font-size:10px}.empty-history{text-align:center;flex:1;padding:31px 13px 38px}.empty-history>span{color:#d3c5e4;font-size:50px;line-height:1}.empty-history h4{color:#aa9db7;margin:15px 0 11px;font-size:12px}.empty-history p{color:#b9adbf;font-size:10px;line-height:1.9}.history-tip{color:#b0a0c0;border-top:1px solid #eee7f4;align-items:flex-start;gap:8px;margin-top:auto;padding:16px 20px;display:flex}.history-tip svg{color:#baa8d0;flex-shrink:0;margin-top:3px}.history-tip p{font-size:10px;line-height:1.8}.history-list{max-height:440px;padding:0 18px;overflow:auto}.history-item{border-bottom:1px solid #f0ebf5;padding:18px 0 16px}.history-item:last-child{border:0}.history-item>div{justify-content:space-between;align-items:center;display:flex}.history-item>div>span{letter-spacing:1px;color:#b7a9c6;font:9px monospace}.history-item small{color:#9c86c2;align-items:center;gap:4px;font-size:9px;display:flex}.history-item p{color:#887496;align-items:center;gap:10px;margin-top:11px;font-size:13px;display:flex}.history-item p>span{word-break:break-word;flex:1;line-height:1.6}.history-item p>span:last-child{color:#7d9a8d;text-align:right}.history-item i{color:#c6b7d2;font-style:normal}.history-match p{font-weight:600}.waiting-status{color:#ae9ac4;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.success-icon{color:#8d76bb;background:#f5efff;border:1px solid #e9dff7;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.decision-buttons{justify-content:center;gap:10px;width:100%;display:flex}.decision-buttons button{white-space:nowrap;flex:1;padding:12px 10px;font-size:12px}.decision-buttons button>span{opacity:.7;font-size:9px;font-weight:400}.decision-buttons button.chosen{outline-offset:3px;outline:2px solid #bcace3}.action-area .decision-hint{color:#b09bc6;margin:17px 0 0;font-size:10px}.action-area .previous-words{align-items:center;gap:9px;margin:0 0 9px;font-size:10px;display:flex}.previous-words b{overflow-wrap:anywhere;background:#f6f1fc;border-radius:6px;max-width:165px;padding:3px 10px;font-size:11px;font-weight:400}.previous-words b:last-child{background:#eff6f2}.win-board{border-color:#d9caef}.win-intro{text-align:center;margin:-4px 0 23px}.win-star{color:#a087d5;font-size:43px;line-height:1.3;display:block}.win-intro h2{letter-spacing:2px;color:#877096;margin:9px 0 10px;font-size:23px}.win-intro p{color:#ae9cbb;font-size:11px}.win-board .word-space{height:150px}.network-banner{color:#a98b60;background:#fff5e6;border:1px solid #f1e1c7;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:12px 16px;font-size:12px;display:flex}@media (width>=1450px){.landing{padding-top:90px;padding-bottom:80px}.hero-copy h1{font-size:65px}.site-header{height:115px}}@media (width<=1100px){.app-shell{padding:0 35px}.landing{grid-template-columns:1fr 1fr;gap:40px}.hero-copy h1{font-size:50px}.hero-tags{gap:12px;font-size:10px}.mini-demo{transform-origin:0 0;margin-bottom:-10px;transform:scale(.9)}.lobby-card{padding:25px}.card-heading h2{font-size:17px}.card-heading p{font-size:10px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.players-grid{gap:14px;padding:0 18px}.player-top{gap:7px;padding:15px 11px}.avatar{border-radius:9px;width:29px;height:29px}.player-top b{font-size:11px}.room-title h1{font-size:25px}.action-area{padding:26px 22px}.decision-buttons button{gap:6px;font-size:11px}.how-strip{gap:20px}.word-space{height:160px}}@media (width<=850px){.landing{gap:28px}.hero-copy h1{font-size:43px}.hero-copy .eyebrow{letter-spacing:1px;font-size:8px}.hero-description{font-size:13px}.hero-tags{flex-wrap:wrap;gap:10px}.mini-demo{margin-bottom:-25px;transform:scale(.75)}.lobby-card{padding:23px 20px}.card-heading{gap:10px}.card-heading h2{font-size:15px}.card-heading p{font-size:9px}.square-icon{border-radius:11px;width:37px;height:37px}.how-strip{grid-template-columns:1.1fr repeat(3,1fr);gap:15px}.how-sparkle{display:none}.how-step p{font-size:10px}.how-intro h3{font-size:16px}.game-layout{grid-template-columns:1fr}.history-panel{min-height:0}.history-list{gap:24px;max-height:none;display:flex;overflow-x:auto}.history-item{border-bottom:0;flex:0 0 180px}.history-tip{display:none}.empty-history{justify-content:center;align-items:center;gap:15px;padding:20px;display:flex}.empty-history>span{font-size:30px}.empty-history h4{margin:0}.empty-history p{font-size:10px}.room-title{gap:15px}.room-title h1{font-size:25px}.room-code{gap:8px}.room-code>span{display:none}.room-code>button{font-size:16px}.room-code>button.invite-button{font-size:10px}.player-top b{font-size:12px}.word-space{height:165px}.player-top{padding:17px 18px}.room-page{padding-bottom:0}}@media (width<=680px){.app-shell{padding:0 23px}.site-header{height:84px}.header-tag{display:none}.brand>span:last-child{font-size:23px}.header-right{gap:0}.text-button{font-size:12px}.landing{flex-direction:column;align-items:stretch;gap:35px;padding:37px 0 34px;display:flex}.hero-copy{text-align:center}.hero-copy h1{letter-spacing:1px;margin:18px 0;font-size:45px;line-height:1.35}.hero-description{font-size:12px;line-height:1.85}.hero-tags{justify-content:center;gap:19px;margin-top:21px;font-size:10px}.hero-tags svg{width:13px}.mini-demo{text-align:left;transform-origin:top;width:385px;max-width:none;margin:30px auto -10px -192.5px;position:relative;left:50%;transform:scale(.85)}.demo-caption{margin-bottom:12px;font-size:9px}.demo-flow{gap:8px}.mini-word{width:82px;height:75px;padding:13px 16px}.match-word{width:150px}.demo-arrow{margin:0;font-size:31px}.demo-annotation{margin-top:16px;padding-right:0;font-size:9px}.lobby-card{border-radius:19px;align-self:center;width:100%;max-width:460px;padding:25px 24px}.card-heading h2{font-size:18px}.card-heading p{font-size:10px}.square-icon{width:41px;height:41px}.lobby-tabs{margin:23px 0}.time-options button{padding:13px 8px}.how-strip{grid-template-columns:repeat(3,1fr);gap:12px;padding:25px 0}.how-intro{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.how-intro h3{margin:0;font-size:13px}.how-intro br{display:none}.how-intro .eyebrow{font-size:9px}.how-step h4{margin-bottom:7px;font-size:12px}.how-step p{font-size:9px;line-height:1.9}.step-number{margin-bottom:8px;font-size:11px}.site-footer{align-items:center;gap:12px;padding:23px 0}.site-footer>span:first-child{gap:5px;font-size:9px}.site-footer>span:last-child{letter-spacing:1px;font-size:6px}.footer-star{display:none}.room-toolbar{margin-bottom:21px}.room-title{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:19px}.room-title h1{font-size:26px}.room-code{justify-content:flex-start;gap:11px;width:100%}.room-code>span{display:block}.room-code>button.invite-button{margin-left:auto}.room-code>button{font-size:17px}.room-title .eyebrow{font-size:7px}.board-heading{padding:17px}.round-pill{font-size:10px}.players-grid{gap:12px;padding:0 14px}.player-top{gap:6px;padding:12px 9px}.avatar{width:27px;height:29px}.avatar>span{font-size:19px}.player-top b{font-size:10px}.player-top b small{font-size:7px}.player-top p{font-size:8px}.submitted-check{display:none}.word-space{gap:12px;height:149px;padding:12px}.word-space>span:last-child{font-size:9px;line-height:1.7}.word-space strong{letter-spacing:1px;font-size:24px}.word-space strong.long-word{font-size:17px}.word-space strong.locked-word{letter-spacing:0;font-size:14px}.between-mark{width:27px;height:27px;font-size:14px}.seat-label{letter-spacing:1px;padding-bottom:11px;font-size:7px}.action-area{min-height:195px;padding:24px 17px}.action-area h3{font-size:14px;line-height:1.7}.action-area>p{margin-bottom:15px;font-size:10px}.action-area>.primary{font-size:12px}.word-form{margin-top:4px}.word-form input{padding:9px 7px;font-size:13px}.word-form input::placeholder{font-size:11px}.word-form .primary{gap:7px;min-width:98px;padding:10px;font-size:11px}.word-form .primary svg{width:14px}.board-footer{gap:4px;padding:12px 5px;font-size:8px}.board-footer em{margin:0 7px}.board-footer svg{width:11px}.decision-buttons{gap:8px}.decision-buttons button{gap:5px;padding:11px 7px;font-size:10px}.decision-buttons button svg{width:14px}.decision-buttons button>span{font-size:8px}.action-area .decision-hint{font-size:9px;line-height:1.8}.action-area .previous-words{gap:5px;font-size:9px}.previous-words b{max-width:100px;font-size:10px}.history-heading{padding:14px 16px}.history-heading h3{font-size:12px}.empty-history{gap:12px;padding:22px 12px}.empty-history p{font-size:9px}.empty-history h4{font-size:10px}.win-intro{margin:0 0 20px;padding:0 10px}.win-intro h2{font-size:21px}.win-intro p{font-size:10px;line-height:1.8}.win-star{font-size:36px}.win-board .word-space{height:135px}.connection{font-size:9px}.connection small{font-size:8px}.modal{padding:28px 23px}.modal h2{font-size:22px}.rule-list p{font-size:11px}.modal .eyebrow{font-size:9px}.toast{white-space:normal;max-width:95vw;padding:12px 16px;font-size:11px}.network-banner{align-items:flex-start;font-size:10px;line-height:1.8}.network-banner svg{flex-shrink:0;margin-top:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.action-area>p{color:#91809e;font-size:12px}.action-area .small-note{color:#9f8eac}.player-top p{color:#94859f}.board-caption{color:#9988a8}.empty-history p{color:#9d8eaa}.history-tip{color:#9986ab}.no-download{color:#9f95ac}.card-heading p{color:#958a9f}.join-hint{color:#9b8ca8}.network-banner .text-button{white-space:nowrap;margin-left:auto}@media (width<=680px){.action-area>p{font-size:11px}.action-area .small-note{font-size:9px}.hero-description{color:#7e7688}.how-step p{color:#918699}.mini-demo{max-width:calc(100vw - 38px);margin-left:auto;margin-right:auto;left:auto;transform:none}.demo-flow{gap:6px}.mini-word{width:75px;padding:13px 11px}.match-word{width:132px}.match-word b{font-size:18px}.demo-plus{font-size:14px}.demo-arrow{font-size:27px}.demo-annotation{padding-right:2px}}@media (width<=380px){.demo-flow{gap:4px}.mini-word{width:62px;padding:12px 9px}.match-word{width:114px}.mini-word b{font-size:18px}.mini-word small{font-size:8px}.match-word b{letter-spacing:1px;font-size:16px}.demo-arrow{font-size:21px}.demo-plus{font-size:12px}.card-heading h2{font-size:16px}.card-heading p{font-size:9px}.hero-copy h1{font-size:42px}.lobby-card{padding:24px 20px}.time-options{gap:6px}.room-note{font-size:9px}}@media (width<=340px){.mini-word{width:55px;padding:12px 7px}.match-word{width:103px}.mini-word small{font-size:7px}.demo-arrow{font-size:15px}.demo-plus{font-size:10px}.hero-copy h1{font-size:38px}.hero-tags{gap:12px;font-size:9px}.card-heading{gap:8px}.card-heading h2{font-size:15px}.card-heading p{font-size:8px}.site-footer>span:last-child{display:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}