@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-0.ttf) format("truetype")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-1.ttf) format("truetype")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-2.ttf) format("truetype")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-3.ttf) format("truetype")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-4.ttf) format("truetype")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;src:url(/fonts/nunito-5.ttf) format("truetype")}html[data-theme=dark]{color-scheme:dark;--ink: #eeeaf5;--muted: #aca3b9;--line: #393340;--paper: #24212c;background:#19181f;color:#eeeaf5}:root{font-family:Nunito Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:#2b2c32;background:#f7f7f3;font-synthesis:none;font-weight:500;--purple: #6850cf;--ink: #2b2c32;--muted: #82818b;--line: #e8e8e1;--paper: #fff;--radius: 18px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button,input,select,a,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a897ef}input:focus,select:focus{outline:2px solid #b5a5f3;border-color:transparent}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;padding:38px 22px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding-left:13px;font-size:24px;font-weight:850;letter-spacing:-1.3px;line-height:1.05}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;background:var(--purple);width:43px;height:47px;transform:rotate(-7deg);border-radius:13px;color:#fff;font-size:39px;letter-spacing:-3px;padding-bottom:5px}.brand-mark>span{font-size:28px;position:absolute;top:-9px;right:5px;color:#cee991}.brand-bottom{display:block}.brand-dot{color:var(--purple)}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:#b1b0b8;font-weight:800;margin:49px 14px 16px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border-radius:10px;padding:13px 14px;text-align:left;font-size:13px;font-weight:750;color:#898891}.nav-item.selected{color:#6950cd;background:#efebfa}.nav-item:hover{background:#f5f3fa}.nav-dot{margin-left:auto;background:#8a70da;border-radius:50%;width:6px;height:6px}.side-note{margin-top:auto;background:#f8f8f2;border:1px solid #eeeee4;border-radius:14px;padding:20px 14px 15px;text-align:center}.side-note-art{display:flex;justify-content:center;margin:0 0 23px;gap:2px}.side-note-art span{display:grid;place-items:center;width:26px;height:30px;border-radius:6px;background:#e0d7f7;color:#6953aa;font-weight:900;font-size:20px;transform:rotate(-10deg);box-shadow:0 3px #cfc4ec}.side-note-art span:nth-child(2n){background:#e1ebc8;color:#63773f;box-shadow:0 3px #d5e0b5;transform:translateY(5px) rotate(9deg)}.side-note strong{font-size:13px;letter-spacing:-.3px}.side-note p{font-size:10px;line-height:1.8;color:#90908f;margin:8px 0 14px}.side-note button{display:flex;gap:5px;align-items:center;justify-content:center;width:100%;font-size:10px;font-weight:800;color:#6c5c9b}.sidebar-bottom{display:flex;gap:12px;align-items:center;padding:24px 12px 15px;font-size:12px;color:#85838c}.sidebar-bottom span{margin-left:auto;font-size:12px;color:#b7b6bf}.made-with{font-size:8px;color:#aaa9b0;display:flex;justify-content:center;gap:5px;align-items:center}.main{margin-left:235px;min-height:100vh}.topbar{height:88px;margin:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;font-weight:750;display:flex;align-items:center;gap:12px}.breadcrumb button{font-size:inherit;padding:0;color:#8e8c95}.tiny-spark{color:#b5a6d9;font-size:16px}.top-actions{display:flex;align-items:center;gap:18px}.no-account{font-size:10px;color:#96949a;display:flex;gap:7px;align-items:center}.no-account>span,.live-dot{width:6px;height:6px;background:#8ca582;border-radius:50%}.icon-button{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#93909b}.icon-button:hover{background:#efedf5}.profile-avatar{background:#eee9dc;width:36px;height:36px;border-radius:50%;font-size:21px;border:3px solid #fff;box-shadow:0 0 0 1px #e9e6de}.home-content{padding:32px 46px 0;max-width:1550px;margin:auto}.hero{position:relative;overflow:hidden;min-height:354px;border:1px solid #e7e5dc;border-radius:20px;background:#efeee5;display:grid;grid-template-columns:1.25fr 1fr}.hero-copy{padding:38px 0 30px 38px;position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:850;letter-spacing:1.7px;display:flex;gap:8px;align-items:center}.eyebrow>span{width:6px;height:6px;background:#9683c6;border-radius:50%}.hero .eyebrow{color:#797477;font-size:8px;letter-spacing:1.35px}.hero h1{font-size:clamp(34px,3.15vw,51px);line-height:1.16;margin:21px 0;position:relative;display:inline-block;font-weight:900;letter-spacing:-2px}.hero h1>span{color:var(--purple)}.hero-underline{position:absolute;width:75%;height:13px;bottom:-13px;left:0;fill:none;stroke:#c4b7eb;stroke-width:3;stroke-linecap:round}.hero-copy>p{font-size:12px;color:#88858b;line-height:1.9;margin-top:9px}.hero-actions{display:flex;gap:11px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:9px;font-size:12px;font-weight:800;min-height:44px;white-space:nowrap}.primary{background:var(--purple);color:#fff;box-shadow:0 3px #4e3ba4}.primary:hover:not(:disabled){background:#5941c0;box-shadow:0 4px 12px #6750ce2b}.white{background:#fff;border:1px solid #e9e7df;box-shadow:0 2px #e4e2d9}.white:hover{background:#faf9ff}.subtle{background:#eeece5;color:#76727f}.hero-actions .primary{min-width:168px}.hero-meta{display:flex;gap:17px;margin-top:20px;font-size:9px;color:#93908d}.hero-meta>span{display:flex;gap:4px;align-items:center}.hero-meta svg{color:#9f9c91}.hero-art{position:relative;min-width:0;margin:12px 15px 5px -10px}.orbit{position:absolute;width:300px;height:255px;border:1px dashed #d9d4c6;border-radius:50%;top:53px;left:50%;transform:translate(-50%) rotate(-30deg)}.orbit-two{width:350px;height:215px;transform:translate(-50%) rotate(35deg);top:80px}.big-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:84px;height:96px;font-size:58px;font-weight:900;letter-spacing:-5px;border:2px solid #ffffff5c;border-radius:15px;box-shadow:0 7px #c7b1e0,0 13px 15px #6b5d7920;background:#d9c7ed;color:#5d487a;user-select:none}.big-tile>span{font-size:13px;position:absolute;bottom:11px;right:12px;letter-spacing:0}.tile-k{left:16%;top:83px;transform:rotate(-13deg)}.tile-e{left:43%;top:52px;background:#f6d680;color:#8e6e2f;box-shadow:0 7px #ddbd66,0 13px 15px #6b5d7920;transform:rotate(10deg)}.tile-y{left:68%;top:110px;background:#cbdcaa;color:#5d783e;box-shadow:0 7px #aebf90,0 13px 15px #6b5d7920;transform:rotate(14deg)}.tile-i{left:30%;top:193px;background:#f2b6a4;color:#9d5e4e;box-shadow:0 7px #d89d8b,0 13px 15px #6b5d7920;transform:rotate(7deg)}.tile-f{left:57%;top:216px;width:74px;height:84px;font-size:49px;background:#bad7e5;color:#597b93;box-shadow:0 7px #9fbccf,0 13px 15px #6b5d7920;transform:rotate(-14deg)}.floating-tag{position:absolute;top:23px;left:3%;font-size:10px;font-weight:800;background:#fffdf6;border:1px solid #e5e1d6;padding:9px 13px;border-radius:7px;transform:rotate(-10deg);box-shadow:0 3px 5px #5b51400a;display:flex;align-items:center;gap:6px}.tag-dot{width:6px;height:6px;border-radius:50%;background:#b4c47e}.score-sticker{position:absolute;right:8%;bottom:30px;font-size:12px;font-weight:850;background:#fffef9;border:1px solid #e2ded2;padding:10px 13px;border-radius:8px;transform:rotate(-8deg);display:flex;gap:7px;align-items:center;color:#7a685b;box-shadow:0 3px 5px #5b51400a}.score-sticker svg{color:#be9d49}.art-star{position:absolute}.star-one{font-size:42px;right:6%;top:22px;color:#9076bd;transform:rotate(12deg)}.star-two{font-size:33px;left:6%;bottom:48px;color:#b4bc88}.star-three{font-size:38px;right:0;bottom:104px;color:#bd9568}.art-scribble{position:absolute;left:1%;top:152px;font-size:55px;color:#ab9d82;transform:rotate(70deg)}.art-dots{position:absolute;right:19%;top:33px;color:#b2a593;font-size:20px;line-height:.5;letter-spacing:5px;transform:rotate(-20deg)}.join-strip{margin:22px 0 36px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:14px}.join-icon{background:#f5f3fa;color:#8a79ad;border-radius:10px;width:42px;height:42px;display:grid;place-items:center}.join-strip>div:nth-child(2){display:grid;gap:4px}.join-strip strong{font-size:12px}.join-strip span{font-size:10px;color:#95929d}.join-strip form{display:flex;gap:10px;margin-left:auto;align-items:center}.join-strip input{width:135px;min-width:0;border:1px solid #e8e6ed;border-radius:7px;padding:10px 12px;background:#f9f8fb;font-size:10px;letter-spacing:1.8px;font-weight:800}.join-strip form button{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:800;color:#776396;padding:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:23px}.muted{color:#aaa5ae;font-size:8px;letter-spacing:1.65px}.section-heading h2{font-size:25px;margin-top:8px;font-weight:850;display:flex;align-items:center;gap:12px}.section-heading h2>span{font-size:9px;background:#ebe9e3;border:1px solid #e4e1db;color:#a19b91;letter-spacing:0;border-radius:5px;padding:4px 7px;font-weight:600}.filters{display:flex;gap:4px;background:#efeee8;border:1px solid #e9e7df;border-radius:8px;padding:3px}.filters button{font-size:9px;padding:7px 10px;color:#97939c;font-weight:750;border-radius:5px}.filters button.active{background:#fff;box-shadow:0 1px 4px #3a30310c;color:#57515f}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.game-card{padding:0;text-align:left;border:1px solid #e7e6df;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #4d405112;border-color:#c7b9ea}.card-art{height:142px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eeebf5;border-bottom:1px solid #00000003}.purple{--accent: #8062bc;--pale: #efebf7}.orange{--accent: #c68c5c;--pale: #f6eee2}.green{--accent: #7c9162;--pale: #ecf0e4}.pink{--accent: #ae718f;--pale: #f4e9ef}.blue{--accent: #618eaf;--pale: #e8eff5}.orange .card-art{background:#f5ede2}.green .card-art{background:#edf0e5}.pink .card-art{background:#f2e7ed}.blue .card-art{background:#e8eff4}.card-index{position:absolute;bottom:10px;left:15px;font-size:10px;color:var(--accent);opacity:.6;font-weight:800}.popular{position:absolute;right:11px;top:11px;display:flex;gap:3px;align-items:center;background:#fff9;font-size:7px;color:#8d77ae;letter-spacing:.6px;padding:4px 6px;border-radius:4px}.mini-tiles{display:flex;gap:4px;transform:rotate(-7deg)}.mini-tiles span{display:grid;place-items:center;background:#fffc;color:#8b70b9;font-weight:850;font-size:24px;width:32px;height:41px;border-radius:5px;box-shadow:0 4px #d9d0e9}.mini-tiles span:nth-child(2){transform:translateY(-7px) rotate(8deg)}.mini-tiles span:nth-child(4){transform:translateY(8px) rotate(11deg)}.mini-tiles span:nth-child(5){background:#d9c9ee;color:#7358a3}.mini-phrase{position:relative;display:grid;gap:10px;transform:rotate(-5deg);font-size:13px;letter-spacing:1px;font-weight:900;color:#a98a6c}.mini-phrase>span{padding:5px 9px;background:#fff9;border-radius:4px}.mini-phrase b{color:#bf9771;background:#e9d8bc;padding:1px 2px}.mini-phrase>span:last-of-type{transform:translate(9px)}.mini-phrase i{position:absolute;font-style:normal;font-size:33px;right:-25px;top:30px;color:#c6ab85;transform:rotate(14deg)}.mini-chain{display:flex;gap:12px;align-items:center;transform:rotate(-5deg);color:#99aa7a}.mini-chain span{background:#ffffffe0;padding:10px 9px;border-radius:6px;box-shadow:0 4px #d9dfc9;font-size:18px;font-weight:850;letter-spacing:1px;color:#76855d}.mini-chain b{background:#d6e4b8;padding:2px;color:#6f8150;border-radius:3px}.mini-chain>span:last-child{transform:rotate(10deg) translateY(9px)}.mini-link{width:220px;height:115px;position:relative}.mini-link span{position:absolute;background:#fff9;padding:7px 10px;font-size:10px;font-weight:800;color:#b27697;border-radius:6px;box-shadow:0 3px #e3cad8}.mini-link span:first-child{left:5px;top:13px;transform:rotate(-9deg)}.mini-link span:nth-child(2){right:9px;top:10px;transform:rotate(9deg)}.mini-link span:nth-child(3){left:15px;bottom:13px;transform:rotate(4deg)}.mini-link b{position:absolute;left:97px;top:42px;background:#dcb9d0;width:42px;height:44px;border-radius:50%;color:#9f6285;font-size:29px;text-align:center}.mini-link:before{content:"";position:absolute;left:54px;top:35px;width:102px;height:47px;border:1px dashed #c89db6;transform:rotate(-10deg);border-radius:50%}.mini-cipher{display:flex;gap:7px;transform:rotate(-5deg)}.mini-cipher>span{display:grid;place-items:center;background:#ffffffc9;width:36px;height:53px;font-size:24px;font-weight:850;border-radius:5px;color:#7093ad;box-shadow:0 4px #c9d9e4;position:relative;padding-bottom:12px}.mini-cipher small{position:absolute;bottom:1px;width:100%;text-align:center;border-top:1px solid #dce6ec;font-size:9px;padding-top:2px;color:#96adbe}.mini-cipher span:nth-child(3){background:#bcd2e3;transform:translateY(6px) rotate(8deg);color:#5d87a7}.card-content{padding:20px 20px 0}.card-tag{font-size:7px;letter-spacing:1.4px;font-weight:850;color:var(--accent)}.card-content h3{font-size:20px;margin:7px 0 8px;font-weight:850;display:flex;align-items:center;justify-content:space-between}.card-content h3 svg{color:#b4afb9;width:18px}.card-content p{font-size:10px;line-height:1.8;color:#9a96a1;min-height:36px;max-width:215px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0eff2;margin-top:16px;padding:13px 0;font-size:8px;color:#aaa5b1}.card-footer span{display:flex;align-items:center;gap:5px}.card-footer span:last-child{font-weight:800;color:var(--accent)}.mix-card{background:#edece5;border:1px dashed #d6d2c6;border-radius:14px;padding:24px;display:flex;align-items:flex-start;text-align:left;flex-direction:column}.mix-symbol{position:relative;color:#9e93b2;margin:0 0 15px}.mix-symbol>span{position:absolute;right:-18px;top:-8px;color:#b9b18a;font-size:20px}.mix-card .card-tag{color:#aaa38f;font-size:7px}.mix-card h3{font-size:26px;line-height:1.2;margin:8px 0 12px;color:#706878;font-weight:850}.mix-card p{font-size:10px;color:#a19aa6;line-height:1.8}.mix-link{font-size:10px;color:#807090;font-weight:850;display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:18px}.mix-card:hover{background:#e8e5df}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#aaa4af;padding:29px 0 25px;gap:16px}.page-footer>span:last-child{display:flex;gap:10px;align-items:center}.page-footer>span:last-child>span{color:#ac9bc6;font-size:16px}.mobile-nav{display:none}.content-page{max-width:1250px;margin:auto;padding:44px 46px}.content-page h1{font-size:34px;margin:12px 0}.subheading{font-size:13px;color:#95909c;line-height:1.7}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px}.stat-card svg{color:#a48acb;width:21px}.stat-card strong{font-size:32px;letter-spacing:-1px}.stat-card>span{font-size:12px;color:#98929f}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.panel h3{font-size:17px;display:flex;align-items:center;gap:8px}.empty-state{padding:55px 15px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:18px}.empty-state>svg{color:#c1b2da}.empty-state p{font-size:13px;color:#99909e}.record-row{display:flex;gap:16px;align-items:center;padding:19px 0;border-top:1px solid #eeeaf2}.record-list{margin-top:20px}.record-icon{background:#f3effa;color:#9d82c9;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.record-icon>svg{width:18px}.record-row>div{display:grid;gap:4px}.record-row strong{font-size:13px}.record-row small{color:#a29ba7;font-size:10px;font-weight:500}.record-row>strong{margin-left:auto}.pill{font-size:9px;padding:5px 7px;border-radius:5px;background:#f0ebfa;color:#8c72b5}.lobby-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lobby-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:30px}.invite-box{background:#eee8f8;border:1px solid #ded4ef;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:24px;margin-bottom:22px}.invite-box>div{display:grid;gap:7px}.invite-box span{font-size:9px;font-weight:800;letter-spacing:2px;color:#9e88bd}.invite-box strong{font-size:27px;letter-spacing:4px;color:#7656a4}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading>span{font-size:10px;color:#a39aaf}.lobby-player{display:flex;gap:13px;align-items:center;padding:16px 0;border-top:1px solid #f1edf5}.avatar{height:42px;width:42px;background:#f1eee3;display:grid;place-items:center;border-radius:13px;font-size:24px;flex-shrink:0}.avatar-1,.avatar-6{background:#f9eed7}.avatar-2,.avatar-7{background:#e7eff7}.avatar-3,.avatar-5{background:#f5e8df}.lobby-player>div{display:grid;gap:3px}.lobby-player strong{font-size:13px}.lobby-player small{font-size:10px;color:#b2a8bc}.lobby-player>div>span{font-size:10px;color:#a49aa9}.lobby-player>svg,.waiting-dot{margin-left:auto}.gold{color:#bca166}.green-text{color:#87a276}.waiting-dot{width:7px;height:7px;background:#d4cbdc;border-radius:50%}.empty-seat{padding:22px 0 5px;display:flex;align-items:center;gap:14px;color:#c2b9cb;font-size:11px}.settings-panel>h3{margin-bottom:12px}.settings-note{font-size:11px;color:#a198aa;line-height:1.8;margin:18px 0}.green-button{background:#e1edda;color:#627b52}.wide{width:100%;margin-top:18px}.settings-editor{margin:6px 0 14px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #eeeaf2;gap:15px}.setting-row>div:first-child{display:grid;gap:5px}.setting-row strong,.setting-row label,.mode-setting>strong{font-size:12px;font-weight:800}.setting-row span{font-size:10px;color:#a499b1}.stepper{display:flex;border:1px solid #e7e0ef;align-items:center;border-radius:8px;background:#faf8fc;flex-shrink:0;overflow:hidden}.stepper button{width:29px;height:33px;display:grid;place-items:center;color:#9980b8}.stepper output{min-width:26px;text-align:center;font-size:12px;font-weight:850}.setting-row select{border:1px solid #e7e0ef;border-radius:8px;background:#faf8fc;padding:8px;color:#81728e;font-size:11px;max-width:115px}.mode-setting{padding-top:20px}.mode-setting>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mode-setting button{display:flex;gap:6px;align-items:center;padding:8px;border:1px solid #e6e2ed;border-radius:7px;font-size:10px;color:#b2a8bb}.mode-setting button.checked{background:#f0ebfa;border-color:#dbcfef;color:#9273b5}.mode-setting button.checked:disabled{opacity:1}.mode-setting button>span{display:grid;place-items:center;width:15px;height:15px;background:#fff8;border-radius:3px}.play-content{padding:30px 46px;max-width:1400px;margin:auto}.game-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.back-button{display:flex;align-items:center;gap:6px;font-size:11px;color:#a69aac}.round-indicator{font-size:10px;letter-spacing:1.2px;color:#b0a5b6;display:flex;align-items:center;gap:7px}.round-indicator strong{font-size:21px;color:#6f5a8d;letter-spacing:0}.round-indicator span{letter-spacing:0}.score-mini{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:850;color:#756486}.score-mini svg{color:#b6a073}.score-mini small{font-size:10px;color:#aaa0b0;font-weight:500}.round-track{display:flex;gap:5px;margin-bottom:25px}.round-track>span{height:4px;background:#e8e2ee;flex:1;border-radius:4px}.round-track .done{background:#b6a4d4}.round-track .current{background:#8062be}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.puzzle-panel{border:1px solid #e6dfee;border-radius:18px;background:#fff;overflow:hidden}.puzzle-heading{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.puzzle-mode{display:flex;align-items:center;gap:12px}.mode-badge{width:43px;height:43px;border-radius:12px;background:var(--pale);color:var(--accent);display:grid;place-items:center;font-size:24px;font-weight:850}.puzzle-mode>div>span{font-size:7px;letter-spacing:1.5px;color:var(--accent);font-weight:800}.puzzle-mode h2{font-size:21px;margin-top:4px}.timer{display:flex;align-items:center;gap:5px;color:#b0a1bd}.timer strong{font-size:24px;color:#80658f;font-variant-numeric:tabular-nums;min-width:31px}.timer small{font-size:9px;max-width:25px}.timer.urgent,.timer.urgent strong{color:#c96866}.timer.urgent{animation:pulse 1s infinite}.time-track{height:3px;background:#f1edf6}.time-track>span{display:block;height:100%;background:var(--accent);transition:width .3s linear}.puzzle-body{padding:30px 28px 20px;min-height:420px}.puzzle-instruction{text-align:center;font-size:11px;color:#ad9fb8;line-height:1.6}.puzzle-prompt{font-size:18px;font-weight:750;line-height:1.5;text-align:center;margin:12px 0 25px;letter-spacing:-.4px}.anagram-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:27px 0}.letter-tile{position:relative;width:42px;height:49px;border:1px solid #dfd4ee;background:#f0eaf8;border-radius:7px;box-shadow:0 4px #ded2eb;color:#795ca1;font-size:25px;font-weight:850}.letter-tile small{position:absolute;font-size:7px;bottom:4px;right:4px;color:#a28bbd}.letter-tile.used{opacity:.25;box-shadow:none;transform:translateY(3px)}.tile-reset{width:27px;color:#b5a5c3}.answer-mask{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:24px 0 30px}.mask-word{display:inline-flex;gap:5px}.mask-letter{border-bottom:2px solid #dcd0e8;min-width:22px;height:34px;color:#8f71aa;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.mask-letter.revealed{border-color:#b8a0cf}.phrase-mask{gap:10px 17px}.phrase-mask .mask-letter{font-size:17px;min-width:17px;height:27px}.cipher-letter{min-width:30px;height:56px;border:1px solid #d6e1eb;border-radius:5px;position:relative;padding-bottom:17px}.cipher-letter small{position:absolute;font-size:9px;bottom:2px;width:100%;text-align:center;border-top:1px solid #d6e1eb;padding-top:3px;color:#93a7bd}.answer-form{display:flex;gap:9px}.answer-form input{min-width:0;flex:1;border:1px solid #e7dfef;border-radius:9px;background:#fdfcfe;padding:13px 15px;font-size:13px;color:#6c5c7c}.answer-form input::placeholder{color:#bfb4c8}.answer-form .button{padding:12px 17px}.feedback-line{font-size:10px;color:#b3a8bd;text-align:center;padding:11px 2px;min-height:40px}.wrong-answer{color:#c96f6c;font-size:12px}.puzzle-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #f0ebf4;padding-top:18px;flex-wrap:wrap}.hint-button{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:850;padding:9px 10px;border-radius:7px;background:#faf3e5;color:#b49762}.hint-button span{font-size:9px;font-weight:500;color:#b9a588}.puzzle-bottom>span{font-size:9px;color:#b9aec3}.puzzle-bottom .potential-score{display:flex;align-items:center;gap:4px;margin-left:auto;color:#a48bbd;font-size:10px}.scoreboard{padding:19px 16px}.scoreboard h3{font-size:13px;gap:8px}.scoreboard h3 svg{color:#bea674}.score-row{position:relative;display:flex;align-items:center;gap:8px;padding:13px 6px;border-top:1px solid #f1edf5}.score-row.is-me{background:#faf7ff;border-radius:8px}.score-row .rank{font-size:10px;color:#b7acbf;width:10px}.score-row .avatar{width:31px;height:31px;font-size:19px;border-radius:9px}.score-row>div{min-width:0;display:grid;gap:3px}.score-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:100px;white-space:nowrap}.score-row small{font-size:8px;color:#b3a6bf;font-weight:500}.score-row>div>span{font-size:8px;color:#b1a5ba}.score-row>b{margin-left:auto;font-size:11px;color:#8d739f}.solo-progress{padding:18px 7px 5px;display:flex;justify-content:space-between;font-size:10px;color:#aa9db5;align-items:center}.solo-progress strong{font-size:18px;color:#88709d}.solo-progress small{font-size:10px;color:#c0b3cb}.game-aside{display:grid;gap:17px}.tip-card{background:#f0eee4;padding:22px;border-radius:13px;border:1px solid #e8e3d7;display:flex;flex-direction:column;gap:10px}.tip-card svg{color:#b9a776}.tip-card strong{font-size:12px;color:#9a8e72}.tip-card p{font-size:10px;line-height:1.9;color:#b0a38d}.clue-list{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:32px 0;color:#ccadc3}.clue-list>span{background:#f7edf3;border:1px solid #ebd8e5;color:#ad7b9a;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:800}.chain-clue{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0;color:#b3bd9f}.chain-clue>span{background:#f1f5e9;border:1px solid #dfe6cf;padding:12px 17px;border-radius:8px;color:#9aa77e;font-size:22px;letter-spacing:1px;font-weight:800}.chain-clue b{background:#d7e1bf;padding:2px 4px;border-radius:4px;color:#748b50}.chain-target{display:flex;align-items:center;gap:12px}.chain-target small{font-size:10px;letter-spacing:0;font-weight:500}.round-result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;padding:18px 10px;background:#f7f3fa;border:1px solid #ece2f4;border-radius:12px;margin:20px 0 0;color:#9d83b3}.round-result.success{background:#f0f5e9;border-color:#e0e9d1;color:#95a97a}.result-mini-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9e0f1}.success .result-mini-icon{background:#dfeace}.round-result>span:not(.result-mini-icon){font-size:12px}.round-result strong{font-size:18px;letter-spacing:.3px;line-height:1.5}.round-result b{font-size:21px;font-weight:850}.round-result p{font-size:10px}.text-button{font-size:11px;color:#8b6da6;display:flex;align-items:center;gap:8px;padding:5px}.reactions{padding:17px 12px}.reactions>span{font-size:9px;color:#b7a8c3}.reactions>div{display:flex;justify-content:space-between;margin-top:13px}.reactions button{font-size:20px;width:30px;height:32px;border-radius:6px}.reactions button:hover{background:#f2edf8;transform:scale(1.15)}.reaction-pop{position:absolute;right:20px;top:-15px;font-size:35px;animation:reaction 2.5s forwards;pointer-events:none}.finish-content{max-width:680px;margin:0 auto;padding:40px 40px 60px;text-align:center}.celebration{display:flex;align-items:center;justify-content:center;gap:34px;color:#bb9b5d;margin:0 auto 30px}.celebration>svg{background:#f7edcf;padding:20px;box-sizing:content-box;border-radius:28px;transform:rotate(-8deg)}.celebration>span{font-size:29px;color:#b5a2cf}.celebration>span:last-child{color:#a2b38a;font-size:39px}.finish-content .eyebrow{justify-content:center}.finish-content h1{font-size:40px;margin:13px 0 9px}.final-score{font-size:58px;font-weight:900;letter-spacing:-3px;color:#8c6eb2;display:grid;gap:4px;margin:23px 0}.final-score>span{font-size:9px;letter-spacing:2px;font-weight:750;color:#b09cbd}.final-leaderboard{background:#fff;border:1px solid #e8dfef;border-radius:14px;padding:6px 18px;text-align:left}.final-leaderboard>div{display:flex;align-items:center;gap:13px;padding:14px 2px;border-bottom:1px solid #f1eaf6}.final-leaderboard>div:last-child{border:0}.final-leaderboard>div>span:first-child{width:24px;font-size:12px;color:#bda674}.final-leaderboard strong{font-size:13px}.final-leaderboard b{margin-left:auto;font-size:15px;color:#9b7baf}.final-leaderboard b small{font-size:9px;font-weight:500;color:#b8a6c4}.finish-buttons{display:flex;justify-content:center;gap:14px;margin:25px 0;flex-wrap:wrap}.finish-buttons p{font-size:12px;color:#aa9bb6}.answer-history{border-top:1px solid #e8dfef;margin-top:30px;text-align:left}.answer-history summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:12px;font-weight:800;color:#aa94ba;list-style:none}.answer-history[open] summary svg{transform:rotate(90deg)}.answer-history>div{display:grid;gap:5px;padding:13px 0;border-top:1px solid #ece6f1}.answer-history>div>span{font-size:9px;color:#b4a6be}.answer-history>div>strong{font-size:12px;color:#9783a6;line-height:1.6}.modal-overlay{position:fixed;inset:0;background:#29203766;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.modal{position:relative;max-width:510px;width:100%;max-height:calc(100dvh - 50px);overflow-y:auto;background:#fffefa;border:1px solid #e7e0e9;border-radius:19px;padding:32px;box-shadow:0 20px 100px #35284330;animation:appear .2s}.modal-close{position:absolute;top:17px;right:17px}.modal h2{font-size:28px;line-height:1.2;margin:13px 25px 13px 0;color:#49404f}.modal-intro{font-size:12px;line-height:1.8;color:#a394aa;margin-bottom:20px}.identity{margin:20px 0}.field-label{display:block;font-size:11px;font-weight:800;margin:12px 0 9px;color:#84708f}.text-input{width:100%;background:#fff;border:1px solid #e6deed;border-radius:8px;padding:12px 13px;font-size:13px;color:#8c749b}.text-input::placeholder{color:#c2b4ca}.code-input{letter-spacing:3px;font-weight:800}.avatar-picker{display:flex;justify-content:space-between;gap:5px;margin-top:12px}.avatar-picker button{background:#f9f6ee;border:1px solid transparent;border-radius:10px;width:38px;height:38px;font-size:23px;display:grid;place-items:center}.avatar-picker button.active{background:#f0e9fa;border:2px solid #bca6d6;box-shadow:0 0 0 3px #f4eefb}.error{font-size:12px;line-height:1.6;padding:11px 13px;color:#c37475;background:#fcf0ee;border:1px solid #f0d9d5;border-radius:8px;margin:12px 0}.rules-modes{display:grid;gap:18px;margin:25px 0}.rules-modes>div{display:flex;gap:13px;align-items:center}.rule-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--pale);color:var(--accent);font-size:21px;font-weight:800;border-radius:10px;flex-shrink:0}.rules-modes strong{font-size:12px;color:#8c7798}.rules-modes p{font-size:10px;color:#b0a0bb;line-height:1.6;margin-top:4px}.rules-points{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f2fa;border-radius:10px;padding:19px 9px}.rules-points>div{display:grid;gap:5px;text-align:center}.rules-points strong{font-size:20px;color:#a386bb}.rules-points span{font-size:8px;color:#b5a3c1}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #efe8f4}.preference-row strong{font-size:12px;color:#9a83a6}.preference-row p{font-size:10px;color:#b4a4be;margin-top:6px}.switch{flex-shrink:0;width:43px;height:25px;border-radius:20px;background:#e5ddea;padding:3px;display:flex;align-items:center}.switch>span{height:19px;width:19px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #4e3b6015;transition:transform .2s}.switch.on{background:#a58ac3}.switch.on>span{transform:translate(18px)}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:200;background:#544461;color:#fff;border:1px solid #725a84;border-radius:10px;padding:14px 21px;display:flex;gap:10px;align-items:center;font-size:12px;box-shadow:0 5px 25px #2f1f3e33;max-width:90vw;animation:appear .2s}.connection-banner{background:#fff1d7;color:#ad8959;padding:11px 25px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px}.connection-banner button{margin-left:10px;text-decoration:underline}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@keyframes appear{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes reaction{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(-8px) scale(1.2)}75%{opacity:1}to{opacity:0;transform:translateY(-45px)}}@media(min-width:1500px){.hero-art{max-width:460px;width:100%;justify-self:center}.hero{min-height:380px}.hero-copy{padding-top:43px}.hero-art{margin-top:25px}.card-art{height:170px}.card-content{padding:24px 24px 0}.card-content h3{font-size:23px}.card-content p{font-size:12px;max-width:270px}.card-tag{font-size:8px}.card-footer{font-size:10px}.mix-card h3{font-size:32px}.mix-card p{font-size:12px}.mini-tiles{transform:scale(1.15) rotate(-7deg)}.home-content{padding-top:38px}}@media(max-width:1200px){.sidebar{width:202px;padding-inline:16px}.main{margin-left:202px}.topbar{margin-inline:30px}.home-content,.content-page,.play-content{padding-left:30px;padding-right:30px}.hero-copy{padding-left:27px}.hero{grid-template-columns:1.2fr 1fr}.hero-copy>p{font-size:11px}.hero-meta{gap:10px;font-size:8px}.big-tile{width:67px;height:80px;font-size:46px}.tile-k{left:15%;top:95px}.tile-e{left:43%;top:68px}.tile-y{left:69%;top:117px}.tile-i{left:31%;top:192px}.tile-f{width:63px;height:73px;font-size:42px;top:212px;left:61%}.hero-art{margin-left:-15px;margin-right:15px}.orbit{width:240px;height:220px;top:80px}.orbit-two{width:270px;height:180px;top:100px}.score-sticker{font-size:10px;right:5%;bottom:23px}.star-one{font-size:32px}.game-grid{gap:15px}.card-content{padding:16px 16px 0}.card-content h3{font-size:18px}.card-art{height:125px}.mini-tiles{gap:3px}.mini-tiles span{width:26px;height:34px;font-size:21px}.mini-chain{gap:6px}.mini-chain span{font-size:15px;padding:10px 7px}.mini-link{transform:scale(.85)}.mini-phrase{font-size:11px}.mini-cipher{gap:5px}.mini-cipher>span{width:30px;height:45px;font-size:21px}.section-heading h2{font-size:23px}.filters button{font-size:8px;padding:7px}.play-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.puzzle-body,.puzzle-heading{padding-inline:20px}.lobby-grid{grid-template-columns:1fr 320px}.content-page h1{font-size:29px}}@media(max-width:1000px){.sidebar{width:180px;padding-inline:12px}.main{margin-left:180px}.brand{font-size:22px;padding-left:5px;gap:9px}.brand-mark{width:37px;height:42px}.nav-item{font-size:11px;gap:10px;padding:12px 10px}.sidebar-label{font-size:8px;margin-left:10px}.side-note{padding-inline:7px}.side-note p{font-size:9px}.made-with{font-size:7px}.topbar{margin-inline:23px}.home-content,.content-page,.play-content{padding-left:23px;padding-right:23px}.hero{min-height:335px}.hero-copy{padding:29px 0 25px 25px}.hero h1{font-size:32px;letter-spacing:-1.5px}.hero .eyebrow{font-size:6px;letter-spacing:1px}.hero-art{transform:scale(.86);transform-origin:center center;margin-left:-25px}.hero-actions{gap:8px}.hero-actions .button{font-size:10px;padding-inline:13px;min-width:0}.hero-actions .primary{min-width:135px}.hero-meta{gap:8px;font-size:7px}.hero-meta svg{width:10px}.hero-copy>p{font-size:10px}.join-strip{padding:13px;gap:10px}.join-strip strong{font-size:10px}.join-strip span{font-size:8px}.join-strip form{gap:4px}.join-strip input{width:110px;font-size:9px;padding-inline:8px}.join-strip form button{font-size:9px;padding:8px}.join-icon{width:35px;height:35px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading h2{font-size:25px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:150px}.card-content h3{font-size:21px}.card-content p{font-size:11px}.mini-tiles{transform:scale(1.2) rotate(-7deg)}.mini-chain{transform:scale(1.1) rotate(-5deg)}.mix-card{padding:25px}.mix-card h3{font-size:28px}.mix-card p{font-size:11px}.page-footer{font-size:7px}.lobby-grid{grid-template-columns:1fr}.settings-panel{max-width:none}.play-layout{grid-template-columns:minmax(0,1fr)}.game-aside{grid-template-columns:1fr 1fr}.tip-card{display:none}.scoreboard{padding:17px}.game-aside .scoreboard,.reactions{grid-column:1/-1}.reactions>div{justify-content:center;gap:20px}.reactions>span{display:block;text-align:center}.score-row strong{max-width:180px}.score-row{padding:12px}.score-row>div{display:flex;align-items:center;gap:20px}.score-row>div>span{font-size:10px}.solo-progress{max-width:250px}.no-account{font-size:9px}.content-page h1{font-size:29px}.stat-grid{gap:12px}.stat-card{padding:20px}.stat-card>span{font-size:10px}.stat-card strong{font-size:27px}}@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;padding-bottom:67px}.topbar{height:69px;margin-inline:23px}.breadcrumb{font-size:12px}.top-actions{gap:10px}.no-account{font-size:9px}.profile-avatar{width:32px;height:32px;font-size:18px}.home-content{padding-top:22px}.hero{min-height:330px;grid-template-columns:1.2fr 1fr}.hero-copy{padding:28px 0 25px 24px}.hero h1{font-size:35px}.hero-copy>p{font-size:11px}.hero .eyebrow{font-size:7px}.hero-art{transform:scale(.9)}.hero-meta{font-size:8px}.hero-actions .button{font-size:11px}.hero-actions .primary{min-width:140px}.join-strip strong{font-size:11px}.join-strip span{font-size:9px}.join-strip input{width:115px}.join-strip form button{font-size:10px}.section-heading{flex-direction:row;align-items:flex-end}.section-heading h2{font-size:24px}.filters button{font-size:8px;padding:7px}.section-heading .eyebrow{font-size:7px}.game-grid{gap:16px}.mobile-nav{position:fixed;bottom:0;inset-inline:0;display:flex;justify-content:space-around;align-items:center;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid #e9e4ef;z-index:40;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#aea2b9;min-width:60px}.mobile-nav button.active{color:#8b6db2}.toast{bottom:85px}.content-page{padding-top:28px}.play-content{padding-top:22px}.game-topline{margin-bottom:19px}.finish-content{padding-top:30px}.page-footer{padding-bottom:22px}.modal-overlay{padding:18px}.modal{max-height:calc(100dvh - 36px)}.topbar .breadcrumb{max-width:60%;overflow:hidden;white-space:nowrap}}@media(max-width:560px){.topbar{height:63px;margin-inline:18px}.top-actions{gap:7px}.no-account{display:none}.breadcrumb{font-size:12px}.home-content{padding:17px 17px 0}.hero{display:block;min-height:480px;border-radius:15px;overflow:hidden}.hero-copy{padding:26px 24px 0}.hero h1{font-size:36px;margin:19px 0 18px;letter-spacing:-1.5px}.hero .eyebrow{font-size:6.5px;letter-spacing:1.3px}.hero-copy>p{font-size:10px;line-height:1.9;max-width:270px}.hero-actions{margin-top:19px;gap:9px}.hero-actions .button{font-size:11px;min-height:42px;padding:11px 15px}.hero-actions .primary{min-width:151px}.hero-meta{font-size:8px;gap:12px;margin-top:16px}.hero-art{position:relative;height:180px;width:310px;left:50%;margin:0 0 0 -155px;transform:scale(.72);transform-origin:top center;top:4px}.big-tile{width:66px;height:75px;font-size:45px}.tile-k{left:10%;top:40px;transform:rotate(-15deg)}.tile-e{left:32%;top:8px}.tile-y{left:55%;top:44px}.tile-i{left:77%;top:12px;transform:rotate(17deg)}.tile-f{left:44%;top:119px;width:54px;height:64px;font-size:38px}.floating-tag{top:120px;left:0}.score-sticker{bottom:auto;top:125px;right:0}.star-one{top:-8px;right:0}.star-two{bottom:auto;top:150px;left:26%}.star-three{display:none}.art-dots{top:0;left:18%}.art-scribble{display:none}.orbit{width:315px;height:160px;top:6px}.orbit-two{height:120px;top:23px}.join-strip{margin:15px 0 29px;display:grid;grid-template-columns:32px 1fr;gap:9px;padding:14px}.join-icon{width:32px;height:32px}.join-icon svg{width:18px}.join-strip strong{font-size:11px}.join-strip span{font-size:9px}.join-strip form{grid-column:1/-1;margin:5px 0 0;gap:9px}.join-strip input{width:100%;flex:1;padding:12px;font-size:11px}.join-strip form button{font-size:11px;white-space:nowrap;padding:10px 4px 10px 8px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:17px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:7px}.filters{width:100%;padding:4px;gap:5px}.filters button{font-size:10px;padding:8px;flex:1}.game-grid{gap:12px}.card-art{height:111px}.card-content{padding:13px 12px 0}.card-tag{font-size:5.8px;letter-spacing:.8px}.card-content h3{font-size:16px;margin:7px 0}.card-content h3 svg{width:14px}.card-content p{font-size:9px;line-height:1.7;min-height:45px}.card-footer{font-size:6.5px;padding:11px 0;margin-top:10px;gap:3px}.card-footer span{gap:3px}.card-footer svg{width:10px}.game-card{border-radius:11px}.mini-tiles{transform:scale(.85) rotate(-7deg);gap:3px}.mini-chain{transform:scale(.77) rotate(-5deg);gap:7px;white-space:nowrap}.mini-phrase{font-size:9px;gap:6px;transform:rotate(-5deg) scale(.9)}.mini-phrase>span{padding:4px 5px}.mini-phrase i{font-size:24px;right:-14px;top:35px}.mini-link{transform:scale(.68)}.mini-cipher{transform:rotate(-5deg) scale(.8);gap:4px}.card-index{font-size:8px;bottom:7px;left:10px}.popular{font-size:5.5px;top:7px;right:7px;padding:3px 4px}.popular svg{width:9px}.mix-card{padding:19px 14px;border-radius:11px}.mix-symbol{margin-bottom:14px}.mix-symbol svg{width:26px}.mix-symbol>span{font-size:17px}.mix-card .card-tag{font-size:5.5px}.mix-card h3{font-size:22px;margin:7px 0 10px}.mix-card p{font-size:8px}.mix-link{font-size:9px;gap:8px;padding-top:12px}.mix-link svg{width:14px}.page-footer{flex-direction:column;text-align:center;gap:9px;font-size:7px;padding-top:25px}.content-page,.play-content{padding:25px 17px}.content-page h1{font-size:28px;line-height:1.2}.subheading{font-size:11px}.stat-grid{gap:8px;margin:24px 0}.stat-card{padding:15px 11px;gap:8px}.stat-card strong{font-size:25px}.stat-card svg{width:18px}.stat-card>span{font-size:8px;line-height:1.5}.panel{padding:18px}.panel h3{font-size:15px}.record-row{gap:10px}.record-row .pill{display:none}.record-row strong{font-size:11px}.record-row small{font-size:8px}.record-icon{width:32px;height:35px}.empty-state{padding:35px 0}.empty-state p{font-size:11px;line-height:1.7}.lobby-title{gap:8px}.lobby-title h1{font-size:26px}.lobby-title>.button{font-size:0;padding:9px;min-height:35px}.lobby-title>.button svg{width:17px}.lobby-title .eyebrow{font-size:6px}.lobby-grid{gap:18px;margin-top:23px}.invite-box{padding:20px}.invite-box strong{font-size:23px;letter-spacing:3px}.invite-box .button{font-size:11px;padding:10px 13px}.game-topline{gap:8px}.back-button{font-size:10px;padding:0}.round-indicator{font-size:8px;gap:5px;letter-spacing:.6px}.round-indicator strong{font-size:18px}.score-mini{font-size:12px;gap:4px}.score-mini small{font-size:8px}.score-mini svg{width:14px}.round-track{gap:3px;margin-bottom:19px}.play-layout{gap:18px}.puzzle-heading{padding:18px 16px;gap:10px}.puzzle-mode{gap:9px}.mode-badge{width:34px;height:37px;font-size:21px;border-radius:9px}.puzzle-mode h2{font-size:18px}.puzzle-mode>div>span{font-size:6px;letter-spacing:1px}.timer{gap:4px}.timer svg{width:15px}.timer strong{font-size:22px;min-width:26px}.timer small{font-size:8px}.puzzle-body{padding:23px 16px 17px;min-height:380px}.puzzle-instruction{font-size:10px}.puzzle-prompt{font-size:16px;margin-top:12px;margin-bottom:22px}.anagram-tiles{gap:6px;margin:23px 0}.letter-tile{width:33px;height:41px;font-size:22px;border-radius:5px}.letter-tile small{font-size:6px}.tile-reset{width:21px;padding:0}.answer-mask{gap:12px;margin:23px 0}.mask-word{gap:4px}.mask-letter{min-width:18px;height:30px;font-size:17px}.phrase-mask{gap:10px 13px}.phrase-mask .mask-letter{font-size:14px;min-width:13px;height:25px}.cipher-letter{min-width:25px;height:48px;font-size:18px}.answer-form{gap:6px}.answer-form input{padding:11px 10px;font-size:12px}.answer-form .button{padding:11px 12px;font-size:11px;gap:5px;min-height:42px}.answer-form .button svg{width:15px}.feedback-line{font-size:8px;min-height:37px;line-height:1.7}.wrong-answer{font-size:10px}.puzzle-bottom{gap:8px;padding-top:15px}.hint-button{font-size:10px;padding:8px;gap:4px}.hint-button svg{width:15px}.hint-button span{font-size:8px}.puzzle-bottom>span{font-size:8px}.puzzle-bottom .potential-score{font-size:8px}.clue-list{gap:6px;margin:25px 0}.clue-list>span{padding:9px 11px;font-size:12px}.clue-list svg{width:12px}.chain-clue{gap:10px}.chain-clue>span{font-size:19px;padding:10px 12px}.chain-clue>svg{width:20px}.chain-target{gap:9px}.round-result strong{font-size:15px}.game-aside{gap:13px}.score-row>div{gap:10px}.finish-content{padding:28px 19px}.finish-content h1{font-size:34px}.celebration{margin-bottom:25px}.final-score{font-size:50px}.final-leaderboard{padding:5px 13px}.final-leaderboard>div{gap:9px}.final-leaderboard strong{font-size:12px}.final-leaderboard b{font-size:13px}.final-leaderboard .avatar{width:35px;height:35px;font-size:21px}.finish-buttons{gap:10px}.finish-buttons .button{font-size:11px;padding:12px 15px}.modal-overlay{padding:12px}.modal{padding:27px 22px;max-height:calc(100dvh - 24px);border-radius:16px}.modal h2{font-size:26px;margin-top:13px}.modal-intro{font-size:11px}.modal-close{top:10px;right:10px}.avatar-picker{gap:4px}.avatar-picker button{width:32px;height:34px;font-size:21px;border-radius:8px}.settings-editor .setting-row{padding:17px 0}.setting-row span{font-size:9px}.setting-row strong,.setting-row label,.mode-setting>strong{font-size:11px}.mode-setting button,.rules-modes p{font-size:9px}.rules-points span{font-size:7px}.preference-row p{font-size:9px}.connection-banner{padding:10px;font-size:10px;flex-wrap:wrap}.toast{font-size:11px;width:max-content}.dialog-actions .button{padding:12px 17px;font-size:11px}}@media(max-width:360px){.home-content{padding-inline:12px}.hero-copy{padding-inline:19px}.hero h1{font-size:32px}.hero .eyebrow{font-size:6px;letter-spacing:1px}.hero-actions .button{padding-inline:12px}.hero-actions .primary{min-width:142px}.card-content h3{font-size:14px}.card-content{padding-inline:10px}.card-footer{font-size:6px}.mini-tiles{transform:scale(.75) rotate(-7deg)}.mini-chain{transform:scale(.68) rotate(-5deg)}.puzzle-bottom .potential-score{margin-left:0}.mask-letter{min-width:16px}.mask-word{gap:3px}.phrase-mask .mask-letter{min-width:12px}.puzzle-mode h2{font-size:16px}.modal{padding-inline:17px}.setting-row>div>span{max-width:170px}.topbar .breadcrumb{max-width:75%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-copy>p{font-size:13px;color:#77717c}.hero-meta{font-size:10px;color:#7d7880}.card-content p{font-size:12px;color:#7d7586}.card-footer{font-size:10px;color:#8f8599}.card-tag{font-size:8px}.join-strip strong{font-size:13px}.join-strip span{font-size:11px;color:#82798e}.join-strip form button{font-size:12px}.filters button{font-size:10px}.page-footer{font-size:10px;color:#88808f}.modal-intro,.settings-note{font-size:12px;color:#84748f}.setting-row span{font-size:11px;color:#8c7b98}.setting-row strong,.setting-row label,.mode-setting>strong{font-size:13px}.mode-setting button{font-size:11px}.puzzle-instruction{font-size:12px;color:#8c799d}.feedback-line{font-size:11px;color:#8f7c9f}.tip-card p{font-size:12px;color:#8e8067}.score-row strong{font-size:12px}.score-row>div>span{font-size:10px;color:#8e7d9b}.score-row>b{font-size:12px}.rules-modes p{font-size:11px;color:#8d7c98}.puzzle-bottom>span{color:#8c789d}.no-account{color:#817986}.rule-icon{font-size:21px}.mix-card p{font-size:12px;color:#83778c}.mix-link{font-size:12px}.sidebar-label{color:#92899a}.sidebar-bottom{color:#7d7388}.side-note p{color:#7f7686;font-size:11px}.side-note button{font-size:11px}.made-with{font-size:9px}.subheading{color:#83738f}.score-mini small{color:#8c789b}.lobby-player>div>span{color:#8b7b97;font-size:11px}.preference-row p{font-size:11px;color:#8d7a9b}.preference-row strong{color:#766182}.puzzle-bottom .potential-score{font-size:11px}.card-footer span:first-child{white-space:nowrap}.scoreboard h3{font-size:14px}@media(max-width:1200px){.card-content p{font-size:11px}.card-footer{font-size:9px}.hero-copy>p{font-size:12px}.hero-meta{font-size:9px}.side-note p,.side-note button{font-size:10px}.made-with{font-size:8px}}@media(max-width:1000px){.hero-copy>p{font-size:11px}.hero-meta{font-size:8px}.join-strip strong{font-size:11px}.join-strip span,.join-strip form button{font-size:10px}.filters button{font-size:9px}}@media(max-width:560px){.hero{min-height:505px}.hero-copy>p{font-size:12px}.hero-meta{font-size:9px;gap:10px}.hero h1{font-size:35px}.card-content p{font-size:11px;min-height:56px}.card-footer{font-size:8px;flex-wrap:wrap;row-gap:6px}.card-tag{font-size:6.5px}.card-content h3{font-size:16px}.join-strip strong{font-size:12px}.join-strip span{font-size:10px}.join-strip form button{font-size:11px}.filters button,.mix-card p,.mix-link{font-size:10px}.page-footer{font-size:9px}.answer-form input,.text-input{font-size:16px}.feedback-line,.setting-row span{font-size:10px}.setting-row strong,.setting-row label,.mode-setting>strong{font-size:12px}.mode-setting button{font-size:10px}.puzzle-instruction{font-size:11px}.puzzle-bottom .potential-score{font-size:9px}.score-row>div>span{font-size:10px}.modal-intro,.settings-note{font-size:11px}.rules-modes p{font-size:10px}.puzzle-prompt{font-size:17px}.card-content{padding-inline:11px}}html[data-theme=dark] .sidebar,html[data-theme=dark] .join-strip,html[data-theme=dark] .game-card,html[data-theme=dark] .panel,html[data-theme=dark] .stat-card,html[data-theme=dark] .puzzle-panel,html[data-theme=dark] .final-leaderboard,html[data-theme=dark] .modal{background:#24212c;border-color:#393340}html[data-theme=dark] .hero,html[data-theme=dark] .side-note,html[data-theme=dark] .mix-card,html[data-theme=dark] .tip-card{background:#292730;border-color:#443d49}html[data-theme=dark] .hero h1>span{color:#b59aff}html[data-theme=dark] .hero-underline{stroke:#76638e}html[data-theme=dark] .orbit{border-color:#514958}html[data-theme=dark] .white,html[data-theme=dark] .subtle,html[data-theme=dark] .filters,html[data-theme=dark] .join-icon,html[data-theme=dark] .record-icon,html[data-theme=dark] .stepper,html[data-theme=dark] .setting-row select,html[data-theme=dark] .text-input,html[data-theme=dark] .answer-form input,html[data-theme=dark] .join-strip input{background:#302b3a;border-color:#494053;color:#e0d5ed}html[data-theme=dark] .white{box-shadow:0 2px #16131e}html[data-theme=dark] .white:hover,html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .reactions button:hover{background:#393143}html[data-theme=dark] .filters button.active,html[data-theme=dark] .nav-item.selected,html[data-theme=dark] .mode-setting button.checked,html[data-theme=dark] .invite-box,html[data-theme=dark] .rules-points,html[data-theme=dark] .pill,html[data-theme=dark] .score-row.is-me{background:#362c48;color:#c4a9ef;border-color:#554369}html[data-theme=dark] .invite-box strong{color:#d2b7f7}html[data-theme=dark] .mode-setting button{border-color:#4a4057;color:#b8aac7}html[data-theme=dark] .mode-setting button>span{background:#ffffff0a}html[data-theme=dark] .section-heading h2>span{background:#39323f;border-color:#4a4052;color:#c0afce}html[data-theme=dark] .profile-avatar{background:#3e3940;border-color:#24212c;box-shadow:0 0 0 1px #4b414f}html[data-theme=dark] .avatar,html[data-theme=dark] .avatar-picker button{background:#403541}html[data-theme=dark] .avatar-1,html[data-theme=dark] .avatar-6{background:#483e2f}html[data-theme=dark] .avatar-2,html[data-theme=dark] .avatar-7{background:#2c3e4b}html[data-theme=dark] .avatar-3,html[data-theme=dark] .avatar-5{background:#48352f}html[data-theme=dark] .avatar-picker button.active{background:#493858;border-color:#b497d2;box-shadow:0 0 0 3px #32273f}html[data-theme=dark] .card-art{background:#332a43}html[data-theme=dark] .orange .card-art{background:#403329}html[data-theme=dark] .green .card-art{background:#303a2c}html[data-theme=dark] .pink .card-art{background:#412c3b}html[data-theme=dark] .blue .card-art{background:#293946}html[data-theme=dark] .purple{--accent: #b79adf;--pale: #382c49}html[data-theme=dark] .orange{--accent: #d8ad84;--pale: #443427}html[data-theme=dark] .green{--accent: #afc38e;--pale: #313d29}html[data-theme=dark] .pink{--accent: #d29bb9;--pale: #452d3e}html[data-theme=dark] .blue{--accent: #99bfdc;--pale: #2b3b4a}html[data-theme=dark] .card-footer,html[data-theme=dark] .record-row,html[data-theme=dark] .lobby-player,html[data-theme=dark] .setting-row,html[data-theme=dark] .puzzle-bottom,html[data-theme=dark] .score-row,html[data-theme=dark] .final-leaderboard>div,html[data-theme=dark] .answer-history,html[data-theme=dark] .answer-history>div,html[data-theme=dark] .preference-row{border-color:#3b3244}html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .hero-meta,html[data-theme=dark] .card-content p,html[data-theme=dark] .join-strip span,html[data-theme=dark] .sidebar-label,html[data-theme=dark] .nav-item,html[data-theme=dark] .sidebar-bottom,html[data-theme=dark] .side-note p,html[data-theme=dark] .made-with,html[data-theme=dark] .page-footer,html[data-theme=dark] .no-account,html[data-theme=dark] .subheading,html[data-theme=dark] .modal-intro,html[data-theme=dark] .settings-note,html[data-theme=dark] .setting-row span,html[data-theme=dark] .lobby-player>div>span,html[data-theme=dark] .score-row>div>span,html[data-theme=dark] .puzzle-instruction,html[data-theme=dark] .feedback-line,html[data-theme=dark] .rules-modes p,html[data-theme=dark] .mix-card p,html[data-theme=dark] .tip-card p,html[data-theme=dark] .record-row small,html[data-theme=dark] .reactions>span{color:#b5a9c0}html[data-theme=dark] .modal h2,html[data-theme=dark] .preference-row strong,html[data-theme=dark] .mix-card h3{color:#eee4f7}html[data-theme=dark] .side-note button,html[data-theme=dark] .mix-link,html[data-theme=dark] .score-row>b,html[data-theme=dark] .score-mini,html[data-theme=dark] .round-indicator strong,html[data-theme=dark] .timer strong,html[data-theme=dark] .rules-modes strong,html[data-theme=dark] .rules-points strong,html[data-theme=dark] .field-label,html[data-theme=dark] .final-score,html[data-theme=dark] .final-leaderboard b,html[data-theme=dark] .answer-history>div>strong{color:#ccb4e7}html[data-theme=dark] .timer.urgent strong{color:#f39591}html[data-theme=dark] .round-track>span,html[data-theme=dark] .time-track{background:#393041}html[data-theme=dark] .round-track .done{background:#8c74b1}html[data-theme=dark] .round-track .current{background:#b89ae7}html[data-theme=dark] .letter-tile{background:#40304f;border-color:#665078;color:#e0c7f3;box-shadow:0 4px #241b30}html[data-theme=dark] .mask-letter{color:#ddc2f3;border-color:#756087}html[data-theme=dark] .cipher-letter,html[data-theme=dark] .cipher-letter small{border-color:#58667e}html[data-theme=dark] .hint-button{background:#453b29;color:#e0c693}html[data-theme=dark] .clue-list>span{background:#442c3e;border-color:#6a455f;color:#e0b2cf}html[data-theme=dark] .chain-clue>span{background:#343d2a;border-color:#52603f;color:#c2d4a7}html[data-theme=dark] .chain-clue b{background:#52643a;color:#e1efca}html[data-theme=dark] .round-result{background:#372b44;border-color:#594268;color:#c4a5da}html[data-theme=dark] .round-result.success,html[data-theme=dark] .green-button{background:#2e3b28;border-color:#4b5e3d;color:#c1d6a5}html[data-theme=dark] .result-mini-icon{background:#4e3a60}html[data-theme=dark] .success .result-mini-icon{background:#425735}html[data-theme=dark] .celebration>svg{background:#463b24}html[data-theme=dark] .error{background:#432b30;border-color:#75464e;color:#f0adae}html[data-theme=dark] .wrong-answer{color:#f0a4a4}html[data-theme=dark] .connection-banner{background:#443923;color:#e1c493}html[data-theme=dark] .switch{background:#4b4257}html[data-theme=dark] .switch.on{background:#a58ac3}html[data-theme=dark] .mobile-nav{background:#24212cf2;border-color:#42364f}html[data-theme=dark] .mobile-nav button{color:#b8a9c7}html[data-theme=dark] .mobile-nav button.active{color:#c7a5f5}.brand{gap:10px;padding-left:6px}.brand .brand-mark{display:block;width:44px;height:44px;flex:0 0 44px;padding:0;transform:none;border-radius:13px;background:none}.brand-name{font-size:23px;font-weight:900;letter-spacing:-.8px;line-height:1.15}.mobile-brand{display:none}.desktop-breadcrumb{display:inline-flex;align-items:center;gap:12px}.profile-avatar{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}.avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;justify-items:center}.avatar-picker button{width:100%;max-width:38px;min-width:0;padding:0;line-height:1;text-align:center}.reactions button{display:grid;place-items:center;padding:0;line-height:1}@media(max-width:1000px){.brand{gap:8px;padding-left:3px}.brand .brand-mark{width:37px;height:37px;flex-basis:37px}.brand-name{font-size:21px}}@media(max-width:760px){.desktop-breadcrumb{display:none}.mobile-brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:900;letter-spacing:-.4px}.mobile-brand img{display:block;flex-shrink:0}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch}.mobile-nav button{min-width:0;width:100%;padding:0;justify-content:center;text-align:center}.mobile-nav button svg{display:block;margin-inline:auto}}@media(max-width:560px){.avatar-picker button{max-width:32px;width:100%}}.teal{--accent: #197d77;--pale: #e4f5f0}.mini-odd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:190px}.mini-odd span,.mini-odd b{padding:8px;border-radius:9px;background:var(--surface,#fff);color:#197d77;text-align:center;font-size:12px}.mini-odd b{background:#197d77;color:#fff;transform:rotate(-5deg)}.description-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px auto 24px;padding:12px 18px;border:1px dashed var(--accent,#8270be);border-radius:14px;color:inherit;background:transparent;cursor:pointer}.description-hint span{font-size:12px;opacity:.7}.description-hint:disabled{opacity:.45;cursor:default}.odd-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px auto;max-width:540px}.odd-options button{min-width:0;padding:20px 8px;border:2px solid #b8dcd5;border-radius:16px;background:#edf8f4;color:#17635e;font:inherit;font-weight:800;overflow-wrap:anywhere;cursor:pointer}.odd-options button:hover:not(:disabled),.odd-options button.correct{border-color:#197d77;background:#d1efe5}.odd-options button.eliminated{opacity:.35;text-decoration:line-through}.odd-options button:disabled{cursor:default}[data-theme=dark] .odd-options button{background:#203c39;color:#c7eee5;border-color:#385d56}[data-theme=dark] .odd-options button.correct{background:#275c49}.daily-entry{margin:24px 32px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}.extra-art{font-size:32px;font-weight:900;letter-spacing:3px;text-align:center;padding:25px 8px}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:320px;margin:20px auto}.word-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:24px;font-weight:800;cursor:pointer}.word-grid button[aria-pressed=true]{background:#6850cf;color:#fff}.extra-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.grid-game>p,.ladder-path{text-align:center;overflow-wrap:anywhere}.room-tools{border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:20px;background:var(--paper)}.room-tools h3{margin-top:0}.room-person{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.room-person button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px;border-radius:8px;cursor:pointer}.competition{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.mode-stats{margin-bottom:20px}.mode-stats>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}.setting-row select{max-width:100%}@media(max-width:480px){.daily-entry{margin:20px 16px 0}.room-tools{padding:14px}.room-person strong{width:100%}.extra-art{font-size:23px}}.room-tools button[aria-pressed=true]{background:#6850cf;color:#fff;border-color:#8f7ad5}.room-tools .button{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}:root{--acid: #d5f478;--signal: #ff795c;--surface: #eeeede;--stage-ink: #22251f;--stage-muted: #666b5b;--stage-line: #c9ceba;--stage-raised: #e3e7d7}html[data-theme=dark]{--surface: #171c19;--stage-ink: #f0f0dc;--stage-muted: #a2ad99;--stage-line: #374139;--stage-raised: #222b24}html,html[data-theme=dark]{background:var(--surface)}html[data-theme] .new-experience{color:var(--stage-ink);background:var(--surface);--purple: #819945;--ink: var(--stage-ink);--muted: var(--stage-muted);--paper: var(--stage-raised);--line: var(--stage-line);--radius: 6px}html[data-theme] .new-experience .sidebar{position:absolute;inset:0 0 auto;width:100%;height:92px;padding:0 5%;flex-direction:row;align-items:center;gap:56px;border:0;background:transparent}html[data-theme] .new-experience .brand{padding:0;font-size:27px;letter-spacing:-1.5px}html[data-theme] .new-experience .brand-mark{background:transparent;border-radius:0;padding:0;width:38px;height:38px;transform:none;filter:grayscale(1)}html[data-theme] .new-experience .sidebar nav{display:flex;gap:30px}html[data-theme] .new-experience .nav-item{width:auto;padding:8px 0;border-radius:0;color:var(--stage-muted);background:transparent;font-size:12px;border-bottom:1px solid transparent}html[data-theme] .new-experience .nav-item.selected{color:var(--stage-ink);border-color:var(--stage-ink)}html[data-theme] .new-experience .nav-item svg,html[data-theme] .new-experience .nav-dot,html[data-theme] .new-experience .sidebar-label,html[data-theme] .new-experience .side-note,html[data-theme] .new-experience .sidebar-bottom{display:none}html[data-theme] .new-experience .main{margin-left:0;padding-top:92px}html[data-theme] .new-experience .topbar{position:absolute;top:0;right:5%;height:92px;margin:0;border:0;z-index:21}html[data-theme] .new-experience .breadcrumb{display:none}html[data-theme] .new-experience .top-actions{gap:12px}html[data-theme] .new-experience .icon-button,html[data-theme] .new-experience .profile-avatar{border:1px solid var(--stage-line);color:var(--stage-ink);background:transparent;width:38px;height:38px}html[data-theme] .new-experience .profile-avatar{font-size:20px}html[data-theme] .new-experience button:focus-visible{outline:3px solid var(--signal);outline-offset:5px}.playground{max-width:1600px;margin:0 auto;padding:0 5% 24px}.playground-meta{display:flex;justify-content:space-between;border-top:1px solid var(--stage-line);padding:18px 0 0;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--stage-muted)}.playground-meta>span:first-child{display:flex;gap:10px;align-items:center}.playground-meta i{width:6px;height:6px;background:var(--signal);border-radius:50%}.thread-stage{position:relative;display:grid;grid-template-columns:1fr 1.15fr;padding-top:34px}.stage-copy{z-index:2;padding:18px 0 36px}.stage-kicker{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--stage-muted);margin:0 0 20px}.stage-copy h1{font-size:clamp(66px,6.8vw,108px);line-height:.94;letter-spacing:-6px;font-weight:900;margin:0}.stage-copy h1>span{color:var(--stage-ink)}.stage-copy h1 em{color:var(--acid);font-style:normal;-webkit-text-stroke:1px #708b3b}html[data-theme=dark] .stage-copy h1 em{-webkit-text-stroke:0}.stage-caption{display:flex;align-items:center;gap:18px;margin-top:26px}.caption-line{width:42px;height:1px;background:var(--signal)}.stage-caption p{font-size:13px;line-height:1.6;color:var(--stage-muted);margin:0}.surprise-link{display:flex;gap:12px;align-items:center;padding:0 0 8px;margin-top:25px;border-bottom:1px solid var(--stage-line);font-size:12px;font-weight:750}.surprise-link:hover{color:var(--signal)}.thread-world{position:relative;min-height:440px;isolation:isolate;align-self:stretch}.thread-canvas{position:absolute;width:100%;height:100%;inset:0}.world-ring{position:absolute;width:80%;height:80%;border:1px solid var(--stage-line);border-radius:50%;left:10%;top:10%;transform:rotate(-25deg) scaleY(.52)}.world-coordinate{position:absolute;top:4%;right:2%;font:10px ui-monospace,monospace;color:var(--stage-muted);letter-spacing:2px}.world-cross{position:absolute;color:var(--stage-muted);font-size:22px;font-weight:300}.cross-one{top:12%;left:9%}.cross-two{bottom:20%;right:3%}.world-label{position:absolute;bottom:12%;left:8%;writing-mode:vertical-rl;transform:rotate(180deg);font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--stage-muted)}.loose-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:var(--signal)}.loose-thread path{fill:none;stroke:var(--signal);stroke-width:1.5;stroke-dasharray:1300;animation:unspool 2.5s ease-out both}.letter-sculpture{position:absolute;inset:0;pointer-events:none;perspective:800px}.sculpture-piece{position:absolute;width:80px;height:94px;display:grid;place-items:center;background:#edeed9;color:#242a20;border:1px solid #faffed;border-radius:4px;box-shadow:4px 6px #9ca78d,8px 14px 22px #0005;transform-style:preserve-3d;animation:letter-arrive .7s both,letter-drift 7s ease-in-out .7s infinite alternate}.sculpture-piece b{font-size:clamp(19px,3vw,44px);letter-spacing:-1.5px;font-weight:900}.sculpture-piece small{position:absolute;right:7px;bottom:5px;font:8px ui-monospace,monospace;opacity:.6}.piece-0{left:22%;top:14%;--turn: -18deg}.piece-1{left:53%;top:6%;--turn: 14deg;animation-delay:.08s,.8s;background:var(--acid)}.piece-2{right:7%;top:39%;--turn: 24deg;animation-delay:.16s,.9s}.piece-3{left:45%;bottom:11%;--turn: -12deg;animation-delay:.24s,1s;background:var(--signal)}.piece-4{left:7%;top:49%;--turn: -25deg;animation-delay:.32s,1.1s}.piece-5{left:43%;top:39%;--turn: 8deg;animation-delay:.4s,1.2s;background:#d5f478}.world-chain .sculpture-piece,.world-link .sculpture-piece,.world-odd .sculpture-piece{width:112px;height:70px}.world-chain .sculpture-piece b,.world-link .sculpture-piece b,.world-odd .sculpture-piece b{font-size:22px}.world-play{position:absolute;right:0;bottom:1%;display:grid;place-items:center;width:68px;height:68px;background:var(--signal);color:#242a20;border-radius:50%;transition:transform .2s}.world-play:hover{transform:rotate(45deg)}.selected-game{grid-column:1 / -1;display:flex;gap:24px;align-items:center;border-top:1px solid var(--stage-line);padding:24px 0;margin-top:12px}.selected-number{font:50px ui-monospace,monospace;letter-spacing:-5px;color:var(--stage-ink)}.selected-number small{display:block;font-size:10px;letter-spacing:1px;color:var(--stage-muted);text-align:center}.selected-tag{font:9px ui-monospace,monospace;letter-spacing:1.7px;color:var(--stage-muted)}.selected-game h2{font-size:29px;letter-spacing:-1.2px;margin:3px 0}.selected-game p{color:var(--stage-muted);font-size:12px;margin:0}.launch-button{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-left:auto;padding:20px 24px;min-width:220px;background:var(--acid);color:#202719;font-size:14px;font-weight:850;border-radius:2px;box-shadow:0 4px #91aa4d;transition:transform .2s}.launch-button:hover{transform:translateY(-3px)}.launch-button:active{transform:translateY(3px);box-shadow:none}.mode-tuner{border-top:1px solid var(--stage-line);border-bottom:1px solid var(--stage-line)}.tuner-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 0;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--stage-muted)}.tuner-heading>span:last-child{display:flex;align-items:center;gap:10px}.mode-switches{display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:16px;gap:0}.mode-switches button{display:flex;align-items:center;gap:10px;padding:17px 14px;min-width:0;text-align:left;border:1px solid var(--stage-line);margin:0 -1px -1px 0;transition:background .2s,color .2s}.mode-switches button>span{font:9px ui-monospace,monospace;color:var(--stage-muted)}.mode-switches strong{font-size:12px;font-weight:650;line-height:1.4}.mode-switches i{font-size:18px;font-style:normal;margin-left:auto;color:var(--stage-muted)}.mode-switches button:hover{background:var(--stage-raised)}.mode-switches button[aria-pressed=true]{background:var(--acid);color:#22291b;position:relative;border-color:var(--acid)}.mode-switches button[aria-pressed=true]>span,.mode-switches button[aria-pressed=true]>i{color:#425126}.social-dock{display:grid;grid-template-columns:1.2fr .8fr 1.1fr;align-items:stretch;border-bottom:1px solid var(--stage-line)}.room-launch,.daily-launch{display:flex;align-items:center;text-align:left;gap:16px;padding:28px 20px 28px 0}.social-dock button>span{display:flex;flex-direction:column;gap:6px}.social-dock small{font:8px ui-monospace,monospace;letter-spacing:.9px;color:var(--stage-muted)}.social-dock strong{font-size:15px;font-weight:750;letter-spacing:-.3px}.room-launch>svg:last-child,.daily-launch>svg:last-child{margin-left:auto}.room-launch>svg:first-child{color:var(--signal)}.daily-launch{padding-right:0;padding-left:22px}.daily-launch>svg:first-child{color:#aabf59}.room-launch:hover strong,.daily-launch:hover strong{text-decoration:underline;text-underline-offset:5px}.room-code-entry{border-inline:1px solid var(--stage-line);padding:24px 22px}.room-code-entry label{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--stage-muted);margin-bottom:9px}.room-code-entry>div{display:flex;border-bottom:1px solid var(--stage-muted)}.room-code-entry input{min-width:0;width:100%;border:0;background:transparent;color:var(--stage-ink);font:16px ui-monospace,monospace;letter-spacing:2px;padding:6px 0}.room-code-entry input::placeholder{color:var(--stage-muted);opacity:.8}.room-code-entry button{padding:2px 4px}.playground-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 0 0;gap:18px;font:8px ui-monospace,monospace;letter-spacing:.7px;color:var(--stage-muted)}.playground-footer b{color:var(--stage-ink);font-weight:500}.playground-footer i{color:var(--signal);font-size:19px;font-style:normal;vertical-align:middle;margin-left:14px}html[data-theme] .new-experience .content-page,html[data-theme] .new-experience .play-content,html[data-theme] .new-experience .finish-content{max-width:1250px;margin:0 auto;padding:36px 5% 80px}html[data-theme] .new-experience .content-page h1{letter-spacing:-2px}html[data-theme] .new-experience .panel,html[data-theme] .new-experience .puzzle-panel,html[data-theme] .new-experience .puzzle-card,html[data-theme] .new-experience .stat-card,html[data-theme] .new-experience .records-panel,html[data-theme] .new-experience .room-tools{border-radius:4px;background:var(--stage-raised);border:1px solid var(--stage-line);box-shadow:none}html[data-theme] .new-experience .panel-heading,html[data-theme] .new-experience .puzzle-header{border-bottom-color:var(--stage-line)}html[data-theme] .new-experience .button{border-radius:3px;box-shadow:none}html[data-theme] .new-experience .button.primary{background:var(--acid);color:#202719;border:1px solid var(--acid);box-shadow:0 3px #7c913e}html[data-theme] .new-experience .button.white,html[data-theme] .new-experience .button.subtle{background:var(--stage-raised);color:var(--stage-ink);border:1px solid var(--stage-line)}html[data-theme] .new-experience .invite-box{background:var(--stage-raised);border:1px dashed var(--stage-muted);border-radius:3px;color:var(--stage-ink)}html[data-theme] .new-experience .invite-box strong{color:var(--stage-ink)}html[data-theme] .new-experience .modal{border-radius:8px;background:var(--surface);color:var(--stage-ink);border:1px solid var(--stage-line);box-shadow:16px 20px #0003}html[data-theme] .new-experience .modal-overlay{backdrop-filter:blur(12px);background:#0a100dd4}html[data-theme] .new-experience .text-input,html[data-theme] .new-experience .answer-form input,html[data-theme] .new-experience select{background:var(--stage-raised);color:var(--stage-ink);border-color:var(--stage-line);border-radius:3px}html[data-theme] .new-experience .mode-option.selected,html[data-theme] .new-experience .mode-toggle.selected{border-color:#a5bf63;background:#718e2924}html[data-theme] .new-experience .anagram-tiles button{border-radius:4px;box-shadow:0 5px #77835d;background:#e4ebcc;color:#26301b;border-color:#a5b685}html[data-theme] .new-experience .round-track .current,html[data-theme] .new-experience .switch.on{background:#91ad4e}html[data-theme] .new-experience .tip-card{border-radius:4px;background:var(--stage-raised);color:var(--stage-muted);border:1px dashed var(--stage-line)}html[data-theme] .new-experience .game-topline{border-bottom:1px solid var(--stage-line);padding-bottom:20px}html[data-theme] .new-experience .connection-banner{margin:8px 5%}@keyframes letter-arrive{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes letter-drift{0%{transform:translateY(-5px) rotate(var(--turn)) rotateY(-17deg)}to{transform:translateY(8px) rotate(calc(var(--turn) + 7deg)) rotateY(12deg)}}@keyframes unspool{0%{stroke-dashoffset:1300}to{stroke-dashoffset:0}}@media(min-width:1600px){.thread-world{min-height:530px}.stage-copy{padding-top:50px}}@media(max-width:1050px){html[data-theme] .new-experience .sidebar{gap:35px}html[data-theme] .new-experience .sidebar nav{gap:20px}.stage-copy h1{font-size:76px}.thread-world{min-height:410px}.social-dock{grid-template-columns:1fr 1fr}.daily-launch{grid-column:1 / -1;border-top:1px solid var(--stage-line);padding:20px 0}.room-code-entry{border-right:0}.mode-switches strong{font-size:11px}.mode-switches button{padding:14px 10px;gap:6px}}@media(max-width:760px){html[data-theme] .new-experience .sidebar{display:flex;height:72px;padding:0 6%}html[data-theme] .new-experience .sidebar nav{display:none}html[data-theme] .new-experience .brand{font-size:24px}html[data-theme] .new-experience .brand-mark{width:32px;height:32px}html[data-theme] .new-experience .main{padding:72px 0 74px}html[data-theme] .new-experience .topbar{display:flex;height:72px;right:6%}html[data-theme] .new-experience .top-actions{gap:8px}html[data-theme] .new-experience .mobile-nav{background:var(--surface);border-top:1px solid var(--stage-line);box-shadow:none;backdrop-filter:none;z-index:30}html[data-theme] .new-experience .mobile-nav button{color:var(--stage-muted)}html[data-theme] .new-experience .mobile-nav button.active{color:var(--acid)}.playground{padding:0 6% 8px}.playground-meta{font-size:8px;letter-spacing:1px;padding-top:15px}.thread-stage{padding-top:22px;grid-template-columns:1fr 1fr}.stage-copy{padding:12px 0 22px}.stage-kicker{font-size:7px;letter-spacing:1px;margin-bottom:16px}.stage-copy h1{font-size:clamp(46px,8.7vw,66px);letter-spacing:-3px}.thread-world{min-height:310px;margin-left:-35px;margin-right:-14px}.thread-canvas{width:115%;left:-8%}.world-coordinate{top:1%;font-size:8px}.world-label{display:none}.world-play{width:46px;height:46px;bottom:9%;right:6%}.world-play svg{width:25px}.sculpture-piece{width:49px;height:59px;box-shadow:3px 4px #9ca78d,4px 8px 14px #0004}.sculpture-piece b{font-size:26px}.sculpture-piece small{font-size:6px}.world-chain .sculpture-piece,.world-link .sculpture-piece,.world-odd .sculpture-piece{width:67px;height:46px}.world-chain .sculpture-piece b,.world-link .sculpture-piece b,.world-odd .sculpture-piece b{font-size:13px}.piece-0{left:22%;top:23%}.piece-1{left:60%;top:15%}.piece-2{right:0;top:45%}.piece-3{left:44%;bottom:19%}.piece-4{left:9%;top:53%}.piece-5{left:42%;top:43%}.stage-caption{gap:10px;margin-top:20px}.stage-caption p{font-size:10px}.caption-line{width:18px}.surprise-link{font-size:10px;gap:8px;margin-top:20px}.surprise-link svg{width:14px}.selected-game{display:grid;grid-template-columns:43px 1fr;gap:14px;padding:20px 0;margin-top:0}.selected-number{font-size:36px;letter-spacing:-3px}.selected-game h2{font-size:24px}.selected-game p{font-size:11px}.selected-tag{font-size:8px}.launch-button{grid-column:1 / -1;width:100%;margin:5px 0 0;min-width:0;padding:16px 20px;font-size:13px}.mode-switches{grid-template-columns:repeat(2,1fr)}.mode-switches button{min-height:54px;padding:12px 10px;gap:9px}.mode-switches strong{font-size:12px}.tuner-heading{font-size:8px}.tuner-heading>span:last-child{font-size:7px;gap:5px}.social-dock{grid-template-columns:1fr}.room-launch{padding:22px 0}.room-code-entry{border-inline:0;border-top:1px solid var(--stage-line);padding:22px 0}.room-code-entry>div{max-width:none}.daily-launch{padding:22px 0}.social-dock strong{font-size:15px}.social-dock small{font-size:8px}.playground-footer{flex-wrap:wrap;font-size:7px;gap:10px;padding-top:20px}.playground-footer b{display:block;margin-top:5px}html[data-theme] .new-experience .content-page,html[data-theme] .new-experience .play-content,html[data-theme] .new-experience .finish-content{padding:25px 5% 35px}html[data-theme] .new-experience .modal{border-radius:8px;box-shadow:none}}@media(max-width:360px){.stage-copy h1{font-size:43px}.stage-kicker{font-size:6px}.thread-world{min-height:295px;margin-left:-30px}.sculpture-piece{width:42px;height:51px}.sculpture-piece b{font-size:24px}.stage-caption p{font-size:9px}.tuner-heading>span:last-child{letter-spacing:0}.selected-game h2{font-size:22px}.mode-switches strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html[data-theme] .new-experience *,html[data-theme] .new-experience *:before,html[data-theme] .new-experience *:after{animation:none!important;transition:none!important}.sculpture-piece{transform:rotate(var(--turn))}}html[data-theme] .new-experience :is(.stepper,.setting-row select,.final-leaderboard,.rules-points,.record-icon){background:var(--stage-raised);color:var(--stage-ink);border-color:var(--stage-line);border-radius:4px}html[data-theme] .new-experience :is(.modal h2,.preference-row strong,.score-row>b,.score-mini,.round-indicator strong,.timer strong,.field-label,.final-score,.final-leaderboard b,.rules-modes strong,.rules-points strong){color:var(--stage-ink)}html[data-theme] .new-experience :is(.modal-intro,.settings-note,.setting-row span,.subheading,.puzzle-instruction,.feedback-line,.rules-modes p,.tip-card p,.score-row>div>span,.lobby-player>div>span){color:var(--stage-muted)}html[data-theme] .new-experience .mode-setting button{border-color:var(--stage-line);color:var(--stage-muted);border-radius:3px}html[data-theme] .new-experience .mode-setting button.checked{background:var(--acid);color:#26311a;border-color:var(--acid)}html[data-theme] .new-experience .mode-setting button.checked>span{background:#26311a;color:var(--acid)}html[data-theme] .new-experience .score-row.is-me{background:#8aab4220;color:var(--stage-ink);border-radius:3px}html[data-theme] .new-experience .avatar-picker button.active{border-color:#819945;box-shadow:0 0 0 3px #81994530;background:var(--stage-raised)}html[data-theme] .new-experience .mask-letter{color:var(--stage-ink);border-color:var(--stage-muted)}html[data-theme] .new-experience .hint-button{border-radius:3px;background:#ab8b4425;color:var(--stage-ink);border:1px solid #aa8a4455}html[data-theme] .new-experience .puzzle-heading{background:transparent;border-bottom:1px solid var(--stage-line)}html[data-theme] .new-experience .round-track .done{background:#6e813f}html[data-theme] .new-experience .timer.urgent strong{color:var(--signal)}html[data-theme] .new-experience .final-leaderboard{border:1px solid var(--stage-line)}.thread-stage{overflow:clip}@media(max-width:760px){.thread-world{margin-right:0}.thread-canvas{width:100%;left:0}}@media(max-width:760px){.thread-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage-copy{min-width:0}.thread-world{min-width:0;min-height:235px;margin-top:78px;margin-left:-18px}.world-coordinate{top:-66px}.world-play{bottom:7%}}html[data-theme=light] .stage-copy h1 em{color:#607d28;-webkit-text-stroke:0}html[data-theme=light] .new-experience .mobile-nav button.active{color:#546d27}html[data-theme] .new-experience :is(.solo-progress strong,.potential-score,.score-mini small){color:var(--stage-muted)}html[data-theme] .new-experience{--control-radius: 12px}html[data-theme] .new-experience button,html[data-theme] .new-experience a{touch-action:manipulation}html[data-theme] .new-experience :is(button,input,select,a){scroll-margin-block:80px 160px}.skip-main{position:fixed;top:8px;left:16px;transform:translateY(-160%);padding:12px 20px;background:var(--acid);color:#202719;z-index:200;border-radius:8px}.skip-main:focus{transform:translateY(0)}.thread-stage{border-top:1px solid var(--stage-line);padding-top:30px}.stage-copy h1{letter-spacing:-.065em}.thread-world{background:radial-gradient(ellipse at center,#b2d5670c,transparent 65%)}.selected-game{border-radius:18px;border:1px solid var(--stage-line);background:var(--stage-raised);padding:22px 24px;margin-bottom:24px}.selected-emblem{display:grid;place-items:center;flex-shrink:0;width:60px;height:64px;border-radius:14px;background:var(--surface);color:var(--stage-ink)}.selected-emblem .mode-glyph{width:40px;height:40px}.selected-game h2{margin-bottom:6px;font-size:27px}.selected-game p{font-size:14px;line-height:1.5;max-width:42ch}.launch-button{border-radius:var(--control-radius);min-height:54px}.tuner-heading{padding:20px 0 16px;font-family:inherit;letter-spacing:0}.tuner-heading h2{margin:0;color:var(--stage-ink);font-size:20px;font-weight:800;letter-spacing:-.5px}.tuner-heading>span:last-child{font:inherit;font-size:13px}.mode-tuner{border-top:0;padding-bottom:12px}.mode-switches{gap:10px}.mode-switches button{position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 16px;min-height:118px;border-radius:14px;margin:0;background:transparent;border-color:var(--stage-line)}.mode-switches button>.mode-glyph{width:34px;height:34px;color:var(--stage-muted);transition:transform .18s}.mode-switches strong{font-size:13px;font-weight:750}.mode-switches i{position:absolute;top:12px;right:14px;font-size:22px;line-height:1}.mode-switches button[aria-pressed=true]{background:var(--stage-raised);color:var(--stage-ink);border-color:#91aa4d;box-shadow:inset 0 0 0 1px #91aa4d}.mode-switches button[aria-pressed=true] :is(.mode-glyph,i){color:var(--acid)}html[data-theme=light] .mode-switches button[aria-pressed=true] :is(.mode-glyph,i){color:#546d27}@media(hover:hover){.mode-switches button:hover .mode-glyph{transform:rotate(-7deg) translateY(-2px)}.mode-switches button:hover{border-color:var(--stage-muted)}.social-dock button:hover{color:var(--signal)}}.room-code-entry button{width:44px;height:44px;flex-shrink:0}.social-dock small{font-size:10px;letter-spacing:0}.social-dock strong{font-size:16px;line-height:1.4}.mobile-play-dock{display:none}html[data-theme] .new-experience :is(.icon-button,.profile-avatar,.stepper button){min-width:44px;min-height:44px}html[data-theme] .new-experience .modal{border-radius:20px;overscroll-behavior:contain;scrollbar-gutter:stable;padding-top:36px}html[data-theme] .new-experience .modal-close{top:10px;right:10px}html[data-theme] .new-experience :is(.modal-intro,.settings-note,.puzzle-instruction,.subheading){font-size:13px;line-height:1.6}html[data-theme] .new-experience .avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}html[data-theme] .new-experience .avatar-picker button{width:100%;height:44px;min-width:0}html[data-theme] .new-experience :is(.text-input,.answer-form input,.setting-row select){min-height:46px;font-size:16px;border-radius:8px}html[data-theme] .new-experience .mode-setting button{min-height:44px;font-size:12px;padding:8px}html[data-theme] .new-experience :is(.button,.room-person button){min-height:44px}html[data-theme] .new-experience :is(.panel,.puzzle-panel,.room-tools){border-radius:16px}html[data-theme] .new-experience .word-grid button{border-radius:10px;border-bottom-width:3px}html[data-theme] .new-experience .word-grid button[aria-pressed=true]{color:#202719;background:var(--acid);border-color:#8caa44}html[data-theme] .new-experience :is(.round-indicator,.timer,.score-mini,.score-row>b,.final-score){font-variant-numeric:tabular-nums}html[data-theme] .new-experience :is(.lobby-player>div,.room-person,.competition,.ladder-path,.record-row>div){min-width:0;overflow-wrap:anywhere}html[data-theme] .new-experience .room-person button{border-radius:8px}html[data-theme] .new-experience .game-topline{gap:12px;flex-wrap:wrap}@media(max-width:760px){html{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}html[data-theme] .new-experience .main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}html[data-theme] .new-experience .mobile-nav{padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}html[data-theme] .new-experience .mobile-nav button{min-height:48px;font-size:10px;gap:4px}html[data-theme] .new-experience .mobile-nav button.active svg{background:#91aa4d22;border-radius:8px;box-shadow:0 0 0 6px #91aa4d22}.playground{padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.thread-stage{padding-top:28px}.stage-copy{padding-top:4px;padding-bottom:0}.stage-copy h1{font-size:clamp(44px,8.6vw,66px)}.thread-world{margin-top:48px;min-height:230px}.surprise-link{min-height:44px;font-size:12px;margin-top:18px}.selected-game{padding:18px 16px;gap:12px;grid-template-columns:44px minmax(0,1fr);margin-top:18px;margin-bottom:12px}.selected-emblem{width:44px;height:52px;border-radius:10px}.selected-emblem .mode-glyph{width:30px;height:30px}.selected-game h2{font-size:23px;line-height:1.15;letter-spacing:-.7px}.selected-game p{font-size:12px}.launch-button{margin-top:4px;min-height:52px;font-size:14px}.mode-switches{gap:8px}.mode-switches button{min-height:108px;padding:14px;gap:12px}.mode-switches strong{font-size:13px}.mode-switches button>.mode-glyph{width:30px;height:30px}.tuner-heading h2{font-size:19px}.tuner-heading>span:last-child{font-size:12px}.mobile-play-dock{display:flex;align-items:center;gap:10px;position:fixed;z-index:29;inset:auto 12px calc(72px + env(safe-area-inset-bottom));padding:10px 12px;border:1px solid #91aa4d;border-radius:14px;background:var(--stage-raised);box-shadow:0 6px 25px #0004}.mobile-play-dock>.mode-glyph{width:28px;height:28px;flex-shrink:0}.mobile-play-dock>span{min-width:0;font-size:12px;line-height:1.3;font-weight:750}.mobile-play-dock button{display:flex;gap:6px;align-items:center;justify-content:center;margin-left:auto;min-height:44px;padding:10px 14px;background:var(--acid);color:#202719;border-radius:9px;font-size:13px;font-weight:850}.playground:has(.mobile-play-dock){padding-bottom:80px}html[data-theme] .new-experience .modal-overlay{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}html[data-theme] .new-experience .modal{padding:32px 18px 22px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}html[data-theme] .new-experience .avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html[data-theme] .new-experience .avatar-picker button{height:46px}html[data-theme] .new-experience .answer-form{flex-wrap:wrap}.answer-form input{flex:1 1 150px;min-width:0}html[data-theme] .new-experience .answer-form .button{flex:0 0 auto;min-height:46px;font-size:13px}html[data-theme] .new-experience .puzzle-body{padding-inline:14px}html[data-theme] .new-experience :is(.puzzle-instruction,.feedback-line,.puzzle-bottom .potential-score){font-size:12px}html[data-theme] .new-experience .puzzle-prompt{font-size:18px;line-height:1.45;overflow-wrap:anywhere}html[data-theme] .new-experience .hint-button{min-height:44px;font-size:12px}html[data-theme] .new-experience .setting-row{gap:10px}.setting-row>div{min-width:0}html[data-theme] .new-experience .setting-row select{max-width:54%;font-size:14px}html[data-theme] .new-experience .room-person{display:grid;grid-template-columns:1fr 1fr}.room-person strong{grid-column:1 / -1}html[data-theme] .new-experience .room-person button{font-size:12px;white-space:normal}html[data-theme] .new-experience .extra-actions{flex-wrap:wrap}.extra-actions>button{min-width:0;white-space:normal}}@media(max-width:360px){.playground{padding-inline:16px}.stage-copy h1{font-size:42px}.mode-switches button{padding:12px}.mode-switches strong{font-size:12px}.selected-game h2{font-size:21px}}@media(min-width:761px)and (max-width:1020px){.mode-switches{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-switches button{padding:12px}}@media(max-width:760px){.selected-game h2{min-height:2.3em}.selected-game p{min-height:3em}html[data-theme] .new-experience .puzzle-bottom>span{font-size:10px}}@media(max-width:480px){html[data-theme] .new-experience .answer-form .button{flex:1 0 100%;justify-content:center}}@media(min-width:761px){html[data-theme] .new-experience .mobile-nav{display:none}}html[data-theme] .new-experience .avatar-picker button{max-width:none}html[data-theme] .new-experience .lobby-grid>div{min-width:0}@media(max-width:760px){html[data-theme] .new-experience .lobby-grid{grid-template-columns:minmax(0,1fr)}html[data-theme] .new-experience .invite-box{flex-wrap:wrap;gap:16px}html[data-theme] .new-experience .invite-box strong{font-size:clamp(22px,6vw,30px);letter-spacing:3px;overflow-wrap:anywhere}}.cloud-status{color:var(--muted, #9da594);font-size:13px;line-height:1.5;margin:0 0 18px}.new-experience .quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.new-experience .quiz-options button{display:flex;align-items:center;gap:12px;min-height:72px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:14px;transition:transform .15s ease,background .15s ease}.new-experience .quiz-options button:not(:disabled):hover{transform:translateY(-2px)}.new-experience .quiz-options button:focus-visible{outline:3px solid #d3a854;outline-offset:3px}.quiz-letter{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid currentColor;border-radius:50%;font-weight:800;opacity:.8}.quiz-finale{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 20px;color:#f9e8ba;background:#42331e;border:1px solid #b38b42;border-radius:8px;overflow:hidden;position:relative;animation:quiz-arrival .7s ease-out both}.quiz-finale strong{font-size:22px}.quiz-finale span{font-size:28px;font-weight:900}.quiz-finale:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffedb733 50%,transparent 70%);transform:translate(-100%);animation:quiz-glint 1.3s .2s ease-out forwards;pointer-events:none}@keyframes quiz-arrival{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes quiz-glint{to{transform:translate(100%)}}@media(max-width:600px){.new-experience .quiz-options{grid-template-columns:1fr;gap:8px}.new-experience .quiz-options button{min-height:56px;padding:10px 12px}.quiz-finale{padding:12px 16px}}@media(prefers-reduced-motion:reduce){.quiz-finale,.quiz-finale:after{animation:none}.new-experience .quiz-options button{transition:none}}