.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}}: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}.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(3,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)}.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))}}@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}}