:root{font-family:PingFang SC,Microsoft YaHei,ui-rounded,system-ui,-apple-system,sans-serif;color:#53445f;background:#fbf7f1;font-synthesis:none;--purple:#a68ade;--ink:#53445f;--muted:#9c91a5;--card:#fffdf9;--line:#e9e0ed}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #a68ade66;outline-offset:3px}button:disabled{opacity:.35}.app-shell{height:100dvh;min-height:600px;padding:max(18px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 12%,#fff 0,transparent 35%),radial-gradient(circle at 90% 82%,#ede2f6 0,transparent 36%),linear-gradient(145deg,#fdf9f2,#f7f0f7)}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.5}.cloud-one{width:280px;height:90px;background:#fff;left:-70px;bottom:12%;box-shadow:60px -20px #ffffff90}.cloud-two{width:260px;height:80px;background:#e8dcf4;right:-80px;top:18%;box-shadow:-60px 25px #efe6f6}.topbar{height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;width:100%;margin:0 auto 10px}.brand{display:flex;gap:12px;align-items:center}.brand h1{font-size:23px;letter-spacing:2px;margin:0 0 2px;font-weight:800}.brand p{font-size:10px;color:var(--muted);margin:0;letter-spacing:1px}.brand-mark{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-5deg)}.brand-mark i{display:block;background:linear-gradient(145deg,#cbb9ee,#a78bdf);border-radius:5px;box-shadow:inset 2px 2px 2px #ffffff80,2px 3px #876dae22}.brand-mark i:nth-child(2){background:linear-gradient(145deg,#ffe19b,#f2c25c)}.brand-mark i:nth-child(3){background:linear-gradient(145deg,#a9e3ec,#75c7d9)}.top-actions{display:flex;gap:8px;align-items:center}.best-pill{height:42px;border:1px solid #eadfeb;background:#fff9;border-radius:14px;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:11px;color:#a08eac}.best-pill svg{color:#e5b952}.best-pill strong{font-size:14px;color:#6c5b78;font-variant-numeric:tabular-nums}.icon-btn{border:1px solid #e9deed;background:#fffaf7;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px #dcd0e333}.icon-btn:active{transform:translateY(2px);box-shadow:none}.game-layout{flex:1;min-height:0;width:100%;max-width:1020px;margin:0 auto;display:grid;grid-template-columns:170px minmax(260px,auto) 170px;justify-content:center;align-items:center;gap:34px}.left-rail,.right-rail{display:flex;flex-direction:column;gap:18px}.stats-panel{display:flex;flex-direction:column;gap:12px}.stat-card{border:1px solid #e9dfea;background:#fffc;padding:15px 18px;border-radius:19px;box-shadow:0 8px 25px #7d5f9410,inset 0 1px #fff;display:flex;flex-direction:column;gap:4px}.stat-card span{font-size:11px;letter-spacing:2px;color:#9b8ba6}.stat-card strong{font-size:25px;line-height:1.15;font-weight:750;font-variant-numeric:tabular-nums;color:#756183}.score-card strong{font-size:29px;color:#9b7bce}.gentle-note{display:flex;gap:9px;color:#b3a3b9;padding:10px 4px;font-size:11px;line-height:1.8}.gentle-note svg{flex:0 0 auto;color:#d0b0df;margin-top:4px}.gentle-note p{margin:0}.play-column{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.board-frame{height:min(100%,680px);aspect-ratio:1/2;max-width:100%;border:8px solid #fffaf7;border-radius:25px;position:relative;background:#faf5f7;box-shadow:0 20px 50px #70518520,0 4px #d9cbe3,inset 0 0 0 1px #e8dce9;overflow:hidden;flex:0 1 auto}.board-frame:after{content:"";position:absolute;inset:0;border-radius:17px;box-shadow:inset 0 0 18px #9278a212;pointer-events:none}.board-top{height:25px;position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:5px;background:#fffaf7e8;color:#b3a2b8;font-size:8px;letter-spacing:2px}.board-top span{margin-right:auto;padding-left:13px}.board-top i{width:4px;height:4px;border-radius:50%;background:#d8c6e4}.board-top i:last-child{margin-right:12px}#game-canvas{display:block;width:100%;height:100%;touch-action:none;padding-top:18px}.game-overlay{position:absolute;z-index:5;inset:18px 0 0;background:#fff9f1d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.game-overlay.title{background:#fffaf0d4}.overlay-icon{width:55px;height:55px;border-radius:19px;background:linear-gradient(145deg,#d4c3ef,#b397dd);color:#fff;display:grid;place-items:center;box-shadow:0 7px #9c7fc72b;margin-bottom:18px}.game-overlay h2{font-size:22px;margin:0 0 12px;letter-spacing:1px}.game-overlay p{font-size:12px;line-height:1.9;color:#96859d;margin:0 0 22px}.game-overlay small{font-size:9px;color:#ad9db3;margin-top:14px}.primary-btn{min-height:48px;padding:0 23px;border:0;border-radius:16px;background:linear-gradient(145deg,#b9a0e5,#9f80d2);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px #8668b2,0 10px 20px #8b6ab42b;cursor:pointer}.primary-btn:active{transform:translateY(3px);box-shadow:0 2px #8668b2}.text-btn{border:0;background:none;color:#9b85aa;font-size:12px;margin-top:15px;min-height:36px;cursor:pointer}.result-score{display:flex;flex-direction:column;margin-bottom:12px}.result-score span{font-size:11px;color:#a18fac}.result-score strong{font-size:32px;color:#9a79c8}.game-toast{position:absolute;z-index:4;top:44%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;border-radius:99px;background:#fffdf3e8;color:#9d79c7;padding:10px 15px;font-size:12px;font-weight:700;box-shadow:0 5px 25px #80639126;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}}.keyboard-hint{display:flex;gap:13px;font-size:9px;color:#ab9caf;white-space:nowrap}.panel{border:1px solid #e7ddea;border-radius:20px;background:#fff9;padding:16px;box-shadow:0 7px 24px #7758880c}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#9d8aa7;margin-bottom:15px}.panel-title i{height:1px;background:#e7dbea;flex:1;margin-left:12px}.panel-title kbd{font:9px inherit;border:1px solid #e4d8e8;padding:1px 5px;border-radius:5px}.next-list{display:flex;flex-direction:column;gap:17px;align-items:center}.mini-piece{--mini:17px;display:grid;place-content:center;min-height:58px;gap:2px}.mini-piece.small{--mini:11px;min-height:39px;opacity:.85}.mini-piece i{width:var(--mini);height:var(--mini);display:block}.mini-piece.empty span{font-size:10px;color:#b5a8bb;letter-spacing:1px}.cube{border-radius:3px;box-shadow:inset 1px 1px 1px #ffffff85,inset -1px -2px 2px #604a7722,1px 2px 1px #69507918}.color-1{background:#aa8be4}.color-2{background:#70cbdc}.color-3{background:#f0c459}.color-4{background:#92cc68}.color-5{background:#ed8976}.color-6{background:#78a5df}.color-7{background:#e98faf}.hold-panel{width:100%;cursor:pointer;min-height:135px}.hold-panel small{display:block;color:#b0a0b6;font-size:9px}.hold-panel.locked{opacity:.55}.mobile-stats,.mobile-panels,.touch-controls{display:none}footer{text-align:center;font-size:9px;letter-spacing:2px;color:#b6a9bb;height:22px;flex:0 0 22px;padding-top:7px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#55435e55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.help-modal{position:relative;width:min(620px,100%);background:#fffcf7;border:1px solid #fff;border-radius:28px;padding:34px;box-shadow:0 30px 100px #49365044}.close-btn{position:absolute;right:16px;top:16px;width:44px;height:44px;border:0;background:#f0e8f3;border-radius:14px;display:grid;place-items:center;cursor:pointer}.eyebrow{color:#a88cc8;font-size:11px;letter-spacing:3px}.help-modal h2{font-size:24px;margin:8px 0 25px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.help-grid b{color:#d3bfe8;font-size:24px}.help-grid h3{font-size:14px;margin:6px 0}.help-grid p{font-size:11px;line-height:1.8;color:#97889e}.help-keys{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 25px}.help-keys span{font-size:10px;background:#f3edf5;border-radius:8px;padding:7px 10px;color:#8f7d9b}@media(max-height:760px)and (min-width:901px){.app-shell{padding-top:10px}.topbar{height:50px;flex-basis:50px;margin-bottom:4px}.game-layout{grid-template-columns:150px minmax(240px,auto) 150px;gap:25px}.stat-card{padding:10px 15px}.gentle-note{display:none}.board-frame{max-height:590px}.next-list{gap:8px}.mini-piece{min-height:44px}.mini-piece.small{min-height:32px}.right-rail{gap:10px}.hold-panel{min-height:110px}.keyboard-hint{display:none}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:hidden;padding:12px 14px max(10px,env(safe-area-inset-bottom))}.topbar{height:52px;flex-basis:52px;margin-bottom:10px}.brand h1{font-size:20px}.brand p{display:none}.brand-mark{width:35px;height:35px}.best-pill{padding:0 10px}.best-pill span{display:none}.game-layout{grid-template-columns:140px minmax(260px,auto) 140px;gap:18px;min-height:560px}.keyboard-hint{display:none}.board-frame{height:auto;width:min(43vw,370px);flex:none}.gentle-note{display:none}footer{display:none}}@media(pointer:coarse){.touch-controls{display:flex;justify-content:center;gap:30px;width:100%;max-width:600px;margin:12px auto 0;padding-bottom:max(2px,env(safe-area-inset-bottom))}.direction-controls,.action-controls{display:flex;gap:10px}.control-btn{width:58px;height:58px;border:1px solid #e2d5e8;border-radius:18px;background:linear-gradient(145deg,#fff,#f0e8f4);box-shadow:0 4px #d5c4df;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.control-btn svg{width:23px}.control-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.control-btn:active{transform:translateY(3px);box-shadow:0 1px #d5c4df}.drop-control{background:linear-gradient(145deg,#c4afe8,#a88bd4);color:#fff;border-color:#a78ace}.rotate-control{background:linear-gradient(145deg,#ffe5a8,#f4ca69);border-color:#e5bb60;color:#846630}.keyboard-hint{display:none}}@media(pointer:coarse)and (min-width:701px){.game-layout{min-height:0}.board-frame{height:min(61dvh,620px);width:auto}.touch-controls{margin-top:10px}.control-btn{width:62px;height:54px}.mobile-stats,.mobile-panels{display:none}}@media(max-width:700px){.app-shell{padding:8px 10px max(8px,env(safe-area-inset-bottom))}.topbar{height:47px;flex-basis:47px;margin-bottom:7px}.brand{gap:8px}.brand h1{font-size:18px}.brand-mark{width:31px;height:31px;border-radius:8px}.top-actions{gap:5px}.icon-btn{width:40px;height:40px;border-radius:12px}.top-actions .icon-btn:first-of-type{display:none}.best-pill{height:38px;font-size:9px;padding:0 9px;gap:4px}.best-pill strong{font-size:12px}.mobile-stats{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;margin-bottom:9px}.stat-card{padding:7px 10px;border-radius:12px;align-items:center;gap:1px}.stat-card span{font-size:8px;letter-spacing:1px}.stat-card strong,.score-card strong{font-size:17px}.game-layout{display:block;min-height:0;flex:none}.left-rail,.right-rail{display:none}.play-column{display:block;height:auto}.board-frame{width:min(64vw,300px);height:auto;margin:0 auto;border-width:6px;border-radius:20px}.board-top{height:21px;font-size:7px}#game-canvas{padding-top:15px}.game-overlay{inset:15px 0 0;padding:14px}.overlay-icon{width:43px;height:43px;border-radius:14px;margin-bottom:12px}.game-overlay h2{font-size:18px;margin-bottom:8px}.game-overlay p{font-size:10px;margin-bottom:15px}.primary-btn{min-height:44px;font-size:12px;padding:0 18px}.game-overlay small{font-size:8px;margin-top:10px}.mobile-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;width:min(94vw,420px);margin:9px auto 0}.mobile-panels>div,.mobile-panels>button{height:61px;border:1px solid #e7ddea;background:#fff9;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:5px 12px;color:#9b89a5}.mobile-panels>div>span,.mobile-panels>button>span{font-size:9px;letter-spacing:1px;white-space:nowrap;margin-right:auto}.mobile-next>div{display:flex;gap:6px;align-items:center}.mobile-panels .mini-piece{--mini:7px;min-height:28px;gap:1px}.mobile-panels .empty{min-width:32px}.mobile-panels button{cursor:pointer}.mobile-panels .locked{opacity:.5}.touch-controls{gap:15px;margin-top:10px;justify-content:space-between;max-width:420px}.direction-controls,.action-controls{gap:7px}.control-btn{width:49px;height:51px;border-radius:15px}.action-controls .control-btn{width:54px}.control-btn svg{width:21px}.help-modal{padding:28px 22px}.help-modal h2{font-size:20px}.help-grid{grid-template-columns:1fr;gap:8px}.help-grid>div{display:grid;grid-template-columns:35px 1fr;column-gap:5px}.help-grid b{grid-row:1/3;font-size:20px}.help-grid h3{margin:0}.help-grid p{margin:3px 0}.help-keys{margin:12px 0 20px}}@media(max-width:370px){.control-btn{width:44px;height:48px}.action-controls .control-btn{width:48px}.touch-controls{gap:8px}.direction-controls,.action-controls{gap:5px}.best-pill{display:none}.board-frame{width:min(62vw,270px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}