.student-join-page{place-items:center;min-height:calc(100dvh - 106px);display:grid;overflow:hidden}.student-join-page .join-panel form{gap:12px;display:grid}.student-join-page .join-panel label{align-items:center;gap:10px;display:flex}.student-join-page .join-panel input{flex:1;min-width:0}.student-room-screen{background:#f4f8f5;place-items:center;width:100%;height:100dvh;padding:24px;display:grid;overflow:hidden}.student-room-screen.playing{background:#e9f3ef;padding:0;display:block}.student-room-message{text-align:center;background:#fff;border:1px solid #cfddd6;border-radius:8px;width:min(540px,94vw);padding:42px;box-shadow:0 14px 36px #1a43371f}.student-room-message svg{color:#19735a}.student-room-message span{color:#19735a;margin:12px 0 6px;font-weight:800;display:block}.student-room-message h1{color:#18342d;margin:8px 0}.student-room-message p{color:#687c75}.student-room-message.waiting .spin{animation:1s linear infinite spin}.memory-shell{--memory-green:#176a54;--memory-ink:#17332d;--memory-orange:#f2683e;--memory-yellow:#f3bf49;width:100%;height:100dvh;min-height:680px;color:var(--memory-ink);background:#f4f1e8;overflow:hidden}.memory-topbar{background:#fffdf7;border-bottom:1px solid #d9d4c7;align-items:center;gap:11px;height:72px;padding:0 22px;display:flex}.memory-brand-mark{color:#153f34;background:var(--memory-yellow);border-radius:6px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -3px #553b0e21}.memory-brand-copy{min-width:190px}.memory-brand-copy h1{letter-spacing:0;margin:0;font-size:19px}.memory-brand-copy p{color:#738078;margin:2px 0 0;font-size:11px}.memory-top-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.memory-start-top{min-height:40px;padding:0 17px;box-shadow:0 4px #bc4b28}.memory-back-button{color:#40524b;background:0 0;border:1px solid #cbd1cd;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.memory-stats{align-items:center;gap:6px;display:flex}.memory-stats span{color:#43554f;white-space:nowrap;background:#f2f5f3;border:1px solid #d7ddda;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.memory-setup-layout{grid-template-columns:minmax(340px,1.15fr) minmax(270px,.78fr) minmax(340px,1fr);gap:16px;height:calc(100dvh - 110px);min-height:570px;padding:18px 22px;display:grid}.memory-word-editor,.memory-round-settings,.memory-preview-panel{background:#fffdf8;border:1px solid #d8d2c5;border-top:5px solid;border-radius:7px;min-width:0;min-height:0;padding:21px;box-shadow:0 9px 22px #33302512}.memory-word-editor{border-top-color:var(--memory-green);flex-direction:column;display:flex}.memory-round-settings{border-top-color:var(--memory-orange);flex-direction:column;display:flex}.memory-preview-panel{border-top-color:#3f78b7;flex-direction:column;display:flex}.memory-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.memory-section-heading h2{letter-spacing:0;margin:4px 0 0;font-size:22px}.memory-section-heading+p,.memory-word-editor>p,.memory-round-settings>p{color:#748079;margin:12px 0 14px;font-size:12px;line-height:1.65}.memory-count-badge{color:#17624f;background:#e5f2ed;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:800}.memory-word-editor textarea{resize:none;width:100%;min-height:0;color:var(--memory-ink);font:inherit;background:#fbfaf6;border:1px solid #cdd3cf;border-radius:5px;outline:0;flex:1;padding:16px;font-size:18px;line-height:1.75}.memory-word-editor textarea:focus{border-color:var(--memory-green);box-shadow:0 0 0 3px #176a541f}.memory-pair-presets{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.memory-pair-presets button{color:#43514c;background:#fff;border:1px solid #cfd5d1;border-radius:4px;min-height:42px;font-size:13px;font-weight:800}.memory-pair-presets button.active{color:#fff;background:var(--memory-green);border-color:var(--memory-green)}.memory-pair-presets button:disabled{color:#a7aea9;background:#f1f2ef}.memory-stepper{grid-template-columns:42px 1fr 42px;gap:8px;margin-top:12px;display:grid}.memory-stepper button{color:var(--memory-green);background:#e8f2ee;border:1px solid #bfd3cb;border-radius:4px;place-items:center;display:grid}.memory-stepper button:disabled{color:#adb4b0;background:#f0f1ef;border-color:#d8dcda}.memory-stepper div{text-align:center;background:#f7f4ec;border:1px solid #e0d9c9;place-content:center;min-height:62px;display:grid}.memory-stepper strong{font-size:25px;line-height:1}.memory-stepper span{color:#7a817c;margin-top:5px;font-size:10px}.memory-setting-note,.memory-setting-error{border-left:4px solid;padding:8px 9px;margin:12px 0 0!important;font-size:10px!important}.memory-setting-note{background:#fff2cf;border-color:#e4ac35;color:#71531e!important}.memory-setting-error{background:#fde9e5;border-color:#db5d49;color:#963b31!important}.memory-main-start{width:100%;min-height:50px;margin-top:auto}.memory-preview-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:9px;min-height:0;margin:17px 0 13px;display:grid}.memory-preview-grid span{color:#fff;background:#246b94;border:2px solid #fff;border-radius:6px;outline:1px solid #9bb1bc;place-items:center;font-size:19px;font-weight:800;display:grid;box-shadow:inset 0 -6px #0a283924}.memory-preview-grid span:nth-child(4n+2){background:#208169}.memory-preview-grid span:nth-child(4n+3){background:#d56c48}.memory-preview-grid span:nth-child(4n+4){background:#7969a5}.memory-preview-caption{color:#64716a;align-items:center;gap:7px;font-size:10px;display:flex}.memory-game-layout{grid-template-rows:minmax(0,1fr) 92px;gap:12px;height:calc(100dvh - 110px);min-height:570px;padding:16px 22px 12px;display:grid}.memory-game-board{grid-template-columns:repeat(var(--memory-columns), minmax(0, 1fr));background:#e5dece;border:1px solid #d0c5af;border-radius:7px;grid-auto-rows:minmax(0,1fr);justify-self:center;gap:12px;width:min(100%,1320px);min-height:0;padding:14px;display:grid;box-shadow:inset 0 0 0 6px #f4efe3,0 10px 24px #3630221f}.memory-card{perspective:900px;background:0 0;border:0;border-radius:7px;min-width:0;min-height:0;padding:0}.memory-card:disabled{opacity:1}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s,opacity .35s;display:block;position:relative}.memory-card.is-open .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card.is-matched{pointer-events:none}.memory-card.is-matched .memory-card-inner{opacity:0;transition-delay:80ms}.memory-card-back,.memory-card-front{backface-visibility:hidden;border:3px solid #fff;border-radius:7px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.memory-card-back{color:#fff;background:#246b94;outline:1px solid #8aa3b1;box-shadow:inset 0 -9px #12324429,0 4px 8px #27312e24}.memory-card:nth-child(4n+2) .memory-card-back{background:#267d68}.memory-card:nth-child(4n+3) .memory-card-back{background:#ca6747}.memory-card:nth-child(4n+4) .memory-card-back{background:#74629f}.memory-card-back i{font-size:clamp(13px,1.4vw,22px);font-style:normal;font-weight:800;position:absolute;top:10px;left:12px}.memory-card-back svg{opacity:.72}.memory-card-front{color:var(--memory-ink);background:#fffdf8;outline:1px solid #c9cfc9;transform:rotateY(180deg)}.memory-card-front strong{overflow-wrap:anywhere;letter-spacing:0;text-align:center;max-width:90%;font-size:clamp(19px,2.5vw,42px);line-height:1.15}.memory-card-front svg{color:#fff;border-radius:50%;padding:5px;position:absolute;bottom:9px;right:10px}.memory-card.is-correct .memory-card-front{border-color:#2c9a70;box-shadow:inset 0 0 0 4px #bdebd8}.memory-card.is-correct .memory-card-front svg{background:#258c65}.memory-card.is-wrong .memory-card-front{border-color:#d45a4e;animation:.28s 2 memory-shake;box-shadow:inset 0 0 0 4px #f7cdc7}.memory-card.is-wrong .memory-card-front svg{background:#c84f45}@keyframes memory-shake{33%{transform:rotateY(180deg)translate(-4px)}66%{transform:rotateY(180deg)translate(4px)}}.memory-found-tray{border:1px solid #d7d1c5;border-left:5px solid var(--memory-green);background:#fffdf8;grid-template-columns:150px minmax(0,1fr);align-items:stretch;min-width:0;display:grid}.memory-found-heading{border-right:1px solid #e1ddd3;place-content:center;padding:0 16px;display:grid}.memory-found-heading span{color:#758078;font-size:10px;font-weight:800}.memory-found-heading strong{margin-top:4px;font-size:17px}.memory-found-words{align-items:center;gap:8px;min-width:0;padding:12px;display:flex;overflow-x:auto}.memory-found-words>span{color:#155f4c;background:#e3f2ec;border:1px solid #bcd9ce;border-radius:4px;align-items:center;gap:5px;min-width:max-content;padding:8px 11px;font-size:14px;font-weight:800;display:inline-flex}.memory-found-words p{color:#9aa19c;margin:0;font-size:12px}.memory-notice{color:#5f6b65;background:#fffdf8;border-top:1px solid #d8d3c8;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:700;display:flex}.memory-notice span{color:var(--memory-orange)}.memory-notice p{margin:0}.memory-victory{width:min(620px,100% - 36px)}.memory-victory-words{flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0 22px;display:flex}.memory-victory-words span{color:#175f4e;background:#e4f1ec;border:1px solid #bed7ce;border-radius:4px;padding:7px 10px;font-weight:800}.memory-victory-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.secondary-game-button{color:#45534e;background:#fff;border:1px solid #cbd1cd;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:46px;font-weight:800;display:inline-flex}@media (height<=760px){.memory-shell{min-height:620px}.memory-topbar{height:64px}.memory-setup-layout,.memory-game-layout{height:calc(100dvh - 102px);min-height:518px;padding-top:12px}.memory-word-editor,.memory-round-settings,.memory-preview-panel{padding:16px}.memory-section-heading h2{font-size:19px}.memory-found-tray{grid-template-columns:130px 1fr}}@media (width<=1180px){.memory-brand-copy p,.memory-top-actions .user-pill,.memory-top-actions .toolbar-button span{display:none}.memory-setup-layout{grid-template-columns:1.1fr .8fr 1fr;gap:10px;padding-left:12px;padding-right:12px}.memory-word-editor,.memory-round-settings,.memory-preview-panel{padding:15px}}.reveal-shell{--reveal-green:#176a54;--reveal-ink:#18332d;--reveal-orange:#f2683e;--reveal-blue:#356fa8;width:100%;height:100dvh;min-height:660px;color:var(--reveal-ink);background:#eef2ef;overflow:hidden}.reveal-topbar{background:#fffdf8;border-bottom:1px solid #d6ddd8;align-items:center;gap:10px;height:68px;padding:0 22px;display:flex}.reveal-brand-mark{color:#fff;background:var(--reveal-blue);border-radius:6px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -3px #102e482e}.reveal-brand-copy{min-width:200px}.reveal-brand-copy h1{letter-spacing:0;margin:0;font-size:19px}.reveal-brand-copy p{color:#75827c;margin:2px 0 0;font-size:11px}.reveal-top-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.reveal-start-top{min-height:40px;padding:0 16px;box-shadow:0 4px #bd4b28}.reveal-back-button{color:#40524b;background:0 0;border:1px solid #cbd1cd;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.reveal-stats{align-items:center;gap:6px;display:flex}.reveal-stats span{color:#43554f;white-space:nowrap;background:#f2f5f3;border:1px solid #d7ddda;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.reveal-setup-layout{grid-template-columns:minmax(340px,1.12fr) minmax(290px,.78fr) minmax(360px,1.05fr);gap:16px;height:calc(100dvh - 106px);min-height:554px;padding:18px 22px;display:grid}.reveal-question-editor,.reveal-difficulty-panel,.reveal-preview-panel{background:#fffdf8;border:1px solid #d7ddd8;border-top:5px solid;border-radius:7px;min-width:0;min-height:0;padding:20px;box-shadow:0 9px 22px #223a3112}.reveal-question-editor{border-top-color:var(--reveal-green);flex-direction:column;display:flex}.reveal-difficulty-panel{border-top-color:var(--reveal-orange);flex-direction:column;display:flex}.reveal-preview-panel{border-top-color:var(--reveal-blue);flex-direction:column;display:flex}.reveal-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reveal-section-heading h2{letter-spacing:0;margin:4px 0 0;font-size:22px}.reveal-question-editor>p,.reveal-difficulty-panel>p{color:#748079;margin:11px 0 13px;font-size:12px;line-height:1.65}.reveal-count-badge{color:#17624f;background:#e5f2ed;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:800}.reveal-question-editor textarea{resize:none;width:100%;min-height:0;color:var(--reveal-ink);font:inherit;background:#fbfaf6;border:1px solid #cbd3ce;border-radius:5px;outline:0;flex:1;padding:15px;font-size:18px;line-height:1.75}.reveal-question-editor textarea:focus{border-color:var(--reveal-green);box-shadow:0 0 0 3px #176a541f}.reveal-question-editor>small{color:#8a958f;margin-top:9px;font-size:10px}.reveal-auto-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reveal-auto-rules span{color:#36574c;border:1px solid #ced8d2;border-left:4px solid var(--reveal-green);background:#f7faf8;border-radius:5px;align-content:center;gap:3px;min-height:58px;padding:9px 12px;display:grid}.reveal-auto-rules strong{font-size:13px}.reveal-auto-rules small{color:#7a8781;font-size:10px}.reveal-rule-summary{color:#34564b;border-left:4px solid var(--reveal-green);background:#edf4f1;align-items:center;gap:10px;margin-top:12px;padding:11px;display:flex}.reveal-rule-summary div{gap:3px;display:grid}.reveal-rule-summary strong{font-size:12px}.reveal-rule-summary span{color:#72817b;font-size:10px}.reveal-setting-error{background:#fde9e5;border-left:4px solid #db5d49;padding:8px 9px;color:#963b31!important;margin:10px 0 0!important;font-size:10px!important}.reveal-main-start{width:100%;min-height:50px;margin-top:auto}.reveal-preview-board{background:#fff;border:7px solid #214c42;border-radius:7px;flex:1;place-items:center;width:100%;min-height:0;margin:16px 0 12px;display:grid;position:relative;overflow:hidden;box-shadow:7px 7px #f0bc4b}.reveal-preview-board>strong{overflow-wrap:anywhere;text-align:center;max-width:82%;font-size:34px;line-height:1.25}.reveal-preview-tiles{grid-template-columns:repeat(var(--reveal-columns), 1fr);grid-template-rows:repeat(var(--reveal-rows), 1fr);display:grid;position:absolute;inset:0}.reveal-preview-tiles i{background:#3977ad;border:1px solid #ffffff42;transition:opacity .2s}.reveal-preview-tiles i:nth-child(3n+2){background:#32705d}.reveal-preview-tiles i:nth-child(3n+3){background:#d96545}.reveal-preview-tiles i.is-open{opacity:0}.reveal-preview-caption{color:#64716a;align-items:center;gap:7px;font-size:10px;display:flex}.reveal-game-layout{grid-template-rows:minmax(0,1fr) 84px;height:calc(100dvh - 106px);min-height:554px;display:grid;overflow:hidden}.reveal-stage{background:#edf2ef;grid-template-rows:50px minmax(0,1fr);min-height:0;padding:12px 24px 10px;display:grid}.reveal-stage-heading{grid-template-columns:42px 1fr 42px;justify-self:center;align-items:center;gap:10px;width:min(100%,1120px);display:grid}.reveal-stage-heading>button{color:#3f554d;background:#fff;border:1px solid #cbd4cf;border-radius:5px;place-items:center;width:40px;height:36px;padding:0;display:grid}.reveal-stage-heading>div{text-align:center;justify-content:center;align-items:baseline;gap:12px;display:flex}.reveal-stage-heading span{color:var(--reveal-blue);font-size:12px;font-weight:800}.reveal-stage-heading strong{font-size:15px}.reveal-board-frame{place-items:center;min-height:0;display:grid}.reveal-board{width:min(100%, var(--reveal-board-width,1180px));height:min(100%, var(--reveal-board-height,520px));min-height:min(310px, var(--reveal-board-height,520px));background:#fffdf8;border:8px solid #203f38;border-radius:8px;transition:width .24s,height .24s;position:relative;overflow:hidden;box-shadow:10px 10px #e9b845,0 16px 30px #1d352d1f}.reveal-answer{overflow-wrap:anywhere;color:#17342d;letter-spacing:0;text-align:center;place-items:center;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;line-height:1.08;display:grid;position:absolute;inset:8%;overflow:hidden}.reveal-answer.is-single{font-size:300px;font-weight:800}.reveal-answer.is-pair{font-size:240px;font-weight:800}.reveal-answer.is-short{font-size:176px;font-weight:800}.reveal-answer.is-medium{font-size:116px;font-weight:800}.reveal-answer.is-long{font-size:76px;font-weight:750}.reveal-answer.is-extra-long{font-size:48px;font-weight:700}.reveal-tiles{grid-template-columns:repeat(var(--reveal-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--reveal-rows), minmax(0, 1fr));display:grid;position:absolute;inset:0}.reveal-tiles button{opacity:1;cursor:pointer;background:#3977ad;border:1px solid #ffffff3d;border-radius:0;min-width:0;min-height:0;padding:0;transition:opacity .22s,transform .22s,filter .14s;transform:scale(1)}.reveal-tiles button:nth-child(4n+2){background:#31725f}.reveal-tiles button:nth-child(4n+3){background:#d86646}.reveal-tiles button:nth-child(4n+4){background:#75659c}.reveal-tiles button:hover{filter:brightness(1.13)}.reveal-tiles button:focus-visible{z-index:2;outline-offset:-4px;outline:4px solid #f4bf4f;position:relative}.reveal-tiles button.is-revealed{pointer-events:none;opacity:0;transform:scale(.86)}.reveal-game-controls{background:#fffdf8;border-top:1px solid #d4dbd6;grid-template-columns:minmax(170px,.8fr) auto minmax(190px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:11px 22px;display:grid}.reveal-game-controls button{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:50px;padding:0 15px;font-size:12px;font-weight:850;display:inline-flex}.reveal-progress-block{color:#586760;grid-template-columns:auto minmax(80px,1fr) 40px;align-items:center;gap:8px;min-width:0;padding-right:10px;font-size:10px;font-weight:800;display:grid}.reveal-progress-block>div{background:#dde4df;border-radius:4px;height:8px;overflow:hidden}.reveal-progress-block i{background:var(--reveal-green);height:100%;transition:width .25s;display:block}.reveal-progress-block strong{font-size:11px}.reveal-cover-button{color:#475750;background:#fff;border:1px solid #cbd3ce}.reveal-step-button{color:#fff;background:var(--reveal-blue);border:1px solid var(--reveal-blue);box-shadow:0 4px #25527d;font-size:14px!important}.reveal-answer-button{color:#7b5015;background:#f8c555;border:1px solid #dfa62b}.reveal-next-button{color:#fff;background:var(--reveal-green);border:1px solid var(--reveal-green);box-shadow:0 4px #10503f}.reveal-next-button.is-finish{background:var(--reveal-orange);border-color:var(--reveal-orange);box-shadow:0 4px #b94726}.reveal-notice{color:#5f6b65;background:#fffdf8;border-top:1px solid #d8d3c8;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:700;display:flex}.reveal-notice svg{color:var(--reveal-orange)}.reveal-notice p{margin:0}.reveal-victory{width:min(680px,100% - 36px)}.reveal-review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:180px;margin:17px 0 21px;display:grid;overflow-y:auto}.reveal-review-list span{color:#225b4b;overflow-wrap:anywhere;background:#e7f2ee;border:1px solid #c5dcd4;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.reveal-review-list i{color:#fff;background:var(--reveal-green);border-radius:4px;flex:none;place-items:center;width:23px;height:23px;font-size:10px;font-style:normal;display:grid}.reveal-victory-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}@media (height<=760px){.reveal-shell{min-height:620px}.reveal-topbar{height:64px}.reveal-setup-layout,.reveal-game-layout{height:calc(100dvh - 102px);min-height:518px}.reveal-setup-layout{padding-top:12px}.reveal-question-editor,.reveal-difficulty-panel,.reveal-preview-panel{padding:15px}.reveal-section-heading h2{font-size:19px}.reveal-auto-rules span{min-height:49px;padding:6px 10px}.reveal-stage{grid-template-rows:42px minmax(0,1fr);padding-top:8px}.reveal-board{min-height:280px}.reveal-answer.is-single{font-size:240px}.reveal-answer.is-pair{font-size:200px}.reveal-answer.is-short{font-size:148px}.reveal-answer.is-medium{font-size:102px}.reveal-answer.is-long{font-size:68px}.reveal-answer.is-extra-long{font-size:44px}}@media (width<=1180px){.reveal-brand-copy p,.reveal-top-actions .user-pill,.reveal-top-actions .toolbar-button span{display:none}.reveal-setup-layout{grid-template-columns:1.08fr .8fr 1fr;gap:10px;padding-left:12px;padding-right:12px}.reveal-game-controls{grid-template-columns:minmax(150px,.7fr) auto minmax(170px,1fr) auto auto;padding-left:12px;padding-right:12px}}.worksheet-editor-shell{--worksheet-ink:#1f2933;--worksheet-muted:#66717d;--worksheet-line:#d7dce1;--worksheet-panel:#fff;min-width:1120px;height:100dvh;color:var(--worksheet-ink);background:#e7eaed;overflow:hidden}.worksheet-editor-topbar{z-index:20;border-bottom:1px solid var(--worksheet-line);background:#fff;align-items:center;gap:10px;height:60px;padding:0 14px;display:flex;position:relative;box-shadow:0 2px 8px #18232d0f}.worksheet-icon-button{color:#4f5e69;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.worksheet-icon-button:hover{background:#f1f3f4;border-color:#dfe3e6}.worksheet-brand-mark{color:#fff;background:#b84339;border-radius:5px;flex:none;place-items:center;width:36px;height:36px;display:grid}.worksheet-title-control{gap:1px;min-width:190px;display:grid}.worksheet-title-control input{color:#26313b;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:14px;font-weight:800}.worksheet-title-control small{color:#88929a;font-size:9px}.worksheet-top-actions{align-items:center;gap:7px;min-width:0;margin-left:auto;display:flex}.worksheet-toolbar-button{color:#45525d;background:#fff;border:1px solid #d6dce0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.worksheet-toolbar-button:hover{background:#f6f7f8}.worksheet-toolbar-button.primary{color:#fff;background:#1d6f5f;border-color:#1d6f5f}.worksheet-toolbar-button:disabled{opacity:.65;cursor:wait}.worksheet-mode-switch{background:#eef1f3;border-radius:5px;align-items:center;height:36px;padding:3px;display:flex}.worksheet-mode-switch button{color:#69747c;background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;height:30px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.worksheet-mode-switch button.active{color:#26313b;background:#fff;box-shadow:0 1px 4px #1a232b1f}.worksheet-account{color:#59656e;white-space:nowrap;text-overflow:ellipsis;background:#f5f6f7;border-radius:4px;align-items:center;gap:6px;max-width:120px;height:36px;padding:0 9px;font-size:10px;display:flex;overflow:hidden}.worksheet-editor-layout{grid-template-columns:330px minmax(530px,1fr) 286px;height:calc(100dvh - 60px);min-height:0;display:grid}.worksheet-content-panel,.worksheet-settings-panel{background:var(--worksheet-panel);min-height:0}.worksheet-content-panel{border-right:1px solid var(--worksheet-line)}.worksheet-settings-panel{border-left:1px solid var(--worksheet-line)}.worksheet-panel-tabs{border-bottom:1px solid #e4e7ea;grid-template-columns:1fr 1fr;height:50px;padding:7px;display:grid}.worksheet-panel-tabs button{color:#68747d;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.worksheet-panel-tabs button.active{color:#1d6f5f;background:#e8f3ef}.worksheet-panel-scroll,.worksheet-settings-scroll{scrollbar-width:thin;height:calc(100% - 50px);min-height:0;overflow-y:auto}.worksheet-control-section{border-bottom:1px solid #e7eaec;gap:9px;padding:14px;display:grid}.worksheet-control-section label,.worksheet-selected-settings label{color:#4d5962;gap:6px;font-size:10px;font-weight:800;display:grid}.worksheet-control-section input,.worksheet-control-section select,.worksheet-selected-settings input,.worksheet-select-label select,.worksheet-add-block select{color:#2f3a43;background:#fff;border:1px solid #ced5da;border-radius:4px;outline:0;width:100%;height:36px;padding:0 9px;font-size:11px}.worksheet-control-section input:focus,.worksheet-control-section select:focus,.worksheet-control-section textarea:focus,.worksheet-selected-settings input:focus{border-color:#1d6f5f;box-shadow:0 0 0 2px #1d6f5f1a}.worksheet-section-heading{justify-content:space-between;align-items:center;display:flex}.worksheet-section-heading strong{font-size:12px}.worksheet-section-heading span{color:#7b8790;font-size:9px}.worksheet-control-section textarea{resize:vertical;color:#2f3941;background:#fbfcfc;border:1px solid #cfd5da;border-radius:4px;outline:0;width:100%;height:158px;padding:9px;font:10px/1.65 Consolas,monospace}.worksheet-format-hint{color:#7e8991;font-size:9px;line-height:1.45}.worksheet-import-button{color:#385f56;background:#edf6f2;border:1px solid #cfe2db;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:10px;font-weight:800;display:flex}.worksheet-add-block{grid-template-columns:minmax(0,1fr) 36px;gap:7px;display:grid}.worksheet-add-block button{color:#fff;background:#1d6f5f;border:0;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;display:grid}.worksheet-block-list{display:grid}.worksheet-block-list>button{color:#2c3740;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e8ea;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:8px 10px;display:grid}.worksheet-block-list>button:hover{background:#f7f8f8}.worksheet-block-list>button.active{background:#eef6f3;box-shadow:inset 4px 0 #1d6f5f}.worksheet-block-list>button>span{color:#fff;background:#65727b;border-radius:3px;place-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:grid}.worksheet-block-list strong,.worksheet-block-list small{display:block}.worksheet-block-list strong{font-size:11px}.worksheet-block-list small{color:#818b92;margin-top:4px;font-size:9px}.worksheet-block-list i{gap:2px;font-style:normal;display:flex}.worksheet-block-list i span{color:#76828a;border-radius:3px;place-items:center;width:25px;height:25px;display:grid}.worksheet-block-list i span:hover{color:#a33d35;background:#f7e9e7}.worksheet-preview-stage{background:#dfe3e6;grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.worksheet-preview-toolbar{color:#64717a;background:#f7f8f8;border-bottom:1px solid #cfd5d9;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;font-weight:700;display:flex}.worksheet-preview-toolbar span{align-items:center;gap:6px;display:inline-flex}.worksheet-pages{align-content:start;justify-items:center;gap:22px;min-height:0;padding:22px;display:grid;overflow:auto}.worksheet-page{--sheet-accent:#b84339;color:#1e2225;transform-origin:top;background:#fff;flex-direction:column;width:210mm;min-height:297mm;padding:13mm 14mm 11mm;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;display:flex;position:relative;box-shadow:0 8px 24px #1e2a322b}.worksheet-paper-header{border-bottom:1.5px solid #30363a;justify-content:space-between;align-items:flex-start;gap:15mm;min-height:23mm;padding-bottom:4mm;display:flex}.worksheet-paper-header h1{color:#202529;text-align:left;margin:0;font-family:KaiTi,STKaiti,serif;font-size:24px;line-height:1.25}.worksheet-paper-header p{color:#697178;margin:2mm 0 0;font-size:10px}.worksheet-paper-header>span{color:#616a70;padding-top:2mm;font-size:9px}.worksheet-student-fields{color:#4f585e;border-bottom:1px solid #d7dadd;grid-template-columns:1fr 1fr 1fr;gap:8mm;padding:4mm 0;font-size:9px;display:grid}.worksheet-paper-content{flex:1;padding-top:4mm}.worksheet-page>footer{color:#8a9195;text-align:center;border-top:1px solid #e1e3e5;margin-top:auto;padding-top:3mm;font-size:8px}.sheet-block{break-inside:avoid;margin-bottom:5mm}.sheet-block-title{border-bottom:1.5px solid var(--sheet-accent);align-items:center;gap:2.5mm;min-height:7mm;display:flex}.sheet-block-title span{color:#fff;background:var(--sheet-accent);border-radius:1mm;place-items:center;width:5mm;height:5mm;font-size:8px;font-weight:800;display:grid}.sheet-block-title strong{color:#24292d;font-size:12px}.sheet-instructions{color:#515a60;background:color-mix(in srgb, var(--sheet-accent) 8%, white);border-left:2px solid var(--sheet-accent);margin:1.5mm 0 3mm;padding:1.5mm 2mm;font-size:8px;line-height:1.4}.sheet-vocab-grid{grid-template-columns:repeat(3,1fr);gap:3mm 7mm;display:grid}.sheet-vocab-grid>div{border-bottom:1px dotted #cfd3d6;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;column-gap:2mm;padding-bottom:1.5mm;display:grid}.sheet-vocab-grid small{color:var(--sheet-accent);grid-area:1/1;font-size:8px}.sheet-vocab-grid strong{grid-area:2/1;font-family:KaiTi,STKaiti,serif;font-size:15px}.sheet-vocab-grid span{color:#5f686e;grid-area:1/2/span 2;align-self:end;font-size:8px}.sheet-matching{grid-template-columns:1fr 1fr;gap:25mm;display:grid}.sheet-matching>div{gap:2.5mm;display:grid}.sheet-matching p{align-items:center;gap:2mm;min-height:7mm;margin:0;font-size:10px;display:flex}.sheet-matching p b{color:var(--sheet-accent)}.sheet-matching p span{align-items:baseline;gap:1.5mm;display:inline-flex}.sheet-matching p small{color:#737b80;font-size:7px}.sheet-matching p i{background:#272c2f;border-radius:50%;width:2.2mm;height:2.2mm;margin-left:auto}.sheet-matching>div:last-child p i{margin:0}.sheet-answer{color:#315f51;background:#edf6f2;margin:2mm 0 0;padding:1.5mm 2mm;font-size:8px}.sheet-word-bank{color:#3c464c;background:#f2f3f4;border:1px solid #dde0e2;margin-bottom:2mm;padding:2mm;font-size:9px}.sheet-sentences{gap:2.5mm;margin:0;padding-left:6mm;display:grid}.sheet-sentences li{padding-left:1mm;font-family:KaiTi,STKaiti,serif;font-size:12px}.sheet-sentences small{color:#7a8287;margin-top:1mm;font-family:Arial,sans-serif;font-size:7px;display:block}.sheet-order-list{gap:3mm;display:grid}.sheet-order-list>div{grid-template-columns:6mm 1fr;align-items:center;gap:1mm;display:grid}.sheet-order-list>div>b{color:var(--sheet-accent);font-size:9px}.sheet-order-list>div>span{flex-wrap:wrap;gap:1.5mm;display:flex}.sheet-order-list i{background:#f4f5f5;border:1px solid #bfc5c8;border-radius:1mm;padding:1.2mm 2mm;font-family:KaiTi,STKaiti,serif;font-size:10px;font-style:normal}.sheet-order-list small{color:#315f51;grid-column:2;font-size:8px}.sheet-choice-list{gap:3mm;margin:0;padding-left:6mm;display:grid}.sheet-choice-list li{font-size:9px;position:relative}.sheet-choice-list li>strong{margin-right:2mm;font-family:KaiTi,STKaiti,serif;font-size:12px}.sheet-choice-list li>small{color:#737b80;font-size:7px}.sheet-choice-list li>div{gap:6mm;margin-top:1mm;display:flex}.sheet-choice-list li>div span{min-width:33mm}.sheet-choice-list em,.sheet-truefalse em{color:#315f51;margin-left:3mm;font-size:8px;font-style:normal;font-weight:800}.sheet-truefalse{gap:2.5mm;margin:0;padding-left:6mm;display:grid}.sheet-truefalse li{align-items:center;gap:3mm;font-size:9px;display:flex}.sheet-truefalse li>span{flex:1}.sheet-truefalse li>b{font-size:8px}.sheet-dictation{grid-template-columns:1fr 1fr;gap:3mm 8mm;display:grid}.sheet-dictation>div{align-items:center;gap:1mm;display:flex}.sheet-dictation b{width:5mm;color:var(--sheet-accent);font-size:9px}.sheet-dictation i{border:1px solid #454b4f;width:8mm;height:8mm}.sheet-dictation small{color:#315f51;margin-left:2mm}.sheet-writing-grid{gap:2.5mm;display:grid}.sheet-writing-row{grid-template-columns:28mm minmax(0,1fr);align-items:center;gap:4mm;display:grid}.sheet-writing-row>span{grid-template-columns:auto 1fr;align-items:end;column-gap:2mm;display:grid}.sheet-writing-row>span small{color:var(--sheet-accent);grid-column:1/-1;font-size:7px}.sheet-writing-row>span strong{font-family:KaiTi,STKaiti,serif;font-size:15px}.sheet-writing-row>span em{color:#717a80;align-self:center;font-size:7px;font-style:normal}.sheet-writing-row>div{display:flex}.sheet-writing-row>div i{border:1px solid #555b5e;border-right:0;place-items:center;width:14mm;height:14mm;font-family:KaiTi,STKaiti,serif;font-size:25px;font-style:normal;display:grid;position:relative;overflow:hidden}.sheet-writing-row>div i:last-child{border-right:1px solid #555b5e}.sheet-writing-row>div i.trace{color:#c8cbcd}.grid-tianzi .sheet-writing-row>div i:before,.grid-tianzi .sheet-writing-row>div i:after,.grid-mizi .sheet-writing-row>div i:before,.grid-mizi .sheet-writing-row>div i:after{content:"";z-index:0;pointer-events:none;position:absolute}.grid-tianzi .sheet-writing-row>div i:before,.grid-mizi .sheet-writing-row>div i:before{border-top:1px dashed #c6c9cb;top:50%;left:0;right:0}.grid-tianzi .sheet-writing-row>div i:after,.grid-mizi .sheet-writing-row>div i:after{border-left:1px dashed #c6c9cb;top:0;bottom:0;left:50%}.grid-mizi .sheet-writing-row>div{background-image:linear-gradient(45deg,#0000 calc(50% - .5px),#d7d9da 50%,#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#d7d9da 50%,#0000 calc(50% + .5px));background-size:14mm 14mm}.sheet-writing-lines{gap:5mm;display:grid}.sheet-writing-lines i{border-bottom:1px solid #777e82;height:6mm}.worksheet-settings-panel>header{border-bottom:1px solid #e2e5e7;align-items:center;gap:7px;height:50px;padding:0 13px;font-size:11px;display:flex}.worksheet-settings-scroll{height:calc(100% - 50px)}.worksheet-settings-scroll>section{border-bottom:1px solid #e5e8ea;gap:10px;padding:14px;display:grid}.worksheet-setting-label{color:#606d75;text-transform:uppercase;font-size:9px;font-weight:900}.worksheet-toggle{color:#3f4c55;justify-content:space-between;align-items:center;min-height:30px;font-size:10px;font-weight:700;display:flex}.worksheet-toggle input{accent-color:#1d6f5f;width:32px;height:18px}.worksheet-swatches{gap:8px;display:flex}.worksheet-swatches button{border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #cbd1d5}.worksheet-swatches button.active{box-shadow:0 0 0 2px #26343c}.worksheet-select-label{color:#4d5962;gap:6px;font-size:10px;font-weight:800;display:grid}.worksheet-selected-settings label{margin-top:1px}.worksheet-no-selection{color:#7b858c;margin:14px;font-size:10px;line-height:1.7}.worksheet-toast{z-index:80;color:#fff;background:#26373f;border-radius:5px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:11px;font-weight:700;animation:3.8s both worksheet-toast;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 28px #17222947}@keyframes worksheet-toast{0%{opacity:0;transform:translateY(8px)}8%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}.worksheet-detail-preview{background:#e4e7e8}.detail-paper{color:#293239;background:#fff;flex-direction:column;width:72%;min-height:78%;padding:28px;display:flex;box-shadow:0 10px 25px #1b262d2e}.detail-paper>strong{text-align:center;font-family:KaiTi,STKaiti,serif;font-size:23px}.detail-paper>small{color:#738089;text-align:center;margin-top:4px}.detail-paper>i{background:#b84339;height:2px;margin:18px 0}.detail-paper-words{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.detail-paper-words span{border-bottom:1px dotted #bbb;padding-bottom:8px;font-family:KaiTi,STKaiti,serif;font-size:17px}.detail-paper-words small{color:#b84339;font-family:Arial,sans-serif;font-size:9px}.detail-paper p{margin:6px 0;font-size:10px}@media (width<=1360px){.worksheet-editor-layout{grid-template-columns:300px minmax(510px,1fr) 260px}.worksheet-page{margin-bottom:-53mm;transform:scale(.82)}.worksheet-top-actions .worksheet-account{display:none}}@media print{@page{size:A4 portrait;margin:0}html,body,#root{background:#fff!important;margin:0!important;padding:0!important}body{overflow:visible!important}.worksheet-editor-shell{background:#fff;min-width:0;height:auto;overflow:visible}.worksheet-editor-topbar,.worksheet-content-panel,.worksheet-settings-panel,.worksheet-preview-toolbar,.worksheet-toast{display:none!important}.worksheet-editor-layout{height:auto;display:block}.worksheet-preview-stage{background:#fff;display:block;overflow:visible}.worksheet-pages{padding:0;display:block;overflow:visible}.worksheet-page{width:210mm;height:297mm;min-height:297mm;box-shadow:none;break-after:page;page-break-after:always;margin:0;transform:none!important}.worksheet-page:last-child{break-after:auto;page-break-after:auto}}.live-room-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f2620b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.host-room-panel{color:#17342d;background:#fffdf8;border:1px solid #cbd6cf;border-radius:8px;width:min(980px,100%);max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 24px 70px #071f1852}.host-room-panel>header{border-bottom:1px solid #d8dfda;align-items:center;height:76px;padding:0 22px;display:flex}.host-room-panel>header>div{align-items:center;gap:12px;display:flex}.host-room-panel>header span{color:#176a54;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.host-room-panel>header h2{margin:0;font-size:22px}.host-room-panel>header button{background:#f4f6f4;border:1px solid #d2d9d4;border-radius:5px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.host-room-layout{grid-template-columns:390px minmax(0,1fr);min-height:520px;display:grid}.room-share-block{background:#edf5f1;border-right:1px solid #d1ddd6;flex-direction:column;align-items:center;padding:26px;display:flex}.room-state{color:#765316;background:#f8dda0;border-radius:4px;align-self:flex-start;padding:5px 9px;font-size:11px;font-weight:800}.room-state.playing{color:#fff;background:#176a54}.room-share-block p{color:#687770;align-self:stretch;margin:18px 0 12px;font-size:12px}.room-code{color:#17342d;background:#fff;border:2px solid #176a54;border-radius:6px;align-items:center;gap:14px;min-height:60px;padding:0 20px;display:flex}.room-code strong{letter-spacing:5px;font-size:30px}.room-qr{background:#fff;border:1px solid #cbd6cf;border-radius:6px;place-items:center;margin:20px 0 14px;padding:13px;display:grid}.room-link{color:#176a54;background:#fff;border:1px solid #b9cec4;border-radius:5px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.room-roster-block{flex-direction:column;min-width:0;padding:26px;display:flex}.room-roster-heading{border-bottom:1px solid #dde2df;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.room-roster-heading>div{align-items:center;gap:8px;display:flex}.room-roster-heading span{color:#176a54;font-size:12px;font-weight:800}.room-roster{flex:1;min-height:0;padding:8px 0;overflow-y:auto}.room-roster>p{color:#89948e;text-align:center;padding:52px 0}.room-roster>div{border-bottom:1px solid #edf0ee;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 5px;display:grid}.room-roster i{color:#fff;background:#356fa8;border-radius:4px;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;font-weight:800;display:grid}.room-roster span{gap:2px;min-width:0;display:grid}.room-roster small{color:#779087;font-size:10px}.room-roster b{color:#aa6f11;align-items:center;gap:4px;font-size:12px;display:inline-flex}.start-live-room{color:#fff;background:#f2683e;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:850;display:flex;box-shadow:0 4px #b94726}.start-live-room:disabled{color:#7c8983;box-shadow:none;background:#dce2de}.room-host-notice{color:#6d7973;text-align:center;min-height:24px;padding-top:11px;font-size:11px}@media (width<=760px){.host-room-layout{grid-template-columns:1fr;overflow-y:auto}.room-share-block{border-bottom:1px solid #d1ddd6;border-right:0}}.word-puzzle-shell{--puzzle-green:#176a54;--puzzle-blue:#356fa8;--puzzle-orange:#f2683e;color:#17342d;background:#edf2ef;width:100%;height:100dvh;min-height:650px;overflow:hidden}.word-puzzle-topbar{background:#fffdf8;border-bottom:1px solid #d6ddd8;align-items:center;gap:10px;height:68px;padding:0 22px;display:flex}.word-puzzle-mark{color:#fff;background:var(--puzzle-blue);border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.word-puzzle-title h1{margin:0;font-size:19px}.word-puzzle-title p{color:#75827c;margin:2px 0 0;font-size:11px}.word-puzzle-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.word-puzzle-actions .primary-button{min-height:40px}.live-button{color:#176a54!important;background:#e6f2ed!important;border-color:#b9d5c9!important}.word-puzzle-setup{grid-template-columns:minmax(440px,1.1fr) minmax(420px,.9fr);gap:16px;height:calc(100dvh - 106px);padding:18px 22px;display:grid}.puzzle-input-panel,.puzzle-flow-panel{border:1px solid #d5ddd8;border-top:5px solid var(--puzzle-green);background:#fffdf8;border-radius:7px;min-width:0;min-height:0;padding:22px;box-shadow:0 10px 26px #19332b14}.puzzle-input-panel{flex-direction:column;display:flex}.puzzle-input-panel>div{align-items:end;gap:10px;display:flex}.puzzle-input-panel h2,.puzzle-flow-panel h2{margin:4px 0 0;font-size:23px}.puzzle-input-panel b{color:#176a54;margin-left:auto;font-size:12px}.puzzle-input-panel p{color:#718078;margin:13px 0;font-size:12px}.puzzle-input-panel textarea{resize:none;border:1px solid #c8d2cc;border-radius:5px;outline:0;flex:1;width:100%;min-height:0;padding:16px;font:17px/1.8 inherit}.puzzle-input-panel textarea:focus{border-color:#176a54;box-shadow:0 0 0 3px #176a541f}.puzzle-input-panel small{color:#7d8983;margin-top:9px;font-size:10px}.puzzle-flow-panel{border-top-color:var(--puzzle-orange);flex-direction:column;display:flex}.puzzle-mode-list{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.puzzle-mode-list button{color:#25463d;text-align:left;background:#f6faf8;border:1px solid #cbd8d1;border-radius:6px;align-items:center;gap:12px;min-height:92px;padding:14px;display:flex}.puzzle-mode-list button:last-child{color:#315675;background:#f0f6fb;border-color:#c5d8e7}.puzzle-mode-list span{gap:4px;display:grid}.puzzle-mode-list small{color:#73817a;font-size:10px}.puzzle-preview-targets{background:#edf2ef;border:1px dashed #b8c7bf;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;margin-top:18px;display:flex;overflow:hidden}.puzzle-preview-targets span{aspect-ratio:1;background:#fff;border:2px solid #75a5c9;place-items:center;width:min(120px,20%);display:grid;position:relative}.puzzle-preview-targets span:before,.puzzle-preview-targets span:after{content:"";background:#c2ccd1;position:absolute}.puzzle-preview-targets span:before{width:100%;height:1px}.puzzle-preview-targets span:after{width:1px;height:100%}.puzzle-preview-targets b{z-index:1;font:76px KaiTi,serif}.word-puzzle-play-area{height:calc(100dvh - 106px);padding:12px 22px}.word-puzzle-notice{color:#627069;background:#fffdf8;border-top:1px solid #d7ddd9;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:700;display:flex}.puzzle-player{background:#fffdf8;border:1px solid #d2dbd5;border-radius:7px;grid-template-rows:54px minmax(0,1fr) 52px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.puzzle-player-bar{color:#fff;background:#176a54;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;display:grid}.puzzle-player-bar>div{align-items:center;gap:10px;display:flex}.puzzle-player-bar>div:nth-child(2){justify-content:center}.puzzle-player-bar>div:nth-child(2) strong{font-size:22px}.puzzle-player-bar>button{color:#176a54;background:#fff;border:0;border-radius:5px;justify-self:end;place-items:center;width:38px;height:36px;display:grid}.puzzle-workspace{background:#edf2ef;grid-template-rows:minmax(210px,.58fr) minmax(160px,.42fr);gap:12px;min-height:0;padding:14px;display:grid}.puzzle-targets{grid-template-columns:repeat(var(--puzzle-characters),minmax(140px,220px));justify-content:center;align-items:center;gap:16px;min-height:0;display:grid;overflow:hidden}.puzzle-character-target{aspect-ratio:1;background:#fff;border:3px solid #356fa8;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:relative;box-shadow:6px 6px #cad8e3}.puzzle-character-label{z-index:2;color:#fff;background:#356fa8;border-radius:4px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.puzzle-character-target button{background:#fff;border:1px dashed #a9b7be;border-radius:0;min-width:0;min-height:0;padding:0;overflow:hidden}.puzzle-character-target button.is-hint{background:#ffe8e5;box-shadow:inset 0 0 0 4px #ef6a59}.puzzle-character-target img{object-fit:fill;width:100%;height:100%;display:block}.puzzle-piece-bank{background:#fff;border:1px dashed #9eaea6;border-radius:6px;flex-wrap:wrap;place-content:center;gap:9px;min-height:0;padding:12px;display:flex;overflow-y:auto}.puzzle-piece-bank button{background:#fffdf8;border:2px solid #314f46;border-radius:5px;flex:none;width:92px;height:92px;padding:0;overflow:hidden;box-shadow:0 3px 7px #142b241f}.puzzle-piece-bank button.is-selected{border-color:#f2683e;transform:translateY(-3px);box-shadow:0 0 0 4px #f2683e33}.puzzle-piece-bank button.is-placed{visibility:hidden}.puzzle-piece-bank img{width:100%;height:100%;display:block}.puzzle-player-controls{border-top:1px solid #d7ddd9;align-items:center;gap:8px;padding:0 14px;display:flex}.puzzle-player-controls p{color:#596a63;flex:1;align-items:center;gap:6px;min-width:0;margin:0;font-size:11px;display:flex}.puzzle-player-controls button{color:#36564b;background:#fff;border:1px solid #cad4ce;border-radius:5px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-weight:800;display:inline-flex}@media (width<=1100px){.word-puzzle-title p,.word-puzzle-actions .toolbar-button span,.word-puzzle-actions .user-pill{display:none}.puzzle-targets{grid-template-columns:repeat(var(--puzzle-characters),minmax(110px,180px))}.puzzle-piece-bank button{width:76px;height:76px}}.idiom-snake-editor{color:#17342d;background:#edf5f1;height:100dvh;overflow:hidden}.snake-toolbar{background:#fff;border-bottom:1px solid #cfddd6;align-items:center;gap:14px;height:68px;padding:0 22px;display:flex}.snake-toolbar h1{margin:0;font-size:20px}.snake-toolbar p{color:#72847d;margin:2px 0 0;font-size:12px}.snake-toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.snake-setup{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:22px;max-width:1320px;height:calc(100dvh - 68px);margin:auto;padding:28px;display:grid}.snake-setup section,.snake-setup aside{background:#fff;border:1px solid #cfddd6;border-radius:8px;min-height:0;padding:26px}.snake-setup h2{margin:7px 0 4px}.snake-setup p,.snake-setup small{color:#6b7d76}.snake-setup section input,.snake-setup textarea,.snake-setup select{width:100%;font:inherit;border:1px solid #c9d7d1;border-radius:6px;padding:12px}.snake-setup textarea{resize:none;height:calc(100% - 150px);min-height:260px;margin:12px 0 8px;line-height:1.8;display:block}.snake-setup aside{flex-direction:column;gap:18px;display:flex}.snake-setup aside label{gap:8px;font-weight:750;display:grid}.snake-toggle{align-items:center;grid-template-columns:auto 1fr!important}.snake-toggle input{height:18px;width:18px!important}.snake-toggle small{grid-column:2;font-weight:400}.snake-setup .primary-button{margin-top:auto}.snake-game-screen{grid-template-rows:54px minmax(0,1fr) 48px;gap:10px;height:calc(100dvh - 68px);padding:16px 22px;display:grid}.snake-status{background:#fff;border:1px solid #cfddd6;border-radius:8px;align-items:center;gap:18px;width:100%;max-width:1180px;margin:auto;padding:8px 14px;display:flex}.snake-status>span{gap:5px;display:flex}.snake-status b{background:#edf3f0;border:1px solid #cfddd6;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.snake-status b.done{color:#fff;background:#19735a}.snake-status em{margin-left:auto;font-style:normal;font-weight:800}.snake-lives{color:#ef5b57}.snake-canvas{background:#fffdf7;border:2px solid #19735a;border-radius:8px;width:100%;max-width:1180px;height:100%;min-height:0;margin:auto;overflow:hidden}.snake-canvas canvas{display:block}.snake-game-controls{align-items:center;gap:8px;width:100%;max-width:1180px;margin:auto;display:flex}.snake-game-controls p{align-items:center;gap:7px;margin:0 auto 0 0;display:flex}.snake-game-controls button{background:#fff;border:1px solid #aac3b8;border-radius:6px;gap:6px;padding:9px 14px;font-weight:750;display:flex}@media (width<=900px){.snake-setup{grid-template-columns:1fr;padding:12px;overflow:auto}.snake-toolbar-actions .user-pill{display:none}.snake-status{gap:8px}.snake-status strong{display:none}}:root{color:#24322b;font-synthesis:none;--ink:#24322b;--green:#176b50;--orange:#f06c3e;--paper:#fffdf7;background:#f3efe6;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#f3efe6;background-image:linear-gradient(#ffffff85 1px,#0000 1px),linear-gradient(90deg,#ffffff85 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:18px}.topbar{background:#fffdf7f0;border:1px solid #24322b1f;border-bottom:4px solid #e6bf64;align-items:center;max-width:1440px;min-height:72px;margin:0 auto 16px;padding:12px 18px;display:flex;box-shadow:0 7px 20px #40351f17}.brand-mark{color:#fff;background:var(--green);border-radius:7px;place-items:center;width:43px;height:43px;margin-right:11px;display:grid;transform:rotate(-3deg)}.brand-copy h1{letter-spacing:0;margin:0;font-size:21px;line-height:1.2}.brand-copy p{color:#718078;margin:4px 0 0;font-size:12px}.top-actions{gap:9px;margin-left:auto;display:flex}.account-chip{color:#4d5b54;background:#eef1ea;border:1px solid #d8ddd4;border-radius:6px;align-items:center;gap:7px;max-width:160px;min-height:40px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.account-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sign-out-button{flex:0 0 40px}.back-dashboard-button{flex:0 0 40px;margin-right:10px}.save-cloud-button{color:#fff;background:var(--green);border-color:var(--green)}.save-cloud-button:hover{color:#fff;background:#11553f}.toolbar-button,.icon-button{color:var(--ink);background:#fff;border:1px solid #d8d7cc}.toolbar-button{border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.toolbar-button:hover{border-color:var(--green);color:var(--green)}.game-layout{grid-template-columns:minmax(540px,1fr) 260px;align-items:start;gap:16px;max-width:1440px;margin:0 auto;display:grid}.board-panel,.control-panel{background:#fffdf7f5;border:1px solid #24322b24;box-shadow:0 12px 30px #3b33221f}.board-panel{padding:14px}.board-header{color:#647168;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:38px;padding:0 4px 12px;font-size:13px;font-weight:700;display:grid}.route-label{align-items:center;gap:7px;display:flex}.route-label:last-child{color:#9a6523;justify-content:flex-end}.start-dot{background:var(--green);outline:1px solid var(--green);border-radius:2px;width:13px;height:13px;box-shadow:inset 0 0 0 3px #fff}.round-status{align-items:center;gap:7px;display:flex}.board-wrap{aspect-ratio:1;background:#e8dfc8;border:1px solid #d6ccb5;width:min(100%,100vh - 176px);min-width:500px;margin:auto;padding:8px;position:relative}.board-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;height:100%;display:grid}.board-cell{border:2px solid #ffffffb8;border-radius:7px;place-items:center;min-width:0;transition:transform .18s,filter .18s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 -4px #2e322a14}.board-cell strong{z-index:3;color:#17211d;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffffd1;border-radius:4px;max-width:84%;padding:3px 6px;font-size:clamp(12px,1.35vw,20px);line-height:1.35;position:relative;overflow:hidden}.cell-number{z-index:4;color:#fff;background:#17211dc2;border-radius:4px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:5px;left:6px}.finish-icon{color:#8e5f16;z-index:4;position:absolute;top:6px;right:7px}.color-coral{background:#ff826b}.color-amber{background:#f6c85f}.color-mint{background:#64bfa0}.color-sky{background:#61aee5}.color-violet{background:#a994c4}.color-leaf{background:#95bd6c}.board-cell.is-current{z-index:8;filter:saturate(1.12)brightness(1.05);transform:translateY(-3px);box-shadow:0 0 0 4px #fff,0 0 0 7px #f0643d,0 8px 14px #43341e3d}.player-token{z-index:10;color:#fff;background:#173f34;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;animation:.28s token-pop;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 4px 8px #00000040}@keyframes token-pop{50%{transform:scale(1.2)rotate(8deg)}}.connection-chip{z-index:5;color:#fff;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:800;position:absolute;top:4px;right:4px}.connection-chip.ladder{background:#17765a}.connection-chip.snake{background:#c34d37}.board-overlay{z-index:2;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px;overflow:visible}.ladder-art line{stroke:#6f482e;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px 1px #ffffffb3)}.snake-art path,.snake-art circle{fill:none;stroke:#147c70;stroke-width:16px;stroke-linecap:round;filter:drop-shadow(0 2px 1px #ffffffbf)}.snake-art circle{fill:#1b9a82;stroke-width:4px}.snake-art .snake-eye{fill:#fff;stroke:#1e332c;stroke-width:1px;filter:none}.control-panel{border-top:6px solid var(--green);flex-direction:column;align-items:center;min-height:560px;padding:24px 18px 18px;display:flex;position:sticky;top:18px}.turn-label{color:#7a857e;font-size:13px;font-weight:700}.position-number{margin:1px 0 14px;font-size:36px;font-weight:800;line-height:1.1}.position-number small{color:#98a199;font-size:15px}.dice{background:#fff;border:1px solid #d9d5c8;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:7px;width:104px;height:104px;margin:0 0 22px;padding:20px;display:grid;box-shadow:0 9px #d5c8aa,0 12px 18px #372b192e}.dice.is-rolling{animation:.35s linear infinite dice-roll}@keyframes dice-roll{50%{transform:rotate(7deg)scale(.96)}}.pip{border-radius:50%;width:11px;height:11px;margin:auto}.pip.visible{background:#1d2a25;box-shadow:inset 0 1px #ffffff40}.primary-button{color:#fff;background:var(--orange);border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-weight:800;display:inline-flex;box-shadow:0 4px #bc4b28}.primary-button:hover:not(:disabled){background:#df5c32;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #bc4b28}.primary-button.compact{min-height:40px;box-shadow:none}.roll-button{width:100%}.secondary-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:14px 0 18px;display:grid}.secondary-actions button{color:#405149;background:#eef1ea;border:1px solid #d8ddd4;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:6px;font-size:12px;font-weight:700;display:flex}.secondary-actions button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.word-prompt{background:#fff7d8;border:1px solid #ecd78e;border-left:5px solid #e5ad27;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:104px;margin-top:auto;padding:12px;display:flex}.word-prompt span{color:#88733b;font-size:12px;font-weight:700}.word-prompt strong{overflow-wrap:anywhere;text-align:center;max-width:100%;margin-top:4px;font-size:26px;line-height:1.35}.notice-bar{border:1px solid #24322b24;border-left:5px solid var(--green);background:#fffdf7;justify-content:center;align-items:center;gap:9px;max-width:1440px;min-height:48px;margin:16px auto 0;padding:8px 18px;display:flex;box-shadow:0 7px 20px #3b332214}.notice-bar p{text-align:center;margin:0;font-size:14px;font-weight:600}.notice-icon{color:#e4a319;place-items:center;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#19231e94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal,.victory-card{background:var(--paper);border:1px solid #24322b2e;border-top:6px solid var(--green);width:min(560px,100%);padding:24px;box-shadow:0 26px 70px #0c171247}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--green);font-size:12px;font-weight:800}.modal h2,.victory-card h2{letter-spacing:0;margin:4px 0 0;font-size:24px}.modal-note{color:#65736c;margin:18px 0 8px;font-size:13px}.modal textarea{resize:vertical;width:100%;height:260px;color:var(--ink);background:#fff;border:1px solid #cbcfc8;border-radius:5px;outline:none;padding:14px;line-height:1.7}.modal textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b501f}.icon-button{border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.modal-footer{color:#6f7a73;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-size:13px;display:flex}.tutorial-modal{width:min(620px,100%);max-height:min(760px,100dvh - 36px);overflow:auto}.tutorial-intro{color:#53635b;align-items:flex-start;gap:9px;margin:20px 0 12px;font-size:13px;line-height:1.65;display:flex}.tutorial-intro svg{color:var(--green);flex:none;margin-top:1px}.tutorial-steps{border-top:1px solid #dfe2dc;margin:0;padding:0;list-style:none}.tutorial-steps li{border-bottom:1px solid #e7e8e3;grid-template-columns:30px 1fr;align-items:flex-start;gap:11px;padding:12px 0;display:grid}.tutorial-steps li>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.tutorial-steps p{color:#34423b;margin:2px 0 0;font-size:13px;line-height:1.65}.tutorial-tip{color:#5d4a20;background:#fff5d8;border-left:4px solid #e2ac27;align-items:flex-start;gap:10px;margin:14px 0 0;padding:11px 12px;font-size:12px;line-height:1.65;display:flex}.tutorial-tip svg{flex:none;margin-top:1px}.tutorial-tip strong{color:#493917;display:block}.tutorial-footer{justify-content:flex-end;margin-top:18px;display:flex}.victory-card{text-align:center;border-top-color:#e4ad25}.victory-card p{color:#65736c;margin:10px auto 22px}.trophy-burst{color:#8d5d0e;background:#ffd35e;border:7px solid #fffdf7;border-radius:50%;place-items:center;width:90px;height:90px;margin:-68px auto 20px;display:grid;box-shadow:0 10px 22px #4f390e40}.session-loading{color:#66736c;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-weight:700;display:flex}.session-loading .brand-mark{margin:0;animation:1.1s ease-in-out infinite loading-pulse}@keyframes loading-pulse{50%{opacity:.72;transform:rotate(8deg)scale(.92)}}.auth-shell{background:#f3efe6;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);min-height:100vh;display:grid}.auth-intro{color:#fffdf7;background-color:#155d48;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;min-height:100vh;padding:clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";opacity:.9;background:#f1bd4d;width:180px;height:12px;position:absolute;bottom:90px;right:-40px;transform:rotate(-22deg)}.auth-brand{align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.auth-brand-mark{color:#155d48;background:#ffd05b;border-radius:7px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-4deg)}.auth-intro-copy{z-index:2;max-width:560px;margin:auto 0;position:relative}.auth-kicker{color:#ffd05b;font-size:13px;font-weight:800}.auth-intro h1{letter-spacing:0;max-width:540px;margin:14px 0 18px;font-size:clamp(34px,4.2vw,62px);line-height:1.16}.auth-intro p{color:#d9e8e2;max-width:500px;margin:0;font-size:16px;line-height:1.8}.auth-route-preview{z-index:2;gap:8px;margin-top:44px;display:flex;position:relative}.preview-cell{aspect-ratio:1;color:#213029;border:2px solid #ffffffb8;border-radius:6px;place-items:center;width:54px;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 -4px #1a28211f}.preview-cell.coral{background:#ff826b}.preview-cell.amber{background:#f6c85f}.preview-cell.mint{background:#64bfa0}.preview-cell.sky{background:#61aee5}.preview-cell.violet{background:#a994c4}.auth-form-area{background:#fffdf7;place-items:center;min-height:100vh;padding:32px;display:grid}.auth-form-wrap{width:min(460px,100%)}.auth-tabs{border-bottom:1px solid #d9dcd5;grid-template-columns:1fr 1fr;margin-bottom:42px;display:grid}.auth-tabs button{color:#77827c;background:0 0;border:0;border-bottom:3px solid #0000;min-height:46px;font-weight:700}.auth-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.auth-heading h2{letter-spacing:0;margin:6px 0 8px;font-size:28px;line-height:1.3}.auth-heading p{color:#6e7973;margin:0;font-size:13px;line-height:1.7}.auth-form{gap:18px;margin-top:28px;display:grid}.auth-form label>span{color:#45524b;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field-control{color:#7b8680;background:#fff;border:1px solid #cfd4ce;border-radius:6px;align-items:center;gap:10px;min-height:50px;padding:0 13px;display:flex}.field-control:focus-within{color:var(--green);border-color:var(--green);box-shadow:0 0 0 3px #176b501a}.field-control input{min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0}.field-icon-button{color:#758079;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.auth-submit{width:100%;margin-top:3px}.auth-feedback{border-left:4px solid;margin:-3px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.auth-feedback.error{color:#922f26;background:#fff0ed;border-color:#d85343}.auth-feedback.success{color:#22664f;background:#eaf7f1;border-color:#2e8b69}.auth-switch{color:#6f7a73;text-align:center;margin:24px 0 0;font-size:13px}.auth-switch button{color:var(--green);background:0 0;border:0;margin-left:6px;padding:0;font-weight:800}.cloud-save-form{gap:17px;margin-top:24px;display:grid}.cloud-save-form label>span{color:#46534c;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.cloud-save-form input{width:100%;min-height:47px;color:var(--ink);background:#fff;border:1px solid #cfd4ce;border-radius:5px;outline:0;padding:0 12px}.cloud-save-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b501a}.cloud-save-form p{color:#707b75;margin:0;font-size:12px;line-height:1.7}.cloud-save-form .primary-button{width:100%}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-shell{background:#f3f5f7;grid-template-columns:250px minmax(0,1fr);height:100dvh;min-height:680px;display:grid;overflow:hidden}.dashboard-sidebar{color:#eef7f2;background:#174f3f;border-right:1px solid #14312833;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.dashboard-brand{align-items:center;gap:10px;padding:5px 7px 25px;display:flex}.dashboard-brand>span{color:#174f3f;background:#ffd05b;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.dashboard-brand strong{font-size:15px}.dashboard-nav{gap:5px;display:grid}.dashboard-nav button{color:#cfe0da;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:700;display:grid}.dashboard-nav button>span{color:#cfe0da;text-align:center;background:#ffffff17;border-radius:4px;min-width:24px;padding:2px 6px;font-size:11px}.dashboard-nav button:hover,.dashboard-nav button.active{color:#fff;background:#ffffff1c}.dashboard-nav button.active{box-shadow:inset 4px 0 #ffd05b}.dashboard-contact{color:#d8e7e1;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:9px;min-height:40px;margin-top:auto;padding:0 11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.dashboard-contact:hover{color:#fff;background:#ffffff1a}.dashboard-account{border-top:1px solid #ffffff24;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:9px;margin-top:10px;padding:14px 7px 0;display:grid}.account-avatar{color:#174f3f;background:#e7f0eb;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.dashboard-account strong,.dashboard-account span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-account strong{font-size:12px}.dashboard-account span{color:#b6cbc3;margin-top:2px;font-size:9px}.dashboard-account button{color:#c9d9d3;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;padding:0;display:grid}.dashboard-account button:hover{color:#fff;background:#ffffff1a}.dashboard-main{flex-direction:column;min-width:0;height:100dvh;min-height:0;padding:clamp(24px,4vw,58px);display:flex;overflow:hidden}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1100px;margin:0 auto;display:flex}.dashboard-header h1{letter-spacing:0;margin:6px 0 4px;font-size:30px;line-height:1.25}.dashboard-header p{color:#69766f;margin:0;font-size:13px}.cloud-status{color:#246148;background:#e7f3ec;border-left:4px solid #2f8664;align-items:center;gap:8px;max-width:1100px;min-height:42px;margin:28px auto 12px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.dashboard-error{color:#922f26;background:#fff0ed;border-left:4px solid #d85343;max-width:1100px;margin:12px auto;padding:11px 13px;font-size:13px}.resource-panel{background:#fff;border:1px solid #d9dde3;flex-direction:column;flex:1;width:100%;max-width:1100px;min-height:0;margin:24px auto 0;display:flex;overflow:hidden;box-shadow:0 9px 24px #17233a12}.resource-panel-heading{border-bottom:1px solid #e0ded4;justify-content:space-between;align-items:center;min-height:50px;padding:0 17px;display:flex}.resource-panel-heading strong{font-size:13px}.resource-panel-heading span{color:#818a85;font-size:11px}.dashboard-loading,.empty-resource{color:#718078;justify-content:center;align-items:center;min-height:330px;display:flex}.dashboard-loading{gap:10px;font-size:13px}.dashboard-loading svg{animation:.8s linear infinite spin}.empty-resource{text-align:center;flex-direction:column;padding:32px}.empty-resource>svg{color:#61937f}.empty-resource h2{margin:14px 0 5px;font-size:18px}.empty-resource p{color:#78837d;margin:0 0 20px;font-size:12px}.resource-list{min-height:0;display:grid;overflow:auto}.resource-row{width:100%;min-height:72px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #ebe8df;grid-template-columns:42px minmax(0,1fr) auto 72px;align-items:center;gap:13px;padding:10px 14px;display:grid}.resource-row:last-child{border-bottom:0}.resource-row:hover{background:#f5f3eb}.resource-icon{border-radius:5px;place-items:center;width:40px;height:40px;display:grid}.resource-icon.game{color:#a8442d;background:#ffe7df}.resource-icon.worksheet{color:#345f91;background:#e5eef8}.resource-icon.bank{color:#24644d;background:#e4f1eb}.resource-copy{min-width:0}.resource-copy strong,.resource-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-copy strong{font-size:14px}.resource-copy small{color:#7a857f;margin-top:4px;font-size:10px}.resource-count{color:#66736d;font-size:11px}.row-actions{color:#89938e;justify-content:flex-end;align-items:center;gap:12px;display:flex}.delete-resource{border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.delete-resource:hover{color:#b73e31;background:#ffe9e5}@media (width<=900px){.dashboard-shell{grid-template-columns:76px minmax(0,1fr)}.dashboard-sidebar{padding:15px 10px}.dashboard-brand{justify-content:center;padding:5px 0 24px}.dashboard-brand strong,.dashboard-nav button:not(.active)>span,.dashboard-nav button>span,.dashboard-account>div:nth-child(2){display:none}.dashboard-nav button{grid-template-columns:1fr;justify-items:center;padding:0}.dashboard-contact{justify-content:center;padding:0}.dashboard-contact span{display:none}.dashboard-account{grid-template-columns:1fr;justify-items:center;padding:13px 0 0}.dashboard-account button{margin-top:3px}.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:300px;padding:28px}.auth-intro-copy{margin:60px 0 30px}.auth-intro h1{max-width:700px;font-size:36px}.auth-route-preview{display:none}.auth-form-area{min-height:auto;padding:44px 24px 64px}.app-shell{padding:10px}.game-layout{grid-template-columns:minmax(0,1fr);width:100%}.board-panel,.control-panel{min-width:0}.board-wrap{width:100%;min-width:0}.control-panel{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;min-height:0;padding:16px;display:grid;position:static}.turn-label,.position-number{display:none}.dice{grid-row:span 2;gap:5px;width:82px;height:82px;margin:0;padding:15px}.pip{width:9px;height:9px}.roll-button{min-width:160px}.secondary-actions{margin:0}.word-prompt{grid-row:span 2;min-height:82px;margin:0}}@media (width<=620px){.dashboard-shell{display:block}.dashboard-sidebar{grid-template-columns:auto 1fr auto;align-items:center;width:100%;height:auto;padding:10px 12px;display:grid;position:static}.dashboard-brand{padding:0}.dashboard-nav{justify-content:center;display:flex}.dashboard-nav button{width:44px;min-height:42px}.dashboard-account{border:0;margin:0;padding:0;display:block}.dashboard-account .account-avatar{display:none}.dashboard-account button{margin:0}.dashboard-main{padding:22px 12px 40px}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:24px}.dashboard-header p{display:none}.dashboard-header .primary-button{min-height:40px;padding:0 12px}.cloud-status{margin-top:20px}.resource-row{grid-template-columns:38px minmax(0,1fr) 58px;gap:9px}.resource-count{display:none}.row-actions{gap:6px}body{overflow-x:hidden}.app-shell,.topbar,.game-layout,.notice-bar{max-width:100%}.topbar{flex-wrap:wrap;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%;margin:12px 0 0}.toolbar-button{flex:30%;justify-content:center;min-width:0;padding:0 8px}.toolbar-button span{display:none}.account-chip{flex:1;min-width:0;max-width:none}.auth-intro{min-height:260px;padding:22px}.auth-intro-copy{margin:46px 0 10px}.auth-intro h1{font-size:29px}.auth-intro p{font-size:14px}.auth-form-area{padding:34px 20px 54px}.auth-tabs{margin-bottom:32px}.auth-heading h2{font-size:24px}.board-panel{padding:7px}.board-header{grid-template-columns:1fr 1fr}.round-status{display:none}.board-wrap{padding:4px}.board-grid{gap:3px}.board-overlay{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.ladder-art line{stroke-width:5px}.snake-art path{stroke-width:11px}.snake-art circle{stroke-width:3px}.board-cell{border-width:1px;border-radius:4px}.board-cell strong{max-width:92%;padding:2px;font-size:10px}.cell-number{min-width:15px;height:15px;padding:0 2px;font-size:7px;top:2px;left:2px}.connection-chip,.finish-icon{display:none}.player-token{border-width:2px;width:27px;height:27px;font-size:11px;bottom:-3px;right:-3px}.control-panel{grid-template-columns:78px 1fr}.dice{width:72px;height:72px;padding:13px}.secondary-actions{grid-area:2/2}.word-prompt{grid-area:3/1/auto/-1}.notice-bar{margin-top:10px}.modal-footer{flex-direction:column;align-items:stretch}}:root{--platform-ink:#17233a;--platform-muted:#657084;--platform-line:#dfe3e8;--platform-bg:#f3f5f7;--platform-orange:#f26b38;--platform-green:#168466;--platform-blue:#2f6fc2;--platform-red:#c94b52}.public-shell{height:100dvh;min-height:680px;color:var(--platform-ink);background:var(--platform-bg);overflow:hidden}.public-header{z-index:20;border-bottom:1px solid var(--platform-line);background:#fff;align-items:center;gap:28px;height:64px;padding:0 clamp(20px,4vw,64px);display:flex;position:relative;box-shadow:0 3px 12px #17233a0d}.platform-brand{color:var(--platform-ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.platform-brand>span{color:#fff;background:var(--platform-orange);border-radius:6px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 3px #bd4825}.platform-brand strong{white-space:nowrap;font-size:17px}.public-nav{align-items:center;gap:4px;height:100%;display:flex}.public-nav a{color:#4f5c70;align-items:center;gap:6px;height:100%;padding:0 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.public-nav a:after{content:"";background:0 0;height:3px;position:absolute;bottom:0;left:13px;right:13px}.public-nav a:hover,.public-nav a.active{color:var(--platform-orange)}.public-nav a.active:after{background:var(--platform-orange)}.public-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-icon-button{color:#536075;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:38px;height:38px;padding:0;display:grid}.header-icon-button:hover{background:#f0f2f4;border-color:#e1e4e8}.creator-follow-link,.join-room-link,.login-link,.register-link,.workspace-link{border-radius:5px;align-items:center;gap:6px;min-height:38px;padding:0 13px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.creator-follow-link{color:#b52d43;background:#fff;border:1px solid #e9b9c1}.creator-follow-link:hover{color:#fff;background:#c7354d;border-color:#c7354d}.join-room-link{color:var(--platform-green);background:#e8f5f0;border:1px solid #c9e7dc}.login-link{color:#344155;border:1px solid #d9dde3}.register-link,.workspace-link{color:#fff;background:var(--platform-ink);border:1px solid var(--platform-ink)}.platform-home{grid-template-rows:minmax(0,1.28fr) minmax(225px,.72fr);height:calc(100dvh - 64px);min-height:616px;display:grid;overflow:hidden}.home-intro{background-color:#f8fafb;background-image:linear-gradient(#2f6fc20b 1px,#0000 1px),linear-gradient(90deg,#2f6fc20b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(460px,1.05fr) minmax(430px,.95fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:0;padding:clamp(28px,4vh,56px) clamp(50px,8vw,126px);display:grid}.home-copy{max-width:680px}.home-kicker{color:var(--platform-green);align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.home-copy h1{letter-spacing:0;margin:15px 0 16px;font-size:clamp(38px,4.5vw,66px);line-height:1.12}.home-copy>p{max-width:610px;color:var(--platform-muted);margin:0;font-size:15px;line-height:1.8}.home-search{color:#718096;background:#fff;border:1px solid #d4d9df;align-items:center;gap:10px;max-width:690px;min-height:54px;margin-top:28px;padding-left:16px;display:flex;box-shadow:0 7px 20px #17233a14}.home-search input{min-width:0;height:50px;color:var(--platform-ink);background:0 0;border:0;outline:0;flex:1;padding:0}.home-search button{color:#fff;background:var(--platform-ink);border:0;align-self:stretch;align-items:center;gap:7px;padding:0 17px;font-size:12px;font-weight:800;display:flex}.featured-tool{aspect-ratio:1.38;color:#fff;text-align:left;background:#1d314e;border:0;border-radius:8px;grid-template-rows:auto 1fr auto;justify-self:end;width:min(100%,520px);padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:14px 14px #f3b643,0 22px 42px #17233a2e}.featured-tool:hover{transform:translateY(-2px)}.featured-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.featured-heading span{color:#a9bed8;font-size:11px;font-weight:700}.featured-heading strong{font-size:15px}.mini-board{aspect-ratio:1.5;background:#e8ebed;border-radius:5px;grid-template-columns:repeat(3,1fr);place-self:center;gap:6px;width:min(88%,360px);padding:8px;display:grid;position:relative}.mini-board span{z-index:2;color:#203047;border:2px solid #ffffffbf;border-radius:4px;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative}.mini-board span:nth-child(4n+1){background:#ff816a}.mini-board span:nth-child(4n+2){background:#f5c75e}.mini-board span:nth-child(4n+3){background:#65bea0}.mini-board span:nth-child(4n+4){background:#67aee0}.mini-ladder{z-index:3;border-left:4px solid #754d36;border-right:4px solid #754d36;width:8px;height:58%;position:absolute;top:22%;left:45%;transform:rotate(30deg);box-shadow:inset 0 10px #0000}.mini-ladder:after{content:"";border-top:4px solid #754d36;border-bottom:4px solid #754d36;position:absolute;inset:8px -6px}.mini-snake{z-index:3;background:var(--platform-green);border-radius:10px;width:45%;height:8px;position:absolute;bottom:20%;right:18%;transform:rotate(-20deg)}.featured-footer{color:#d9e5f2;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.category-band{border-top:1px solid var(--platform-line);background:#fff;min-height:0;padding:18px clamp(50px,8vw,126px) 22px}.category-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.category-heading div{align-items:center;gap:8px;display:flex}.category-heading strong{font-size:14px}.category-heading button{color:var(--platform-blue);background:0 0;border:0;font-size:12px;font-weight:800}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.category-entry{min-width:0;min-height:116px;color:var(--platform-ink);border:1px solid var(--platform-line);text-align:left;background:#fff;border-top:4px solid;border-radius:5px;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;padding:14px;display:grid}.category-entry:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17233a17}.category-entry>span{border-radius:5px;place-items:center;width:42px;height:42px;display:grid}.category-entry div{min-width:0}.category-entry strong,.category-entry small{display:block}.category-entry strong{font-size:14px}.category-entry small{color:#747f90;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.category-entry.orange{border-top-color:var(--platform-orange)}.category-entry.orange>span{color:#a73d1f;background:#ffe8df}.category-entry.green{border-top-color:var(--platform-green)}.category-entry.green>span{color:#12624c;background:#e3f3ed}.category-entry.blue{border-top-color:var(--platform-blue)}.category-entry.blue>span{color:#245797;background:#e5eef9}.category-entry.red{border-top-color:var(--platform-red)}.category-entry.red>span{color:#99383e;background:#fae6e8}.home-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.creator-quick-card{min-width:0;min-height:116px;color:var(--platform-ink);text-align:left;background:#fff;border:1px solid #e5c8cd;border-top:4px solid #c7354d;border-radius:5px;grid-template-columns:72px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px;display:grid}.creator-quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17233a17}.creator-quick-card img{object-fit:cover;object-position:50% 37%;border:1px solid #eadde0;border-radius:4px;width:72px;height:78px}.creator-quick-card div{min-width:0}.creator-quick-card div>span,.creator-quick-card strong,.creator-quick-card small{display:block}.creator-quick-card div>span{color:#b52d43;margin-bottom:4px;font-size:9px;font-weight:800}.creator-quick-card strong{font-size:14px}.creator-quick-card small{color:#747f90;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.creator-quick-card>svg{color:#c7354d}.creator-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1019279e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.creator-modal{background:#fff;border:1px solid #dfe3e8;border-radius:8px;grid-template-columns:minmax(280px,430px) minmax(250px,1fr);width:min(780px,100vw - 48px);max-height:calc(100dvh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #09121f4d}.creator-modal>img{object-fit:contain;background:#f2f3f5;width:100%;height:min(72dvh,650px)}.creator-modal-copy{align-self:center;padding:38px 34px}.creator-modal-copy>span{color:#b52d43;font-size:11px;font-weight:800}.creator-modal-copy h2{letter-spacing:0;margin:8px 0 7px;font-size:25px}.creator-modal-copy p{color:#697588;margin:0 0 24px;font-size:12px}.creator-modal-copy a{color:#fff;background:#c7354d;border-radius:5px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.creator-modal-close{z-index:2;color:#3e4a5c;background:#ffffffeb;border:1px solid #d9dde3;border-radius:5px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:12px;right:12px}.tools-page{grid-template-columns:220px minmax(0,1fr);height:calc(100dvh - 64px);display:grid;overflow:hidden}.tool-filters{border-right:1px solid var(--platform-line);background:#fff;flex-direction:column;gap:5px;padding:28px 18px;display:flex}.filter-title{color:#8a94a3;margin:0 10px 10px;font-size:11px;font-weight:800}.tool-filters button{color:#566276;text-align:left;background:0 0;border:0;border-radius:5px;min-height:42px;padding:0 12px;font-size:12px;font-weight:700}.tool-filters button:hover,.tool-filters button.active{color:var(--platform-blue);background:#eaf1fa}.tools-content{min-width:0;padding:34px clamp(32px,5vw,72px);overflow:hidden}.tools-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.tools-header h1{letter-spacing:0;margin:5px 0 0;font-size:29px}.tool-search{color:#7b8697;background:#fff;border:1px solid #d8dce1;border-radius:5px;align-items:center;gap:8px;width:min(320px,38%);min-height:42px;padding:0 12px;display:flex}.tool-search input{border:0;outline:0;flex:1;min-width:0;height:38px}.tool-result-meta{color:#778293;margin:25px 0 11px;font-size:11px}.tool-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-library-item{min-width:0;min-height:200px;color:var(--platform-ink);border:1px solid var(--platform-line);text-align:left;background:#fff;border-radius:6px;grid-template-rows:112px auto auto;padding:0;display:grid;overflow:hidden}.tool-library-item.available:hover{border-color:#aeb7c2;transform:translateY(-2px);box-shadow:0 10px 22px #17233a17}.tool-library-item:disabled{cursor:default;opacity:.7}.tool-thumb{color:#fff;background:#2f6fc2;place-items:center;display:grid;position:relative}.tool-library-item:nth-child(2) .tool-thumb{background:#168466}.tool-library-item:nth-child(3) .tool-thumb{background:#d19527}.tool-library-item:nth-child(4) .tool-thumb{background:#c94b52}.tool-library-item:nth-child(5) .tool-thumb{background:#6655a5}.tool-thumb i{color:#fff;background:#0000002e;border-radius:3px;padding:3px 6px;font-size:9px;font-style:normal;position:absolute;bottom:10px;right:12px}.tool-info{padding:13px 14px 5px}.tool-info strong,.tool-info small{display:block}.tool-info strong{font-size:14px}.tool-info small{color:#758092;margin-top:4px;font-size:10px}.tool-status{color:var(--platform-blue);padding:3px 14px 13px;font-size:10px;font-weight:800}.planned .tool-status{color:#87919e}.tool-detail-page{height:calc(100dvh - 64px);padding:28px clamp(42px,7vw,110px);overflow:hidden}.detail-back{color:#5d6879;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:700;display:flex}.detail-summary{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,6vw,90px);height:calc(100% - 32px);display:grid}.detail-copy{max-width:520px}.detail-icon{color:#fff;background:var(--platform-orange);border-radius:7px;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid;box-shadow:0 5px #bc4724}.detail-copy h1{letter-spacing:0;margin:8px 0 12px;font-size:42px}.detail-copy>p{color:#687486;line-height:1.8}.detail-capabilities{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.detail-capabilities span{color:#445166;background:#fff;border:1px solid #dfe3e8;border-radius:4px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:700;display:flex}.detail-create{min-width:150px}.detail-preview{background:#1d314e;border-radius:7px;justify-self:stretch;padding:18px;box-shadow:14px 14px #efb842}.detail-board{aspect-ratio:1.45;background:#dfe4e7;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;display:grid;position:relative}.detail-board span{z-index:2;color:#1e2c40;border:2px solid #ffffffb8;border-radius:4px;place-items:center;font-size:12px;font-weight:800;display:grid;position:relative}.detail-board span:nth-child(5n+1){background:#ff816a}.detail-board span:nth-child(5n+2){background:#f5c75e}.detail-board span:nth-child(5n+3){background:#65bea0}.detail-board span:nth-child(5n+4){background:#67aee0}.detail-board span:nth-child(5n+5){background:#a892c4}.detail-ladder{z-index:3;border-left:5px solid #754d36;border-right:5px solid #754d36;width:10px;height:42%;position:absolute;transform:rotate(28deg)}.detail-ladder.one{top:12%;left:31%}.detail-ladder.two{bottom:9%;right:28%;transform:rotate(-24deg)}.detail-snake{z-index:3;background:var(--platform-green);border-radius:10px;width:38%;height:12px;position:absolute;top:26%;right:14%;transform:rotate(18deg)}.memory-detail-preview{background:#175f4e;box-shadow:14px 14px #f06a42}.detail-memory-board{aspect-ratio:1.45;background:#e5dfd1;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid}.detail-memory-board span{color:#fff;background:#2f6f99;border:2px solid #fff;border-radius:5px;place-items:center;font-size:14px;font-weight:800;display:grid;box-shadow:inset 0 -5px #122d3d29}.detail-memory-board span:nth-child(4n+2){background:#27806a}.detail-memory-board span:nth-child(4n+3){background:#cf6848}.detail-memory-board span:nth-child(4n+4){background:#7565a0}.detail-memory-board span.is-flipped{color:var(--platform-ink);background:#fffdf7;box-shadow:inset 0 0 0 3px #bde6d6}.reveal-detail-preview{background:#285f86;box-shadow:14px 14px #f06a42}.detail-reveal-board{aspect-ratio:1.45;color:var(--platform-ink);background:#fffdf7;border:7px solid #173a32;place-items:center;display:grid;position:relative;overflow:hidden}.detail-reveal-board>strong{overflow-wrap:anywhere;letter-spacing:0;text-align:center;max-width:82%;font-size:42px}.detail-reveal-board>div{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.detail-reveal-board span{background:#3977ad;border:1px solid #ffffff3d}.detail-reveal-board span:nth-child(4n+2){background:#31725f}.detail-reveal-board span:nth-child(4n+3){background:#d86646}.detail-reveal-board span:nth-child(4n+4){background:#75659c}.detail-reveal-board span.is-open{opacity:0}.join-page{background:#f2f5f7;place-items:center;height:calc(100dvh - 64px);display:grid}.join-panel{border:1px solid #dce1e6;border-top:6px solid var(--platform-green);text-align:center;background:#fff;width:min(480px,100% - 40px);padding:34px;box-shadow:0 18px 44px #17233a1f}.join-icon{color:#fff;background:var(--platform-green);border-radius:7px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.join-panel h1{margin:6px 0 4px;font-size:30px}.join-panel>p{color:#778294;margin:0;font-size:12px}.join-panel form{grid-template-columns:1fr auto;gap:9px;margin-top:24px;display:grid}.join-panel form label{color:#7b8798;border:1px solid #cfd5dc;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex}.join-panel input{letter-spacing:4px;text-transform:uppercase;border:0;outline:0;flex:1;min-width:0;height:44px;font-size:18px;font-weight:800}.join-message{background:#fff3da;border-left:4px solid #dda43d;padding:9px;color:#8b5a1f!important;margin-top:16px!important}.editor-error{text-align:center;place-content:center;min-height:100vh;display:grid}.editor-error button{color:#fff;background:var(--platform-ink);border:0;min-height:40px}@media (height<=760px){.home-intro{padding-top:24px;padding-bottom:24px}.home-copy h1{font-size:42px}.home-search{margin-top:18px}.featured-tool{width:420px}.category-entry{min-height:94px}}@media (width<=1120px){.public-nav a{padding:0 8px}.public-nav a svg{display:none}.creator-follow-link{justify-content:center;width:38px;padding:0}.creator-follow-link span{display:none}.join-room-link{padding:0 9px}.join-room-link svg{display:none}.home-intro,.category-band{padding-left:48px;padding-right:48px}.home-copy h1{font-size:43px}.tool-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.category-entry{grid-template-columns:38px minmax(0,1fr) 16px;gap:8px;padding:10px}.category-entry>span{width:38px;height:38px}.category-entry small,.creator-quick-card small{display:none}.creator-quick-card{grid-template-columns:48px minmax(0,1fr) 16px;gap:8px;padding:10px}.creator-quick-card img{width:48px;height:62px}}@media (width<=760px){.home-quick-grid{grid-template-columns:1fr}.creator-modal{grid-template-columns:1fr;overflow:auto}.creator-modal>img{height:auto;max-height:58dvh}.creator-modal-copy{padding:24px}}.detail-puzzle-board{grid-template-columns:repeat(2,150px);justify-content:center;gap:16px;width:min(560px,90%);display:grid}.detail-puzzle-board>div{aspect-ratio:1;background:#fff;border:2px solid #2873ad;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.detail-puzzle-board>div strong{color:#2873ad;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.detail-puzzle-board>div span{border:1px dashed #a7bbc8}.detail-puzzle-board aside{grid-column:1/-1;justify-content:center;gap:7px;display:flex}.detail-puzzle-board aside i{background:#fff;border:1px solid #17342d;place-items:center;width:48px;height:48px;font:25px KaiTi,serif;display:grid}.detail-snake-board{text-align:center;gap:16px;width:min(600px,90%);display:grid}.detail-snake-board>strong{font-size:28px}.detail-snake-board>div{background:#fffdf7;border:2px solid #19735a;height:280px;position:relative}.detail-snake-board i{background:#19735a;width:34px;height:34px;position:absolute;top:54%}.detail-snake-board i:first-child{left:35%}.detail-snake-board i:nth-child(2){left:41%}.detail-snake-board i:nth-child(3){background:#f46b3f;left:47%}.detail-snake-board span{font:28px KaiTi,serif;position:absolute}.detail-snake-board span:first-of-type{top:20%;left:24%}.detail-snake-board span:nth-of-type(2){top:30%;right:22%}.detail-snake-board span:nth-of-type(3){bottom:18%;left:58%}