:root{--c-bg-1:#1b0b3a;--c-bg-2:#3b1160;--c-pink:#ff4d9d;--c-cyan:#2ee6d6;--c-yellow:#ffd93d;--c-purple:#8a5cff;--c-orange:#ff9f1c;--c-panel:#1a0b37d1;--c-panel-soft:#3a1a6e9e;--c-line:#8a5cff99;--c-line-soft:#ffffff1a;--c-text:#fff;--c-text-dim:#b8a6e8;--r-lg:18px;--r-md:13px;--r-sm:9px;--shadow-panel:0 10px 26px #0000006b;--shadow-pop:0 6px 0 #00000059;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:"DIN Alternate", "Bahnschrift", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--gap:clamp(8px, 1.4vmin, 18px);--pad:clamp(8px, 1.6vmin, 18px);--mini-cell:clamp(11px, 2.1vmin, 18px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--c-bg-1);height:100%;color:var(--c-text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}kbd{border:1px solid var(--c-line);min-width:1.5em;font-family:var(--font-num);text-align:center;background:#ffffff14;border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:.86em;line-height:1.5;display:inline-block}.app{padding:calc(var(--pad) + env(safe-area-inset-top)) calc(var(--pad) + env(safe-area-inset-right)) calc(var(--pad) + env(safe-area-inset-bottom)) calc(var(--pad) + env(safe-area-inset-left));gap:var(--gap);isolation:isolate;flex-direction:column;display:flex;position:fixed;inset:0}.app__bg{z-index:-2;background:url(./bg-sky-DLfJaZ0L.jpg) center / cover no-repeat, linear-gradient(180deg, var(--c-bg-1), var(--c-bg-2));position:absolute;inset:0}.app__bg:after{content:"";background:radial-gradient(120% 80% at 50% 8%,#ff4d9d47,#0000 60%),radial-gradient(90% 60% at 50% 100%,#2ee6d638,#0000 62%),linear-gradient(#0c041e8c,#0c041e59 40%,#0c041ead);position:absolute;inset:0}.topbar{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand__plate{justify-content:center;align-items:center;padding:6px 26px;display:inline-flex;position:relative}.brand__banner{object-fit:fill;filter:drop-shadow(0 4px 10px #00000073);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brand__text{letter-spacing:.14em;color:#4a1d6b;text-shadow:0 1px #ffffffbf;font-size:clamp(16px,2.6vmin,26px);font-weight:900;position:relative}.brand__sub{letter-spacing:.2em;color:var(--c-cyan);text-shadow:0 0 12px #2ee6d699;font-size:clamp(11px,1.5vmin,14px);font-weight:700}.topbar__actions{gap:8px;display:flex}.iconbtn{border-radius:var(--r-md);background:var(--c-panel);border:2px solid var(--c-line);width:clamp(34px,4.6vmin,44px);height:clamp(34px,4.6vmin,44px);box-shadow:var(--shadow-pop);place-items:center;font-size:clamp(15px,2vmin,19px);transition:transform 90ms,background .15s,border-color .15s;display:grid}.iconbtn:hover{background:#3a1a6eeb}.iconbtn:active{transform:translateY(3px);box-shadow:0 2px #00000059}.iconbtn[aria-pressed=false]{opacity:.55}.stage{justify-content:center;align-items:stretch;gap:var(--gap);flex:auto;min-height:0;display:flex}.panel{border-radius:var(--r-lg);background:var(--c-panel);border:2px solid var(--c-line);min-width:0;max-height:100%;box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff17;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);flex-direction:column;flex:0 clamp(150px,17vw,232px);align-self:center;gap:10px;padding:clamp(10px,1.5vmin,16px);display:flex}.stat{border-radius:var(--r-md);background:var(--c-panel-soft);border:1px solid var(--c-line-soft);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.stat__label{letter-spacing:.16em;color:var(--c-text-dim);font-size:clamp(10px,1.35vmin,12px)}.stat__value{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--c-text);text-shadow:0 2px #00000059;font-size:clamp(20px,3.4vmin,34px);font-weight:800;line-height:1.05}.stat--score .stat__value{color:var(--c-yellow);text-shadow:0 0 18px #ffd93d8c,0 2px #0006}.stat--best .stat__value{color:var(--c-cyan);font-size:clamp(15px,2.2vmin,21px)}.stat--small .stat__value{color:var(--c-text);font-size:clamp(16px,2.4vmin,24px)}.stat-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat__value.is-bump{animation:.34s cubic-bezier(.2,1.6,.4,1) bump}@keyframes bump{0%{transform:scale(1)}38%{transform:scale(1.28)}to{transform:scale(1)}}.combo-chip{background:linear-gradient(90deg, var(--c-pink), var(--c-orange));border:2px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:baseline;gap:6px;padding:6px 10px;animation:.34s cubic-bezier(.2,1.6,.4,1) bump;display:flex;box-shadow:0 0 22px #ff4d9d99}.combo-chip__label{letter-spacing:.14em;font-size:clamp(10px,1.3vmin,12px)}.combo-chip__value{font-family:var(--font-num);font-size:clamp(16px,2.2vmin,22px);font-weight:800}.queue{flex-direction:column;gap:8px;display:flex}.queue__label{letter-spacing:.16em;color:var(--c-text-dim);font-size:clamp(10px,1.35vmin,12px)}.queue__list{flex-direction:column;gap:6px;display:flex}.mini{--cell:var(--mini-cell);grid-template-columns:repeat(4, var(--cell));grid-template-rows:repeat(2, var(--cell));border-radius:var(--r-md);border:1px solid var(--c-line-soft);background:#0a041a8c;place-content:center;gap:1px;padding:6px;transition:opacity .18s,filter .18s;display:grid}.mini--hold{grid-template-rows:repeat(2, var(--cell));min-height:calc(var(--cell) * 2 + 14px)}.mini[data-empty=true]:after{content:"空";color:var(--c-text-dim);grid-area:1/1/-1/-1;place-items:center;font-size:11px;display:grid}.mini.is-locked{opacity:.42;filter:grayscale(.7)}.mini__cell{width:var(--cell);height:var(--cell);background-position:50%;background-repeat:no-repeat;background-size:contain}.board-slot{flex:auto;place-items:center;min-width:0;max-width:min(100%,50vh);min-height:0;display:grid;container-type:size}.board-frame{border-radius:var(--r-lg);width:min(100cqw,50cqh);height:min(200cqw,100cqh);box-shadow:0 0 0 3px var(--c-line), 0 0 0 9px #ffffff12, 0 0 40px #8a5cff73, 0 20px 44px #0000008c;background:#080316b8;position:relative;overflow:hidden}.board{position:absolute;inset:0}.board canvas{display:block;width:100%!important;height:100%!important}.board-frame__flash{pointer-events:none;opacity:0;background:radial-gradient(70% 50%,#ffffffe6,#0000 70%);position:absolute;inset:0}.board-frame__flash.is-on{animation:.42s ease-out frame-flash}@keyframes frame-flash{0%{opacity:.85}to{opacity:0}}.board-frame__glow{pointer-events:none;background:conic-gradient(from 0deg, var(--c-pink), var(--c-cyan), var(--c-yellow), var(--c-purple), var(--c-pink));filter:blur(46px);opacity:.16;animation:14s linear infinite spin;position:absolute;inset:-30%}@keyframes spin{to{transform:rotate(1turn)}}.banner{letter-spacing:.08em;white-space:nowrap;color:#fff;background:linear-gradient(90deg, var(--c-pink), var(--c-purple));opacity:0;pointer-events:none;z-index:5;border:3px solid #ffffffb3;border-radius:999px;padding:10px 26px;font-size:clamp(18px,3.4vmin,34px);font-weight:900;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 34px #ff4d9dbf}.banner.is-on{animation:1.05s cubic-bezier(.16,1,.3,1) forwards banner-pop}.banner[data-tone=tetris]{background:linear-gradient(90deg, var(--c-yellow), var(--c-orange));color:#3a1500;border-color:#ffffffd9;box-shadow:0 0 46px #ff9f1cd9}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)rotate(-6deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}36%{transform:translate(-50%,-50%)scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-78%)scale(.95)}}.touchbar{flex:none;grid-template-columns:repeat(10,1fr);gap:clamp(6px,1.2vmin,12px);padding:0 2px;display:none}.tbtn{border-radius:var(--r-md);border:2px solid var(--c-line);min-height:clamp(42px,7.4vmin,62px);box-shadow:var(--shadow-pop), inset 0 1px 0 #ffffff29;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#5a2da0f2,#30125cf2);grid-column:span 2;place-items:center;font-size:clamp(16px,2.6vmin,22px);font-weight:800;transition:transform 80ms,filter .12s;display:grid}.tbtn--wide{letter-spacing:.06em;grid-column:span 5;font-size:clamp(12px,1.7vmin,15px)}.tbtn.is-down{filter:brightness(1.35);transform:translateY(4px);box-shadow:0 1px #0006,inset 0 0 14px #2ee6d680}.overlay{z-index:10;padding:var(--pad);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(80% 70% at 50% 45%,#1e083cb8,#080214e0);place-items:center;animation:.22s ease-out fade-in;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{text-align:center;border:3px solid var(--c-line);background:linear-gradient(#3e1a74f5,#1c0a3af7);border-radius:22px;width:min(440px,100%);max-height:100%;padding:clamp(18px,3vmin,30px);animation:.3s cubic-bezier(.18,1.4,.36,1) dialog-in;overflow:auto;box-shadow:0 0 0 8px #ffffff0f,0 26px 60px #0009,inset 0 1px #ffffff24}@keyframes dialog-in{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog__title{letter-spacing:.1em;background:linear-gradient(180deg, #fff 30%, var(--c-yellow));color:#0000;filter:drop-shadow(0 3px #00000073);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:clamp(26px,5.4vmin,46px);font-weight:900}.dialog__title--sm{font-size:clamp(20px,3.6vmin,30px)}.dialog__lead{color:var(--c-text-dim);letter-spacing:.08em;margin:0 0 18px;font-size:clamp(12px,1.8vmin,15px)}.dialog__record{color:var(--c-yellow);text-shadow:0 0 18px #ffd93db3;margin:0 0 12px;font-size:clamp(14px,2vmin,17px);font-weight:800;animation:.6s ease-out bump}.dialog__actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.btn{border-radius:var(--r-md);border:2px solid var(--c-line);box-shadow:var(--shadow-pop), inset 0 1px 0 #ffffff29;letter-spacing:.08em;background:linear-gradient(#5e30a8f2,#341464f2);padding:13px 22px;font-size:clamp(14px,2vmin,17px);font-weight:800;transition:transform 90ms,filter .15s}.btn:hover{filter:brightness(1.14)}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000059}.btn--primary{background:linear-gradient(180deg, var(--c-pink), #d81b6b);box-shadow:var(--shadow-pop), 0 0 26px #ff4d9d80;border-color:#fff9}.btn--big{letter-spacing:.22em;width:100%;padding:17px 26px;font-size:clamp(17px,2.6vmin,23px)}.keys{color:var(--c-text-dim);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:18px 0 0;padding:0;font-size:clamp(11px,1.5vmin,13px);list-style:none;display:flex}.keys li{align-items:center;gap:5px;display:inline-flex}.result{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;display:grid}.result>div{border-radius:var(--r-md);background:var(--c-panel-soft);border:1px solid var(--c-line-soft);padding:10px 8px}.result dt{letter-spacing:.16em;color:var(--c-text-dim);font-size:clamp(10px,1.35vmin,12px)}.result dd{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--c-yellow);margin:3px 0 0;font-size:clamp(18px,2.8vmin,26px);font-weight:800}@media (max-width:820px){.stage{flex-direction:column;align-items:stretch}.panel{flex-direction:row;flex:none;align-self:stretch;align-items:center;gap:8px;max-height:none;padding:8px}.panel--left .stat{flex:1 1 0;padding:5px 8px}.panel--left .stat__value{font-size:clamp(17px,4.4vmin,24px)}.panel--left .stat--best .stat__value{font-size:clamp(13px,3.4vmin,18px)}.panel--left .stat--small .stat__value{font-size:clamp(15px,4vmin,20px)}.panel--left .stat-row{flex:1.4 1 0}.combo-chip{flex:none}.panel--right{justify-content:space-between}.panel--right .queue{flex:1 1 0;align-items:center;min-width:0}.queue__list{flex-direction:row}.mini{--cell:clamp(9px, 2.6vmin, 14px);grid-template-columns:repeat(4, var(--cell));grid-template-rows:repeat(2, var(--cell));padding:4px}.mini--hold{min-height:calc(var(--cell) * 2 + 10px)}.board-slot{flex:auto;max-width:none}.touchbar{display:grid}.banner{top:26%}}@media (max-width:420px){.brand__sub{display:none}.tbtn--wide{font-size:11px}}@media (pointer:coarse){.touchbar{display:grid}}@media (max-height:520px){.panel{gap:6px;padding:7px}.stat{padding:4px 8px}.tbtn{min-height:40px}}@media (prefers-reduced-motion:reduce){.board-frame__glow{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}