:root{color-scheme:light;--paper:#f8f8ef;--ink:#263e34;--muted:#738175;--green:#286a50;--line:#dae2d3;--shadow:0 14px 44px #2947350c;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 8% 14%,#dceadd 0,transparent 40%),radial-gradient(ellipse at 96% 95%,#e9e5cc 0,transparent 43%),#edf3e9}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c77b3b;outline-offset:3px}button{touch-action:manipulation}a{color:var(--green);text-decoration:none}[hidden]{display:none!important}.app{max-width:680px;margin:auto;padding:0 28px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}.brand img{border-radius:9px}.brand-sub{display:block;font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--muted);margin-top:4px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.text-button{width:35px;height:35px;display:grid;place-items:center;background:#ffffff8c;border:1px solid #fff;border-radius:50%;font-size:17px}.text-button{font-size:11px;font-weight:800}.game-layout{display:flex;flex-direction:column;gap:10px;height:min(1000px,calc(100dvh - 78px));min-height:0}.stage-panel,.control-panel{border:1px solid #ffffffc9;box-shadow:var(--shadow);border-radius:26px}.stage-panel{background:#fafbf4b8;display:flex;flex-direction:column;padding:16px 22px 4px;overflow:hidden;flex:1;min-height:230px}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.19em;color:#7f8c74;margin:0 0 8px}#title{font-size:28px;letter-spacing:-1.3px;margin:0;line-height:1.2}h2{margin:0;font-size:14px;font-weight:750}.level-button{display:flex;align-items:center;gap:8px;background:#eaf0e2;border:1px solid #dbe5d0;border-radius:12px;padding:9px 11px;font-size:11px}#level-number{display:grid;place-items:center;background:#fffaf0;border-radius:6px;min-width:24px;height:24px;font-size:12px;font-weight:800}.progress-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:10px 0 5px;font-variant-numeric:tabular-nums}#percent{color:var(--green);font-weight:800}.progress-track{height:5px;border-radius:5px;background:#e3e9db;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#6d9c75;border-radius:5px;transition:width .25s}.canvas-wrap{position:relative;flex:1;min-height:0;margin:4px -8px 0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}.stage-tools{position:absolute;top:4px;right:4px;z-index:3;height:30px;display:flex;gap:6px}.small-button{border:1px solid #dce2d3;background:#fffffff0;padding:7px 10px;border-radius:9px;min-width:40px;font-size:10px}.stage-foot{display:flex;align-items:center;justify-content:center;gap:7px;min-height:27px;color:var(--muted);font-size:10px;line-height:1.6;text-align:center}.stage-foot p{margin:0}.live-dot{height:5px;width:5px;flex:none;background:#80a27d;border-radius:50%}.paused-label{position:absolute;inset:0;display:grid;place-items:center;backdrop-filter:blur(5px);background:#f8f8ef66;font-size:22px;font-weight:800;pointer-events:none}.paused-label::first-letter{color:var(--green)}.control-panel{background:#fcfcf5;padding:13px 22px 8px;display:flex;flex-direction:column;min-height:0;height:clamp(151px,23dvh,230px);flex:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.section-heading>span{font-size:10px;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;flex:none}.slot{height:60px;border:1.5px dashed #d7decf;border-radius:14px;background:#f2f4ea;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:visible}.empty-mark{color:#bdc8b6;font-size:23px;font-weight:300}.slot.active{border:1px solid #dce3d3;background:#fffdf5}.team-cube{width:36px;height:32px;background:var(--cube);border-radius:8px;box-shadow:inset 0 3px 0 #ffffff51,inset 0 -5px 0 #00000014,0 3px 4px #00000009;display:grid;place-items:center;font-size:16px;font-weight:850;color:var(--cube-ink);text-shadow:0 1px #00000010}.team-caption{font-size:8px;color:var(--muted);margin-top:7px;white-space:nowrap}.slot.working .team-caption{color:#3f8159}.team-progress{position:absolute;bottom:0;left:0;height:3px;width:var(--progress);background:var(--cube);transition:width .18s}.queue-panel{margin-top:0;display:flex;flex-direction:column;min-height:0;flex:1}.queues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 22px;scrollbar-width:thin;scrollbar-color:#d4ddcb transparent;mask-image:linear-gradient(#000 calc(100% - 14px),transparent)}.box-stack{display:flex;flex-direction:column;gap:11px;min-width:0}.color-box{position:relative;width:100%;min-height:51px;flex:none;display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:13px;background:var(--cube);color:var(--cube-ink);box-shadow:inset 0 3px 0 #ffffff5c,inset 0 -7px 0 #00000017,0 5px 8px #273e3410;font-size:25px;font-weight:850;font-variant-numeric:tabular-nums;transition:transform .12s,filter .12s}.color-box.ready{position:relative;z-index:2;outline:3px solid #fffdf5;outline-offset:2px}.color-box.ready::before{content:'↑';position:absolute;top:5px;right:7px;font-size:10px;opacity:.6}.color-box.ready:hover{transform:translateY(-3px);filter:brightness(1.04)}.color-box.ready:active{transform:translateY(2px)}.color-box.locked{min-height:39px;font-size:19px;opacity:.68;box-shadow:inset 0 2px 0 #ffffff5c,inset 0 -5px 0 #00000017}.color-box.locked::after{content:'·';position:absolute;right:6px;bottom:3px;font-size:15px;opacity:.6}.color-box.hinted{outline:3px solid #376e42;outline-offset:3px;animation:hint-pulse .8s ease-in-out 3}.stack-end{height:48px;display:grid;place-items:center;color:#b5c2ad;font-size:20px}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e8ecdf;padding-top:12px;margin-top:7px;flex:none}.bottom-actions p{font-size:9px;color:#94a08d;text-align:center}.secondary-button{border:1px solid #dce4d2;border-radius:10px;background:#f5f7ed;font-size:11px;padding:10px 13px}.primary-button{border:0;border-radius:12px;background:#316f50;color:#fff;font-size:13px;font-weight:700;padding:14px 24px;box-shadow:inset 0 -3px 0 #00000012}.modal{border:1px solid #fff;border-radius:24px;background:#fffdf5;color:var(--ink);padding:32px;width:min(440px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #173c3430}.modal::backdrop{background:#1b352b65;backdrop-filter:blur(5px)}.modal form{margin:0}.modal h2{font-size:23px;line-height:1.4;margin:8px 0 18px}.close-button{position:absolute;right:15px;top:12px;background:transparent;border:0;font-size:25px;color:var(--muted);width:32px;height:32px}.rules{padding-left:23px;font-size:13px;line-height:1.7}.rules li{padding:5px 0 9px}.rules p{margin:5px 0;color:var(--muted);font-size:12px}.modal-note{font-size:12px;color:var(--muted);line-height:1.8}.modal form>.primary-button{width:100%;margin-top:12px}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.level-card{position:relative;border:1px solid #e0e6d5;background:#f5f6eb;border-radius:14px;padding:14px 8px 10px;text-align:center}.level-card.current{border:2px solid #709b78;padding:13px 7px 9px}.level-card canvas{display:block;width:86px;height:86px;margin:auto auto 9px;image-rendering:pixelated}.level-card strong{display:block;font-size:12px}.level-card small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.level-card .check{position:absolute;top:7px;right:8px;color:#4e855b;font-size:12px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.result{text-align:center}.result-art{margin:auto}.result #result-art{margin:12px auto;display:block;image-rendering:pixelated}.result-actions{display:flex;flex-direction:column;gap:10px}.pattern-link{display:inline-block;font-size:11px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.no-script{position:fixed;inset:30%;padding:24px;background:white;z-index:10}.shake{animation:shake .25s}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes hint-pulse{50%{filter:brightness(1.15);transform:translateY(-3px)}}

@media(max-width:740px){.app{padding:0 12px}.topbar{height:59px;padding:0 5px}.brand{font-size:14px;gap:8px}.brand img{width:25px;height:25px}.brand-sub{font-size:8px;margin-top:2px}.top-actions{gap:6px}.icon-button,.text-button{height:30px;width:30px}.game-layout{display:flex;flex-direction:column;gap:9px;height:calc(100dvh - 68px - env(safe-area-inset-bottom));min-height:0}.stage-panel,.control-panel{border-radius:19px}.stage-panel{padding:14px 16px 4px;flex:1;min-height:230px}.stage-heading{gap:7px}#title{font-size:24px}.eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:4px}.level-button{padding:5px 7px;border-radius:9px;font-size:10px;gap:5px}#level-number{min-width:21px;height:21px;font-size:10px}.progress-row{margin:10px 0 5px;font-size:9px}.progress-track{height:4px}.canvas-wrap{margin:4px -6px 0}.stage-tools{top:2px;right:2px}.small-button{font-size:9px;padding:5px 8px;min-width:33px}.stage-foot{min-height:27px;font-size:9px;gap:5px}.control-panel{padding:12px 14px 8px;height:clamp(151px,23dvh,210px);flex:none}.section-heading{margin-bottom:8px}h2{font-size:12px}.section-heading>span{font-size:9px}.slots{gap:6px}.slot{height:65px;border-radius:10px}.team-cube{width:30px;height:29px;border-radius:7px;font-size:15px}.team-caption{font-size:7px;margin-top:4px}.queue-panel{margin-top:0}.queues{gap:13px;padding:2px 3px 17px}.box-stack{gap:9px}.color-box{min-height:51px;border-radius:10px;font-size:23px}.color-box.locked{min-height:39px;font-size:18px}.bottom-actions{padding-top:6px;margin-top:3px}.secondary-button{font-size:10px;padding:7px 10px;border-radius:8px}.bottom-actions p{font-size:8px;margin:0}.modal{padding:25px}.modal h2{font-size:20px}.rules{font-size:12px}.rules p{font-size:11px}}
@media(max-width:360px){.app{padding:0 8px}.brand-sub{display:none}.stage-panel{padding:12px 12px 3px}.level-button{font-size:9px}.control-panel{padding:10px 10px 7px}.queues{gap:10px}.bottom-actions p{display:none}.stage-foot{font-size:8px}}
.departure-zone{position:absolute;bottom:0;left:10px;right:10px;z-index:1;padding:10px 0 2px;border-top:1px solid #e1e7d8;display:flex;flex-direction:column}.departure-zone .section-heading{order:2;margin:8px 1px 0}.departure-zone .slot::before{content:none}.departure-zone .team-progress{border-radius:0 0 14px 14px}.paused-label{z-index:4}.departure-zone .slot.active{padding-top:4px}.departure-zone .section-heading>span{font-variant-numeric:tabular-nums}
@media(max-width:740px){.departure-zone{left:5px;right:5px;padding-top:8px}.departure-zone .slot{height:59px}.departure-zone .slot::before{content:none}.stage-tools{height:25px}}
@media(min-width:741px) and (max-height:700px){.topbar{height:52px}.game-layout{height:calc(100dvh - 62px);gap:8px}.stage-panel{padding:10px 16px 3px}.stage-heading .eyebrow{display:none}#title{font-size:23px}.progress-row{margin:6px 0 4px}.canvas-wrap{margin-top:2px}.stage-foot{min-height:24px;font-size:9px}.control-panel{height:140px;padding:9px 16px 6px}.control-panel .section-heading{margin-bottom:8px}.control-panel .bottom-actions{padding-top:5px;margin-top:2px}.bottom-actions .secondary-button{padding:7px 10px}.departure-zone{padding-top:7px}.departure-zone .slot{height:46px}.departure-zone .section-heading{margin-top:5px}.departure-zone .team-cube{height:26px;width:30px;font-size:14px}.departure-zone .team-caption{font-size:7px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}