:root{--ink:#20211f;--muted:#777970;--paper:#f5f3ed;--white:#fff;--line:#dedfd7;--yellow:#f6d54a;--yellow-dark:#e9bd25;--gray:#757b78;--green:#32775a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #2e6de9;outline-offset:3px}.hidden{display:none!important}.site-header{height:64px;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);gap:24px}.brand,.site-header{display:flex;align-items:center}.brand{gap:11px;color:var(--ink);text-decoration:none;font-weight:800;font-size:18px;letter-spacing:-.4px}.brand-mark{width:28px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;transform:rotate(-8deg)}.brand-mark i{background:var(--ink);border-radius:2px}.brand-mark i:nth-child(2){background:var(--yellow);transform:translateY(-4px)}.site-nav{display:flex;gap:4px}.site-nav a{color:#85877e;text-decoration:none;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px}.site-nav a:hover{color:var(--ink);background:#efefe9}main{padding:18px 20px 26px}footer,main{max-width:1080px;margin:auto}footer{border-top:1px solid var(--line);padding:12px 5vw 20px;font-size:10px;color:#96999}.button{border:0;border-radius:8px;min-height:43px;padding:0 18px;font-weight:700;font-size:14px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#373934}.button-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 #d1ac28}.button-yellow:hover{background:#ffdf56;box-shadow:0 4px 0 #d1ac28}.button-light{background:#fff;border:1px solid var(--line)}.button-light:hover{background:#fafaf7}.button-small{min-height:36px;font-size:12px;padding:0 13px}.full{width:100%}.home-head{margin:6px 0 22px}.home-head h1{font-size:30px;letter-spacing:-1.2px;margin:0 0 6px}.home-head p{font-size:13px;color:var(--muted);margin:0}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.level-card{background:#fff;border:1px solid #d9dbd2;border-radius:12px;padding:0;display:flex;flex-direction:column;box-shadow:0 8px 30px #32382b08;overflow:hidden}.level-preview{position:relative;background:#282b28}.level-preview canvas{display:block;width:100%;aspect-ratio:1}.glyph-chip{position:absolute;left:10px;top:10px;background:#20211fd9;color:#fff;font-weight:900;font-size:15px;width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.level-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:9px}.level-card h2{font-size:17px;margin:0;letter-spacing:-.4px}.level-card .meta{font-size:11px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.level-card .best{font-size:11px;color:var(--green);font-weight:700;min-height:15px}.editor-card{background:var(--ink);color:#fff;border-color:var(--ink);padding:20px;gap:10px}.editor-card .glyph{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;font-size:30px;font-weight:900;background:#ffffff14;color:var(--yellow)}.editor-card .meta{color:#b9bcb3}.editor-card .best{color:var(--yellow)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:0;gap:0;background:#fff;border:1px solid #d9dbd2;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #32382b0b}.stage-column{padding:14px;background:#f0f0eb;min-width:0}.canvas-shell{position:relative;background:#282b28;border-radius:8px;--board-h:min(calc(100vh - 320px),960px);--board-h:min(calc(100dvh - 320px),960px);aspect-ratio:10/14}.board-wrap,.canvas-shell{overflow:hidden;box-shadow:0 5px 14px #20231f20;width:min(100%,calc(var(--board-h) * 10 / 14));margin-inline:auto}.board-wrap{--board-h:min(calc(100vh - 278px),1030px);--board-h:min(calc(100dvh - 278px),1030px);border-radius:10px;background:#20231f}.board-wrap .canvas-shell{width:100%;border-radius:0;box-shadow:none;--board-h:unset}.status-bar{min-height:56px;display:flex;align-items:center;justify-content:space-between;background:#20231f;color:#cfd2c9;padding:7px 12px;gap:10px;border-bottom:1px solid #ffffff12}.sb-cells{display:flex;gap:16px;flex:1 1;align-items:stretch;min-width:0}.sb-cell{display:flex;flex-direction:column;justify-content:space-between;gap:3px;height:36px;white-space:nowrap}.sb-cell small{font-size:8px;letter-spacing:.6px;color:#8b8f85;text-transform:uppercase}.sb-cell b{font-size:15px;color:#fff;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.sb-floor.on b{color:#c792ea;text-shadow:0 0 12px #c792ea}.sb-bricks b{color:#f4d44d}.sb-time b{font-size:13px;font-weight:700}.sb-combo{opacity:.35;transition:opacity .18s;align-items:flex-end}.sb-combo.active{opacity:1}.sb-combo b{font-size:20px;font-style:italic;line-height:1;background:linear-gradient(180deg,#fffbe0,#f4d44d 55%,#ff9f1c);-webkit-background-clip:text;background-clip:text;color:transparent;animation:sbComboPop .32s cubic-bezier(.18,1.9,.4,1)}.sb-combo.warm b{background:linear-gradient(180deg,#fff3a5,#ff9f43 60%,#ff6b35);-webkit-background-clip:text;background-clip:text}.sb-combo.hot b{background:linear-gradient(180deg,#ffe0b0,#ff6b35 55%,#ff3d00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px #ff6b3590)}@keyframes sbComboPop{0%{transform:scale(1.6) rotate(-4deg)}to{transform:scale(1) rotate(0)}}.win-combo .stars{font-size:36px;letter-spacing:9px;margin:4px 0 2px;line-height:1}.star{color:#ffffff2e}.star.on{color:#f4d44d;text-shadow:0 2px 14px #f4d44d80}.win-combo p{color:#f4d44d;font-weight:800;margin:0 0 18px;font-size:14px}canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-badge{position:absolute;top:12px;left:12px;border:1px solid #ffffff20;background:#222521b5;color:#dedfd9;font-size:10px;letter-spacing:.5px;padding:6px 10px;border-radius:20px;pointer-events:none}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1e211cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .2s}.game-overlay.off{opacity:0;pointer-events:none}.overlay-card{text-align:center;color:#fff;padding:24px;max-width:440px}.overlay-kicker{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--yellow)}.overlay-card h2{font-size:34px;margin:10px 0 12px;letter-spacing:-1px}.overlay-card p{font-size:13px;line-height:1.9;color:#d3d5ce;margin:0 0 22px}.overlay-card p strong{color:var(--yellow)}.result-icon{margin:0 auto 15px;width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:26px;font-weight:800}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.stage-footer{display:flex;align-items:center;gap:18px;padding:7px 2px 0;font-size:10px;color:#72766d;flex-wrap:wrap}.stage-footer>span{display:flex;align-items:center;gap:6px}.legend{display:inline-block;width:12px;height:8px;border-radius:2px}.legend.gray{background:var(--gray)}.legend.yellow{background:var(--yellow)}.mobile-controls{display:none}.control-panel{padding:22px 20px;background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:18px}.level-pill{font-size:10px;font-weight:500;color:var(--muted);background:#f1f1eb;padding:4px 8px;border-radius:4px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px}.stat{padding:14px 12px}.stat+.stat{border-left:1px solid var(--line)}.stat label{font-size:10px;color:var(--muted);display:block}.stat strong{display:block;font-size:24px;line-height:1.2;margin:6px 0 3px;letter-spacing:-1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat small{font-size:9px;color:#a0a299}.effects-row{display:flex;gap:6px;margin-top:12px;min-height:26px;flex-wrap:wrap}.effect-pill{font-size:10px;font-weight:700;color:#fff;border-radius:20px;padding:4px 10px}.panel-actions{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.tip-card{display:flex;gap:10px;background:#f7f6f0;border-radius:8px;padding:13px;margin-top:18px}.tip-icon{font-size:15px}.tip-card strong{font-size:10px}.tip-card p{font-size:9px;line-height:1.65;color:var(--muted);margin:4px 0 0}.field-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:15px 0 7px}.field-label small{font-size:8px;color:var(--muted);font-weight:400}.level-input{width:100%;border:1px solid var(--line);border-radius:6px;padding:9px 10px;font-size:12px;background:#fdfdfa;color:var(--ink)}.palette{display:grid;grid-gap:6px;gap:6px}.palette-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 9px;color:var(--ink);font-size:10px;text-align:left}.palette-item.selected{border-color:#b89b30;background:#fffbed;box-shadow:0 0 0 1px #e2c651}.palette-item span{flex:1 1}.palette-item kbd{font-family:inherit;font-size:8px;color:#9b9d94}.brick-preview{width:27px;height:16px;border-radius:2px}.brick-preview.gray{background:var(--gray);box-shadow:inset 0 2px #ffffff25}.brick-preview.yellow{background:var(--yellow);box-shadow:inset 0 2px #ffffff50}.brick-preview.empty{border:1px dashed #b9bcb3;background:#f5f5f0}.editor-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px;margin:15px 0}.editor-actions button{border:1px solid var(--line);border-radius:5px;background:#fff;padding:7px 0;font-size:14px}.editor-actions button:hover{background:#f5f5ef}.editor-actions span{display:block;font-size:7px;margin-top:3px;color:var(--muted)}.balance-card{border:1px solid var(--line);border-radius:7px;padding:11px;margin:0 0 12px;background:#fafaf6}.balance-row,.balance-title{display:flex;align-items:center;justify-content:space-between}.balance-title{margin-bottom:9px}.balance-title strong{font-size:10px}.balance-title span{font-size:8px;font-weight:700;color:#a26528}.balance-card.valid .balance-title span{color:var(--green)}.balance-row{font-size:9px;margin-top:6px}.balance-row small{color:var(--muted);margin-left:3px}.balance-row b{font-size:9px}.balance-row b.bad{color:#b55735}.balance-track{height:3px;background:#e6e7df;margin-top:10px;border-radius:3px;overflow:hidden}.balance-track i{display:block;height:100%;width:0;background:var(--yellow-dark);transition:width .2s}.balance-card.invalid{border-color:#dfb69f;background:#fff9f5}.balance-card.invalid .balance-track i{background:#c87946}.balance-card.valid .balance-track i{background:var(--green)}.editor-note{font-size:9px;line-height:1.65;color:var(--muted);margin:0 0 14px}.draft-list{display:grid;grid-gap:6px;gap:6px;margin-top:8px;max-height:200px;overflow:auto}.draft-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:10px;background:#fff}.draft-item span{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-item time{font-size:8px;color:var(--muted)}.draft-item button{border:0;background:none;font-size:10px;color:#85877e;padding:2px 4px}.draft-item button:hover{color:var(--ink)}.file-row,.toolbar-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%)}.editor-wrap{background:#fff;border:1px solid #d9dbd2;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #32382b0b;display:grid;grid-template-columns:minmax(0,1fr) 300px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 18px;flex-wrap:wrap}.editor-head h1{font-size:22px;letter-spacing:-.8px;margin:0}.editor-head .button{flex-shrink:0}@media(max-width:860px){.editor-wrap,.game-layout{display:flex;flex-direction:column}.stage-column{padding:12px}.control-panel{padding:18px}.mobile-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-gap:8px;gap:8px;margin-top:10px}.mobile-controls button{height:44px;border:1px solid #d2d4cb;border-radius:6px;background:#fff;color:var(--ink);font-weight:700;touch-action:none}.stage-footer{gap:10px}.main{padding:16px 12px}}