/* Preview-only visual layer. The v19 stylesheet and engine remain intact. */
:root{--paper:#faf7f0;--surface:#f1eadd;--line:#dfd3c2;--ink:#382c22;--muted:#7e6b55;--wood:#784730;--red:#a33c28;--tile-edge:#91613e;--home-edge:#91613e;--goal-edge:#91613e;--creator-edge:#91613e;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}
html,body{background:var(--paper);min-height:100%;font-size:14px}body{overflow-x:clip}button,input{font:inherit}button{font-weight:500}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a8774e;outline-offset:4px}button:disabled{cursor:not-allowed}.world-bg{display:none}.screen.active{animation:none}.app-shell{width:min(720px,100%);padding:24px 24px calc(92px + env(safe-area-inset-bottom));margin:auto}.preview-label{height:27px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#8a7158;background:#eee6d8;letter-spacing:1px}.preview-label span{color:#9a846e}.carved-card{background:transparent;border:0;border-radius:0;box-shadow:none}.toolbar-kicker,.eyebrow{display:none}.screen-toolbar{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;margin:0 0 22px;min-height:46px}.screen-toolbar h2{font:600 18px/1.4 "Microsoft YaHei",sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-button,.game-toolbar .round-button{height:44px;width:44px;border:0;border-radius:8px;background:transparent;box-shadow:none;font-size:24px;font-weight:400}.simple-header{display:flex;justify-content:space-between;align-items:center;margin:5px 0 28px}.simple-header h2{font-size:22px;margin:0}.small-label,.page-lead,.local-note{color:var(--muted);font-size:12px;line-height:1.8}.page-lead{font-size:14px;margin:0 0 25px}.local-note{font-size:11px;text-align:center;margin:24px 0 10px}.soft-note{background:var(--surface);padding:16px;border-radius:10px;color:var(--muted);font-size:12px;line-height:1.9;margin-top:24px}
.wood-button,.wood-button.primary,.wood-button.dark,.paper-button,.mini-action{min-height:46px;padding:11px 16px;border:1px solid #c7ad8b;border-radius:10px;box-shadow:none;letter-spacing:0;font-weight:500;font-size:14px;background:transparent;color:var(--ink);transition:background .15s}.wood-button,.wood-button.primary,.wood-button.dark,.mini-action{background:var(--wood);border-color:var(--wood);color:#fff9ee}.wood-button:hover,.paper-button:hover,.round-button:hover,.wood-button:active,.paper-button:active,.round-button:active{transform:none;box-shadow:none;filter:none}.paper-button:hover{background:#f0e7d8}.wood-button:hover{background:#623a29}.text-button{min-height:40px;padding:8px 2px;background:transparent;border:0;color:#8b5d3b;font-size:12px}.board-thumbnail{display:block;width:100%;height:80px}.main-nav{position:fixed;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:7px max(12px,calc((100vw - 580px)/2)) calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#faf7f0f5;border-top:1px solid var(--line);z-index:35;backdrop-filter:blur(12px)}.nav-brand{display:none}.main-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;border:0;background:transparent;min-width:70px;color:#927d66;font-size:12px}.main-nav button.active{color:var(--wood);font-weight:600}.main-nav button.active:before{content:"";position:absolute;top:0;width:22px;height:2px;background:var(--wood)}[data-icon]{display:inline-flex;width:23px;height:23px;flex:none}[data-icon] svg{width:100%;height:100%}
/* Home and level library */
.brand-lockup{padding:26px 0 0}.brand-lockup p{font:12px/1.6 "Microsoft YaHei",sans-serif;letter-spacing:3px;color:#9a7959;margin:0 0 9px}.brand-lockup h1{font:600 34px/1.5 "SimSun",serif;text-shadow:none;color:var(--ink);margin:0}.home-board{height:230px;max-width:290px;padding:24px 15px;margin:0 auto}.home-board svg{height:100%;width:100%}.welcome-card{padding:0;margin:0}.welcome-card h2{font:500 24px/1.5 "SimSun",serif;margin:0 0 8px}.welcome-card p{font-size:13px;color:var(--muted)}.progress-block{margin:23px 0 18px}.progress-block>div:first-child{font-size:11px;color:var(--muted);margin-bottom:9px}.progress-block strong{font-weight:400}.progress-track{height:3px;border:0;background:#e6ddcf}.progress-track i{background:#a8774e}.home-actions{display:grid;gap:10px}.home-actions button{width:100%;min-height:48px}.home-actions b{font-weight:500}.home-actions .primary span{display:none}.home-actions .paper-button{border:0;min-height:38px;font-size:13px}.rule-ribbon{display:flex;gap:24px;margin:18px 0 0}.rule-ribbon button{padding:16px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;width:50%;font-size:14px}.rule-ribbon span{display:block;padding:0;margin-top:7px;background:none;border:0;border-radius:0;color:var(--muted);font-size:11px}.map-summary{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--line)}.map-summary div{display:flex;gap:10px;align-items:baseline;min-width:0;margin:0}.map-summary span{font-size:12px;color:var(--muted)}.map-summary strong{font-size:17px;font-weight:500;color:var(--ink)}.level-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;background:none;box-shadow:none;grid-template-columns:38px 1fr auto;gap:12px}.level-card:hover,.level-card:active{transform:none;box-shadow:none}.level-medallion{width:34px;height:34px;background:var(--surface);color:#8d6543;font-size:20px}.level-card small{display:none}.level-card b{font-size:15px;font-weight:500}.level-card em{font-size:11px;color:var(--muted);margin-top:4px}.level-card>i{background:none;color:#946845;padding:0;font-size:12px}.series-list{gap:26px}.series-card{padding:0}.series-head{margin-bottom:12px}.series-head h3{font-size:16px;font-weight:600}.series-head p{display:none}.series-badge{background:none;color:var(--muted);font-size:11px;padding:0}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-chip{position:relative;min-height:125px;padding:10px 6px 9px;border:1px solid var(--line);background:#fcf9f2;border-radius:10px;gap:5px}.level-chip:hover{transform:none;background:#f4ecde}.level-chip b{font-size:12px;font-weight:500}.level-chip small{font-size:10px;color:var(--muted)}.level-chip.completed:after{content:"✓";position:absolute;right:6px;top:5px;color:#946845;background:transparent;padding:0}.level-chip:disabled{filter:none;opacity:.6}.level-chip.locked:after{content:"待解锁";font-size:10px;border-radius:4px;background:#e9dfce;color:#755b42;padding:2px 5px}.series-card.locked-series .series-head:after{content:none}.creator-teaser{display:none}.mastery-path{padding:16px;background:var(--surface);display:block;border-radius:10px;margin-bottom:25px}.mastery-path h3{font-size:17px;margin:0 0 8px}.mastery-path p{font-size:12px;line-height:1.8}.mastery-steps{justify-content:flex-start;margin-top:12px;gap:6px}.mastery-steps span,.mastery-steps .pending{font-size:10px;font-weight:400;padding:5px 7px;border-radius:5px;color:#785d43;background:#e7dbc7}.route-list{list-style:none;margin:0 10px 0 12px;padding:0 0 0 24px;border-left:1px solid #cbb291}.route-list li{position:relative;margin:0 0 27px}.route-list li:before{content:"";position:absolute;left:-30px;top:4px;width:10px;height:10px;border-radius:50%;background:#b68a5f;outline:3px solid var(--paper)}.route-list li.pending:before{background:#e2d3bd}.route-list b{font-size:15px;font-weight:500}.route-list p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0}.route-list button{min-height:30px}
/* Creator library and profile */
.profile-card{display:flex;gap:12px;align-items:center;margin:0 0 25px;min-width:0}.profile-avatar{width:46px;height:46px;padding:12px;background:#e9dcc8;border-radius:50%;color:#8e6340}.profile-card strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.profile-card small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.like-count{margin-left:auto;text-align:center;font-size:20px}.like-count small{font-size:10px}.library-tabs{display:flex;gap:28px;margin-bottom:20px;border-bottom:1px solid var(--line)}.library-tabs button{border:0;background:transparent;padding:12px 0;color:var(--muted);font-size:14px}.library-tabs button[aria-selected=true]{border-bottom:2px solid var(--wood);color:var(--ink)}.library-tabs small{margin-left:5px;font-size:11px}.creator-library{padding:0;margin:0;border:0}.creator-library>summary,.creator-library>p{display:none}.creator-library #draftList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin:18px 0 0}.draft-item{border:0;padding:0;background:none;text-align:left;border-radius:10px}.draft-item svg{height:150px;padding:12px;background:#efe5d4;border-radius:10px;margin-bottom:10px}.draft-item strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.draft-item small{font-size:11px;line-height:1.7;color:var(--muted)}#newDesignButton{width:100%;border:1px dashed #bca17e;background:transparent;min-height:52px!important;font-size:14px;border-radius:10px}.empty-state{text-align:center;padding:48px 12px}.empty-state>[data-icon]{width:50px;height:50px;color:#b59a76}.empty-state h3{font-size:19px;font-weight:500;margin:24px 0 12px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.9}.empty-state button{margin-top:15px}.edit-profile{border:0;background:none;text-align:left;width:100%;padding:0}.chevron{margin-left:auto;color:#9a8166;font-size:22px}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;text-align:center;border-block:1px solid var(--line);margin:0 0 16px}.profile-metrics strong{font-size:23px;font-weight:500;display:block}.profile-metrics small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.menu-row{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:12px;border:0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;padding:12px 0;font-size:14px}.menu-row small{font-size:11px;color:var(--muted)}.switch{appearance:none;width:38px;height:24px;border-radius:20px;background:#d9cfbe;position:relative;flex:none;cursor:pointer}.switch:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fffaf0;transition:left .15s}.switch:checked{background:#94704d}.switch:checked:before{left:17px}.nickname-field{display:block;margin:22px 0;font-size:12px;color:var(--muted)}.nickname-field input{display:block;width:100%;border:1px solid #cbb291;border-radius:8px;background:#fffaf1;padding:12px;margin-top:8px;color:var(--ink)}
/* Editor */
body[data-view=creator] .app-shell{padding-bottom:30px}.creator-intro{padding:0;margin:0 0 18px;display:block}.creator-intro>div{display:none}.creator-intro label{font-size:0;min-width:0;margin:0}.creator-intro input{font-size:17px;font-weight:500;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:8px 0}.creator-layout{display:flex;flex-direction:column;gap:12px}.creator-tools{position:static;width:100%;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.creator-tool{justify-content:center;gap:5px;min-height:44px;padding:8px 4px;border:1px solid #d5c4aa;border-radius:9px;background:transparent;font-weight:400;font-size:13px;white-space:nowrap}.creator-tool b{width:20px;height:20px;font-size:18px;background:transparent;border-radius:0;color:#8e6340;font-weight:400}.creator-tool:hover,.creator-tool.active{transform:none;background:#e9dac1;color:var(--ink);border-color:#ae8457}.creator-tool.active b{background:none;color:#784730}.creator-canvas-card{padding:0;width:100%;border:0;position:relative}.creator-canvas-head{font-size:11px;line-height:1.7;font-weight:400;color:var(--muted);margin:0 0 8px;min-height:38px;align-items:center;gap:10px}.creator-canvas-head>span:first-child{flex:1}.creator-canvas-head>span:last-child{flex:none}.creator-canvas-wrap{aspect-ratio:auto;height:min(53vh,410px);min-height:280px;border:1px solid #ddd0ba;border-radius:10px;background:#fcf9f2;overflow:hidden}#creatorCanvas{width:100%;height:100%;min-width:0;display:block;touch-action:none}.creator-frame line{stroke:#91613e;stroke-width:4;stroke-dasharray:10 7;opacity:.55}.creator-cell polygon{stroke:#c8b89e;stroke-width:1.4;fill:#f7f1e6}.creator-cell.selected polygon,.creator-cell.linked polygon{fill:#fbf5e8;stroke:var(--creator-edge);stroke-width:2.5}.creator-cell.fixed polygon{fill:#d8c09b}.creator-cell.pending polygon{fill:#e7d4b4;stroke:var(--creator-edge);stroke-width:3}.creator-linked-outline line{stroke:var(--creator-edge);stroke-width:1.4}.creator-cell text{fill:var(--red);font-family:Georgia,serif;font-weight:500}.creator-inline-message,.creator-inline-message.show{bottom:15px;left:12px;right:12px;padding:12px;border:1px solid #bda17f;border-radius:9px;background:#fff9eef5;color:var(--ink);font-size:12px;font-weight:400;box-shadow:0 4px 15px #70513915;z-index:5}.creator-inline-message[data-tone=warn],.creator-inline-message[data-tone=success]{color:#77553c}.binding-actions{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:7px;background:#fff9edf2;border:1px solid #cbb08a;padding:7px;border-radius:9px;justify-content:flex-end;min-height:52px}.binding-actions button{font-size:11px;min-height:36px!important;border:1px solid #bc9c75;border-radius:7px;padding:7px;background:transparent}.binding-actions #finishBindingButton{color:#fff9ee;background:var(--wood);border-color:var(--wood)}.creator-check{display:block;padding:0;margin:12px 0 0}.validation-summary{min-height:82px;padding:4px 0 12px}.creator-check h3{font-size:13px;font-weight:500;margin:0 0 5px}.creator-check p{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}.creator-check-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.creator-check-actions button{min-height:44px;padding:9px;font-size:13px}.creator-check-actions #saveDraftButton{grid-area:1/1}.creator-check-actions #validateDesignButton{grid-area:1/2}.creator-check-actions #playDesignButton{grid-column:1/-1}.creator-check-actions #publishDesignButton{grid-column:1/-1;background:none;border-color:#dacbb6;font-size:12px;color:#947b61;min-height:38px}.creator-check-actions button:disabled{opacity:.45}.editor-more{margin-top:12px;text-align:center;font-size:11px;color:var(--muted)}.editor-more summary{cursor:pointer;padding:8px;min-height:36px}.editor-more button{min-height:38px;margin:5px 0;font-size:12px}
/* Gameplay: fixed dock, fixed board region, quiet secondary controls */
body[data-view=game] .app-shell{width:min(1080px,100%);padding:12px 18px 24px}.game-toolbar{margin:0 0 6px}.game-hud{display:grid;height:48px;padding:5px 6px;margin:0 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;background:transparent}.game-hud>div{display:flex;align-items:center;justify-content:center;gap:8px}.game-hud span{font-size:11px;color:var(--muted)}.game-hud strong{font-size:14px;font-weight:500}.game-hud>i{background:none}.difficulty-control>button{width:auto}.difficulty-menu{border:1px solid #c3a37e;border-radius:9px;background:#fffaf0;box-shadow:0 8px 20px #61452715;padding:6px;top:calc(100% + 10px);right:0}.difficulty-menu button{min-height:40px;font-weight:400}.difficulty-menu button.active,.difficulty-menu button:hover{background:#eadecb;color:var(--ink)}.game-stage,.game-stage.guided,.game-stage.strategy-guided,.game-stage.tutorial-game{display:block;max-width:none}.board-column{width:100%}.goal-dock{height:112px;margin:0 0 12px;max-width:none}.goal-dock .goal-preview{inset:auto;transform:none;border:0;border-radius:12px;background:#f0eadd;box-shadow:none;padding:10px 14px;grid-template-columns:minmax(85px,1fr) 145px;gap:10px;text-align:left;max-width:none}.goal-preview>span{font-size:13px;font-weight:500}.goal-preview>span small{font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap}.goal-preview svg{width:100%;height:92px}.goal-dock .board-toast,.goal-dock .board-toast.show{border:1px solid #b68d60;border-radius:12px;box-shadow:none;background:#fff9ed;color:#795c43;text-align:left;font-size:12px;font-weight:400;padding:12px 40px 12px 14px;z-index:15}.goal-dock.tutorial-dock{height:210px}.goal-dock.strategy-dock{height:166px}.goal-dock #tutorialPanel{padding:14px;border:0;background:#eee5d5;box-shadow:none;border-radius:12px;grid-template-columns:1fr;gap:5px}.goal-dock #tutorialPanel .guide-avatar{display:none}.goal-dock #tutorialPanel h3{font-size:15px;font-weight:500}.goal-dock #tutorialPanel p{font-size:12px;line-height:1.65;color:var(--muted)}.goal-dock #tutorialPanel button{min-height:36px;font-size:12px;align-self:end}.goal-dock.preview-lesson .goal-preview{height:88px}.goal-dock.preview-lesson .goal-preview svg{height:72px}.goal-dock.preview-lesson #tutorialPanel{top:94px;height:116px;grid-template-columns:minmax(0,1fr) auto;padding:9px 12px}.goal-dock .strategy-panel{position:absolute;inset:0;z-index:8;width:100%;height:100%;overflow:auto;border:0;border-radius:12px;background:#eee5d5;padding:12px 14px;box-shadow:none}.strategy-panel h3{font-size:15px;font-weight:500;margin:0 0 6px}.strategy-panel p{font-size:12px;line-height:1.6;color:var(--muted)}#strategyToggle{min-height:30px;padding:5px 0}.board-card,.game-stage .board-card{border:0;border-image:none;background:none;padding:0;margin:0;box-shadow:none;max-width:none}.board-card:before{display:none}.board-wrap{aspect-ratio:auto;width:100%;height:min(94vw,370px);min-height:0;max-height:none;padding:10px 0}.board-wrap svg{width:100%;height:100%;overflow:visible}.tile{filter:none}.tile polygon,.tile.linked polygon{fill:#fbf5e8;stroke:var(--tile-edge);stroke-width:2.3}.tile.home polygon{stroke:var(--home-edge)}.tile.fixed polygon{fill:#d8c09b;stroke:var(--tile-edge)}.tile text,.tile.fixed text{fill:var(--red);font-family:Georgia,serif;font-weight:500}.tile:hover polygon,.tile.dragging polygon{stroke:var(--tile-edge);stroke-width:2.3}.linked-outline line{stroke-width:1.4}.slot-shape{fill:#eee5d5;stroke:#cbb699;stroke-width:1.5}.slot-shape.empty{fill:#f1e8d8;stroke:#b39876;stroke-width:1.5}.removed-tray{height:35px;min-height:35px;gap:12px}.removed-tray>span{font-size:11px;font-weight:400;color:#9b8267}.mini-tile{width:30px;height:27px;font:500 17px Georgia,serif;background:#f2e9d9;filter:none;color:var(--red)}#frameLayer line,#frameLayer path,#frameLayer polygon{stroke:#784730;stroke-width:4}.run-controls{max-width:none;width:100%;margin:12px 0 0;min-height:108px}.run-controls>.inspection-panel,.run-controls>.game-actions{margin:0;padding:0}.inspection-panel{text-align:center;min-height:108px}.inspection-panel h3{font-size:13px;font-weight:400;color:var(--muted);margin:0 0 10px}.inspection-panel p{display:none}.start-game-button{width:100%;min-width:0;min-height:48px;font-size:16px;letter-spacing:0}.game-actions{grid-template-columns:1fr 1fr;gap:8px}.game-actions button{min-height:46px;font-size:13px;padding:9px 5px}.game-actions #undoButton{grid-area:1/1}.game-actions #hintButton{grid-area:1/2;background:var(--wood);border-color:var(--wood);color:#fff9ee}.game-actions #restartButton,.game-actions #reshuffleButton{grid-row:2;background:transparent;color:var(--muted);border-color:transparent;min-height:40px;font-size:12px}#hintCount{font-size:11px}.action-confirm{border:1px solid #b68d60;border-radius:12px;box-shadow:0 8px 24px #61452720;background:#fff9ed;color:var(--ink);padding:10px 12px}.action-confirm strong{font-size:14px;font-weight:500}.action-confirm p{font-size:12px;line-height:1.6}.confirm-actions button{font-size:12px;min-height:36px;border-radius:7px}.action-confirm::backdrop{background:#4b392a30}
/* Dialogs and transient feedback never participate in page flow. */
.dialog{background:var(--paper);border:1px solid #cfb99b;border-radius:18px;box-shadow:0 12px 30px #5b412b25;width:min(92vw,500px);max-height:90dvh}.dialog::backdrop{background:#4b392a40;backdrop-filter:none}.dialog form,.win-dialog{padding:26px 22px}.dialog h2{font-size:21px;font-weight:500;margin:8px 25px 18px 0;line-height:1.5}.dialog p{color:var(--muted);font-size:13px;line-height:1.8}.dialog-close{background:transparent;color:var(--muted);font-size:24px;right:10px;top:8px;width:38px;height:38px}.dialog li>b{background:#e9dcc8;color:#8b6343;font-weight:400;flex:none;width:26px;height:26px;font-size:12px}.dialog li p{margin:0;font-size:12px;line-height:1.8}.setting-row{background:transparent;border:0;border-block:1px solid var(--line);border-radius:0;padding:14px 0}.setting-row b{font-weight:500;font-size:13px}.setting-row small{font-size:11px}.goal-dialog{width:min(94vw,720px)}.full-goal-wrap{height:min(58vh,500px);background:none;border:0;border-radius:0}#goalPreviewSvg>polygon,#fullGoalSvg>polygon{stroke-width:2.5;stroke:var(--goal-edge)}#goalPreviewSvg text,#fullGoalSvg text{font-family:Georgia,serif;font-weight:500}.goal-linked-outline line{stroke:var(--goal-edge);stroke-width:1.4}.win-dialog .celebration{width:68px;height:68px;border:1px solid #b8956c;transform:none;color:#91613e;font-size:25px;font-weight:400;margin:8px auto 20px}.win-dialog h2{margin:10px 0;font-family:"SimSun",serif;font-size:25px}.win-rating,.win-rating.practice{background:#ede3d1;color:#805c3e;border-radius:5px;font-weight:500;font-size:13px;padding:5px 10px}.win-dialog .wide{margin-top:10px}.toast{border-radius:10px;background:#5a402e;color:#fff9ed;font-size:12px;line-height:1.6;max-width:calc(100vw - 36px);width:max-content;bottom:calc(90px + env(safe-area-inset-bottom));box-shadow:0 4px 15px #61452720}.toast.show{transform:translate(-50%,0)}
.app-shell{min-height:calc(100dvh - 27px)}
button,svg,[role=button]{-webkit-tap-highlight-color:transparent;user-select:none}
.goal-dock.preview-lesson .board-toast.show{top:94px;height:116px}
@media(max-width:899px){.tutorial-game .board-wrap{height:min(80vw,300px)}.strategy-guided .board-wrap{height:min(88vw,340px)}}
.home-actions{justify-content:stretch}.rule-ribbon{flex-wrap:nowrap}.rule-ribbon button{flex:1;min-width:0;width:auto}
.creator-canvas-card{padding-bottom:56px}.binding-actions{bottom:0;left:0;right:0}
.creator-check-actions #validateDesignButton,.creator-check-actions #playDesignButton{grid-area:1/2}
.creator-check-actions #playDesignButton:disabled{visibility:hidden;pointer-events:none}
.creator-check:has(#playDesignButton:not(:disabled)) #validateDesignButton{visibility:hidden;pointer-events:none}
@media(min-width:900px){
  .preview-label{justify-content:flex-end;padding-right:26px}.app-shell{width:min(850px,calc(100% - 220px));margin-left:220px;margin-right:auto;padding:38px 45px 40px}.main-nav{inset:27px auto 0 0;width:200px;height:auto;padding:30px 22px;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-start;gap:10px;backdrop-filter:none}.nav-brand{display:block;font:600 21px "SimSun",serif;padding:10px 0 32px}.main-nav button{flex-direction:row;gap:12px;padding:12px;font-size:14px;border-radius:8px;min-height:48px}.main-nav button.active{background:#eee5d7}.main-nav button.active:before{display:none}.home-screen{max-width:490px;margin:auto}.brand-lockup{padding-top:25px}.home-board{height:255px}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.series-strategy .level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-library #draftList{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-screen{max-width:560px;margin:auto}
  body[data-view=game] .app-shell{width:min(1080px,100%);padding:20px 35px 35px;margin:auto}.game-screen.active{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:54px 58px auto 1fr;gap:0 36px;align-items:start}.game-toolbar{grid-area:1/1/2/3;margin:0}.game-hud{grid-area:2/2/3/3;margin:0;height:48px}.game-stage,.game-stage.guided,.game-stage.strategy-guided,.game-stage.tutorial-game,.game-stage .board-column{display:contents}.goal-dock{grid-area:3/2/4/3;height:150px;margin:8px 0 0}.goal-dock.tutorial-dock{height:250px}.goal-dock.strategy-dock{height:210px}.goal-dock .goal-preview{grid-template-columns:1fr 132px;padding:10px}.goal-preview svg{height:126px}.game-stage .board-card{grid-area:2/1/6/2;min-width:0}.board-wrap{height:520px;padding:16px 0}.run-controls{grid-area:4/2/5/3;margin-top:18px}.goal-dock.preview-lesson #tutorialPanel{top:103px;height:147px;grid-template-columns:1fr}.goal-dock.preview-lesson #tutorialPanel button{grid-column:1}.goal-dock.preview-lesson .goal-preview{height:97px}
  body[data-view=creator] .app-shell{margin:auto;width:min(850px,100%);padding:24px 45px 40px}.creator-canvas-wrap{height:470px;max-height:none}.creator-check-actions{grid-template-columns:1fr 1fr}.creator-check-actions #publishDesignButton{grid-column:1/-1}
  .goal-dock.preview-lesson .board-toast.show{top:103px;height:147px}
}
@media(max-width:359px){.app-shell{padding-inline:18px}.home-board{height:190px}.brand-lockup h1{font-size:30px}.creator-tool{font-size:11px}.creator-tool b{font-size:16px;width:16px}.goal-dock .goal-preview{grid-template-columns:1fr 125px;padding:9px 10px}.game-hud>div{gap:4px}.game-hud strong{font-size:12px}.game-hud span{font-size:10px}.board-wrap{height:300px}.creator-canvas-head{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}