:root{--night-1:#0d1330;--night-2:#20204f;--violet:#462f6b;--ember:#a45868;--ink:#f6f3ff;--muted:#edeaffb3;--faint:#edeaff73;--amber:#ffd166;--amber-soft:#ffdf9e;--amber-ink:#4a2c05;--line:#ffffff24;--glass:#1317348c;--glass-bright:#ffffff14;--card:#fff8ec;--card-ink:#3b352c;--card-muted:#6f6a5e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--night-1);min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;color:var(--ink);background:radial-gradient(1.8px 1.8px at 9% 13%,#ffffffd9 45%,transparent 55%), radial-gradient(1.4px 1.4px at 21% 6%,#ffffff80 45%,transparent 55%), radial-gradient(2px 2px at 34% 15%,#ffffffa6 45%,transparent 55%), radial-gradient(1.4px 1.4px at 47% 8%,#ffffff73 45%,transparent 55%), radial-gradient(1.8px 1.8px at 58% 17%,#fff9 45%,transparent 55%), radial-gradient(1.4px 1.4px at 69% 6%,#ffffff80 45%,transparent 55%), radial-gradient(2px 2px at 81% 13%,#ffffffb3 45%,transparent 55%), radial-gradient(1.4px 1.4px at 91% 21%,#fff6 45%,transparent 55%), radial-gradient(1.6px 1.6px at 15% 30%,#ffffff59 45%,transparent 55%), radial-gradient(1.6px 1.6px at 74% 28%,#ffffff4d 45%,transparent 55%), radial-gradient(52% 36% at 74% 98%,#ffa66466,transparent 72%), radial-gradient(42% 30% at 16% 94%,#ff84663d,transparent 70%), linear-gradient(180deg,var(--night-1) 0%,var(--night-2) 40%,var(--violet) 72%,var(--ember) 100%);font-family:var(--font-geist-sans),"PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;overscroll-behavior:none;margin:0}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #ffd166e6}.sky-game{width:min(100%,760px);min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));flex-direction:column;gap:12px;margin:0 auto;animation:.55s cubic-bezier(.22,.9,.32,1) both sky-rise;display:flex;overflow:hidden}@keyframes sky-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.topbar{justify-content:space-between;align-items:center;min-height:52px;display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-lockup>div{gap:1px;display:grid}.brand-lockup strong{letter-spacing:.04em;color:var(--ink);text-shadow:0 2px 14px #0a0c2880;font-size:17px}.brand-lockup span:not(.brand-mark){color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:750}.brand-mark{filter:drop-shadow(0 3px 8px #080a2073);width:34px;height:34px;position:relative}.brand-mark i{background:var(--sage,#83b69c);border-radius:3px 3px 1px 1px;width:8px;position:absolute;bottom:4px;box-shadow:inset -2px 0 #2a584d1f}.brand-mark i:first-child{background:#f2c25e;height:14px;left:3px}.brand-mark i:nth-child(2){background:#ef8672;height:25px;left:13px}.brand-mark i:nth-child(3){background:#6cc4bd;height:19px;left:23px}.round-button{border:1px solid var(--line);background:var(--glass-bright);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;padding:0;font-size:19px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 10px 24px #06081c59,inset 0 1px #fff3}.game-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(168deg,#20244aa8,#0f122c94);border:1px solid #ffffff2b;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #05071a8c,inset 0 1px #ffffff38}.view-status{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.progress-pill{background:var(--glass-bright);color:var(--muted);border:1px solid #ffffff1a;border-radius:999px;align-items:baseline;gap:2px;padding:8px 11px;display:flex}.view-toggle{border:1px solid var(--line);background:var(--glass-bright);min-width:58px;color:var(--amber-soft);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750;transition:background .2s,color .2s,box-shadow .2s,transform .2s;box-shadow:0 6px 16px #06081c4d,inset 0 1px #ffffff29}.view-toggle[aria-pressed=true]{color:var(--amber-ink);background:linear-gradient(135deg,#ffd77e,#f2a44a);border-color:#0000;box-shadow:0 8px 20px #f2a44a59}.board-wrap{height:clamp(345px,49dvh,460px);position:relative}.board-wrap:before{content:"";pointer-events:none;background:radial-gradient(56% 46% at 50% 56%,#ffb26a2b,#0000 72%);position:absolute;inset:-6% -4%}.city-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:relative}.rotation-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);pointer-events:none;white-space:nowrap;background:#0c10288c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.rotation-hint span{color:var(--amber-soft);font-size:16px;line-height:1}.edge-legend{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin:-2px 16px 12px;font-size:11px;font-weight:650;display:flex}.edge-legend strong{color:var(--amber-soft);font-size:11.5px;font-weight:800}.edge-legend small{color:var(--muted);font-size:11px;font-weight:650}.controls{gap:9px;display:grid}.message{background:var(--glass-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:42px;color:var(--ink);text-align:center;border:1px solid #ffffff1c;border-radius:14px;justify-content:center;align-items:center;margin:0;padding:9px 14px;font-size:14px;font-weight:720;line-height:1.35;display:flex}.message.is-warning{color:var(--amber-soft);background:#ffc45624;border-color:#ffc4568c;box-shadow:0 6px 18px #f2a44a29}.message.is-warning:before{content:"!";background:var(--amber);width:22px;height:22px;color:var(--amber-ink);border-radius:50%;flex:none;place-items:center;margin-right:8px;font-size:14px;font-weight:900;display:grid}.tower-tray{scrollbar-width:none;align-items:end;gap:6px;padding:0 1px 6px;display:flex;overflow-x:auto}.tower-tray::-webkit-scrollbar{display:none}.tower-tray button{background:var(--glass-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:0;height:74px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #ffffff21;border-radius:17px;flex:1 1 0;padding:8px 4px;font-weight:760;transition:transform .16s,box-shadow .16s,background .16s;position:relative;box-shadow:0 5px #04061680,inset 0 1px #ffffff24}.tower-tray button:active{transform:translateY(3px);box-shadow:0 2px #04061680,inset 0 1px #ffffff24}.tower-tray button b{z-index:2;color:#453a72;background:#fffcf3f0;border-radius:999px;place-items:center;width:22px;height:16px;font-size:11px;line-height:1;display:grid;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 1px 5px #04061659}.tower-piece{--tower:#f2c25e;--tower-dark:#c78f2e;background:linear-gradient(90deg,var(--tower) 0 72%,var(--tower-dark) 73%);border:3px solid #ffffff2e;border-bottom:0;border-radius:4px 4px 2px 2px;width:clamp(16px,62%,28px);margin:0;display:block;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 5px 10px #03051266}.tower-piece.h2{--tower:#ef8672;--tower-dark:#c25a4e;height:16px}.tower-piece.h3{--tower:#6cc4bd;--tower-dark:#43918d;height:22px}.tower-piece.h4{--tower:#6f95cc;--tower-dark:#44638e;height:28px}.tower-piece.h5{--tower:#a98ed0;--tower-dark:#6d5598;height:34px}.tower-piece.h6{--tower:#84b479;--tower-dark:#517a48;height:40px}.erase-key{color:var(--faint);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.erase-key span{font-size:25px;font-weight:400;line-height:1}.erase-key small{max-width:48px;font-size:9px;line-height:1.15}.tower-tray button:disabled{opacity:.35;box-shadow:none;cursor:default;transform:none}.drag-ghost{--ghost:#f2c25e;--ghost-dark:#c78f2e;z-index:80;background:linear-gradient(90deg,var(--ghost) 0 72%,var(--ghost-dark) 73%);pointer-events:none;border:4px solid #fff3;border-bottom:0;border-radius:5px 5px 3px 3px;width:46px;height:38px;position:fixed;transform:translate(-50%,-115%);box-shadow:0 16px 30px #03051280}.drag-ghost span{color:#3c2f10;text-shadow:0 1px #ffffff80;place-items:center;font-size:18px;font-weight:850;display:grid;position:absolute;inset:0}.drag-ghost.h2{--ghost:#ef8672;--ghost-dark:#c25a4e;height:52px}.drag-ghost.h3{--ghost:#6cc4bd;--ghost-dark:#43918d;height:66px}.drag-ghost.h4{--ghost:#6f95cc;--ghost-dark:#44638e;height:80px}.drag-ghost.h5{--ghost:#a98ed0;--ghost-dark:#6d5598;height:92px}.drag-ghost.h6{--ghost:#84b479;--ghost-dark:#517a48;height:104px}.secondary-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:5px;display:flex}.secondary-actions button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:650;transition:background .18s,color .18s,transform .18s}.size-row{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding-top:4px;font-size:11px;font-weight:750;display:flex}.size-switch{background:#0a0d2273;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:1.25fr repeat(3,1fr);gap:3px;min-width:235px;padding:3px;display:grid;box-shadow:inset 0 1px #ffffff1f}.size-switch button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.size-switch button[aria-pressed=true]{color:var(--amber-ink);background:linear-gradient(135deg,#ffd77e,#f2a44a);box-shadow:0 5px 12px #f2a44a59}.size-switch button:active{transform:scale(.95)}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07091a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{width:min(100%,420px);max-height:calc(100dvh - 48px);color:var(--card-ink);text-align:center;background:linear-gradient(#fffdf6,#fdf2dc);border:1px solid #ffffffd9;border-radius:30px;padding:30px;animation:.3s cubic-bezier(.22,.9,.32,1) both sky-pop;position:relative;overflow:auto;box-shadow:0 30px 80px #0406168c}@keyframes sky-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.dialog-close{width:42px;height:42px;color:var(--card-ink);background:#f2e5cb;border:0;border-radius:50%;font-size:26px;position:absolute;top:12px;right:12px}.dialog-kicker{color:#c2703f;letter-spacing:.16em;margin:5px 0;font-size:11px;font-weight:800}.dialog-card h2{color:#332e38;margin:7px 0 12px;font-family:Georgia,Songti SC,serif;font-size:27px}.dialog-card>p:not(.dialog-kicker){color:var(--card-muted);font-size:14px;line-height:1.7}.dialog-illustration{justify-content:center;align-items:end;gap:7px;height:78px;margin:5px auto 14px;display:flex}.dialog-illustration i,.example-line i{background:#e8b84d;border-radius:4px 4px 1px 1px;width:26px;box-shadow:inset -6px 0 #4d482f1f}.dialog-illustration i:first-child{height:25px}.dialog-illustration i:nth-child(2){background:#e6816d;height:42px}.dialog-illustration i:nth-child(3){background:#66b9b3;height:61px}.dialog-illustration i:nth-child(4){background:#6289bd;height:76px}.example-line{justify-content:center;align-items:end;gap:7px;height:82px;margin-top:17px;display:flex}.example-line span{color:#fff;background:#3f7166;border-radius:50%;align-self:center;place-items:center;width:32px;height:32px;margin-right:5px;font-weight:800;display:grid}.example-line i.b1{height:20px}.example-line i.b2{background:#e6816d;height:35px}.example-line i.b3{background:#66b9b3;height:50px}.example-line i.b4{background:#6289bd;height:70px}.example-caption{margin-top:5px;font-size:12px!important}.primary-action{width:100%;color:var(--amber-ink);background:linear-gradient(135deg,#ffd77e,#f2a44a);border:0;border-radius:16px;margin-top:10px;padding:14px 20px;font-weight:800;box-shadow:0 12px 26px #f2a44a66,inset 0 1px #ffffff8c}.win-card{overflow:hidden}.celebration{color:#fff;text-shadow:0 2px 6px #a06e1473;background:#f4c95d;border-radius:50%;place-items:center;width:94px;height:94px;margin:2px auto 17px;font-size:49px;display:grid;transform:rotate(-8deg);box-shadow:0 0 0 13px #f9e9b4}@media (hover:hover){.round-button:hover,.view-toggle:hover{background:#ffffff24;transform:translateY(-1px)}.tower-tray button:not(:disabled):hover{background:#ffffff21;transform:translateY(-2px);box-shadow:0 7px #04061680,inset 0 1px #ffffff24}.secondary-actions button:hover{color:var(--ink);background:#ffffff17}.secondary-actions button:last-child:hover{color:#ffe7b0;background:#ffd1663d}.size-switch button:not([aria-pressed=true]):hover{color:var(--ink);background:#ffffff17}.primary-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.dialog-close:hover{background:#ecdcb9}}@media (width>=700px){.sky-game{padding-top:24px;padding-bottom:26px}.game-card{border-radius:34px}.board-wrap{height:480px}.tower-tray{width:100%;max-width:620px;margin:auto}}@media (height<=760px){.sky-game{padding-top:max(8px,env(safe-area-inset-top));gap:6px}.topbar{min-height:42px}.round-button{width:40px;height:40px}.view-status{padding-top:12px}.board-wrap{height:clamp(310px,44dvh,360px)}.tower-tray button{height:64px}.tower-piece.h1{height:8px}.tower-piece.h2{height:12px}.tower-piece.h3{height:16px}.tower-piece.h4{height:21px}.tower-piece.h5{height:26px}.tower-piece.h6{height:30px}}body{background:radial-gradient(at 50% 95%,#413950 0%,#0000 65%),linear-gradient(#11162c,#20213b)}.sky-game{gap:14px}.brand-lockup strong{letter-spacing:-.025em;text-shadow:none;font-weight:650}.game-card{box-shadow:none;-webkit-backdrop-filter:none;background:#171c3280;border-color:#ffffff12}.board-wrap{height:clamp(300px,42dvh,390px)}.board-wrap:before{opacity:.35}.round-button,.view-toggle{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.view-toggle{color:#dceae6;min-height:44px}.view-toggle[aria-pressed=true],.size-switch button[aria-pressed=true]{color:#263d39;box-shadow:none;background:#dceae6;border-color:#0000}.progress-pill{background:0 0;border:0;padding:0}.progress-pill b{color:#e8f0ee;font-size:19px}.progress-pill span{font-size:13px}.rotation-hint{-webkit-backdrop-filter:none;color:#aab4c8;background:0 0;border:0;font-size:11px}.rotation-hint span{color:inherit}.edge-legend{gap:6px;margin:4px 12px 16px}.edge-legend strong,.edge-legend small{color:#b7c1d0;font-size:12px;font-weight:500}.message{min-height:38px;box-shadow:none;-webkit-backdrop-filter:none;color:#bac5d3;background:0 0;border-color:#0000;padding:6px 10px;font-weight:500}.message.is-warning{color:var(--amber-soft);background:#ffc4561f;border-color:#ffc45673}.tower-tray{background:#0a0f1e59;border-radius:20px;gap:5px;padding:8px 8px 12px;overflow:visible}.tower-tray button{height:84px;box-shadow:none;-webkit-backdrop-filter:none;background:#ffffff09;border:0;border-radius:12px}.tower-tray button b{color:#e9efef;width:100%;height:18px;box-shadow:none;background:0 0;font-family:Arial,sans-serif;font-size:13px;font-weight:600;top:7px}.tower-piece{border-width:2px;border-radius:3px;width:clamp(17px,70%,34px);bottom:9px;box-shadow:0 4px #0003,0 7px 10px #00000026}.tower-piece.h1{height:12px}.tower-piece.h2{height:19px}.tower-piece.h3{height:26px}.tower-piece.h4{height:33px}.tower-piece.h5{height:40px}.tower-piece.h6{height:47px}.erase-key small{font-size:11px}.size-row{padding-top:0;font-size:12px;font-weight:500}.size-switch{min-width:min(280px,80vw);box-shadow:none;background:#0a0f1e52;border:0;grid-template-columns:repeat(4,1fr)}.size-switch button{min-height:44px;font-size:12px;font-weight:600}.secondary-actions{gap:24px;padding:0}.secondary-actions button{min-height:44px;font-size:13px}.secondary-actions button:last-child{color:#d4e5df;background:0 0;border-color:#0000}.drag-ghost{transform:translate(-50%,-100%)}.drag-ghost.has-target{filter:drop-shadow(0 0 7px #96dccab3)}.board-wrap{padding-bottom:36px}.rotation-hint{bottom:5px}@media (hover:hover){.tower-tray button:not(:disabled):hover{box-shadow:none;background:#dceae61f}.secondary-actions button:last-child:hover{color:#e8f1ee;background:#dceae614}}@media (width>=700px){.board-wrap{height:420px}}@media (height<=760px){.sky-game{gap:8px}.board-wrap{height:290px}.tower-tray button{height:78px}.tower-piece.h6{height:41px}.tower-piece.h5{height:35px}.tower-piece.h4{height:29px}.tower-piece.h3{height:23px}.tower-piece.h2{height:17px}.tower-piece.h1{height:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}