:root{--pink: #ff007f;--cyan: #00ffff;--green: #00ff66;--purple: #9d00ff;--yellow: #ffe600;--bg: #07060f;--board: #0b0a1a;--brand-h: 78px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,rgba(255,0,127,.18),transparent 40%),radial-gradient(circle at 80% 90%,rgba(0,255,255,.16),transparent 40%),var(--bg);color:#e6e6ff;font-family:Courier New,ui-monospace,monospace}.container{display:flex;gap:24px;padding:24px;border:1px solid rgba(0,255,255,.35);border-radius:12px;background:linear-gradient(rgba(157,0,255,.1) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(157,0,255,.1) 1px,transparent 1px) 0 0 / 24px 24px,#0c0a1ce6;box-shadow:0 0 24px #00ffff40,0 0 60px #9d00ff26,inset 0 0 40px #ff007f14}.screen{position:relative;line-height:0;border:2px solid var(--cyan);box-shadow:0 0 16px #00ffff80,0 0 40px #ff007f33}canvas{display:block;background:var(--board);height:min(800px,calc(100vh - 80px - var(--brand-h)));height:min(800px,calc(100dvh - 80px - var(--brand-h)));width:auto}.screen:before,.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen:before{background:repeating-linear-gradient(to bottom,#ffffff0a 0,#ffffff0a 1px,#0000002e 1px,#0000002e 3px);animation:flicker 4s infinite steps(1)}.screen:after{background:linear-gradient(to bottom,transparent 0%,rgba(0,255,255,.06) 50%,transparent 100%) 0 -100% / 100% 30% no-repeat,radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);animation:sweep 6s linear infinite}@keyframes sweep{0%{background-position:0 -30%,0 0}to{background-position:0 130%,0 0}}@keyframes flicker{0%,to{opacity:1}47%{opacity:.85}48%{opacity:1}}.stage{display:contents}.stats{display:flex;flex-direction:column;gap:14px}.panel{display:flex;flex-direction:column;gap:14px;width:190px}.brand{display:flex;align-items:center;justify-content:center;gap:14px;height:var(--brand-h);flex-shrink:0}.brand-icon{width:48px;height:48px;overflow:visible;stroke:var(--pink);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--pink)) drop-shadow(0 0 10px rgba(255,0,127,.6));animation:neon-buzz 5s infinite steps(1)}.brand-icon circle,.brand-icon path{fill:#1a0614}.brand-icon .ridge{fill:none;stroke:#ffb3d6;stroke-width:1}.brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-title{font-size:2.3rem;font-weight:700;letter-spacing:.22em;color:#ffe6f2;text-shadow:0 0 4px var(--pink),0 0 12px var(--pink),0 0 28px var(--pink),0 0 52px rgba(255,0,127,.5);animation:neon-buzz 5s infinite steps(1)}.brand-sub{margin-top:6px;padding-left:.1em;font-size:.85rem;font-weight:700;letter-spacing:.9em;color:#e6ffff;text-shadow:0 0 4px var(--cyan),0 0 12px var(--cyan),0 0 24px rgba(0,255,255,.5)}@keyframes neon-buzz{0%,to{opacity:1}71%{opacity:.55}72%{opacity:1}74%{opacity:.7}75%{opacity:1}}.brand-modal{height:auto;gap:12px}.brand-modal .brand-icon{width:40px;height:40px}.brand-modal .brand-title{font-size:1.9rem;letter-spacing:.18em}.brand-modal .brand-sub{font-size:.72rem;letter-spacing:.75em}.box{position:relative;padding:10px 12px;border:1px solid rgba(0,255,255,.55);background:linear-gradient(160deg,#00ffff12,#0b0a1ad9 45%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:inset 0 0 14px #00ffff2e}.box-label{display:block;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 6px var(--cyan)}.preview-box{display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s,filter .2s}.preview-box canvas{width:150px;height:auto;background:linear-gradient(rgba(157,0,255,.12) 1px,transparent 1px) 0 0 / 15px 15px,linear-gradient(90deg,rgba(157,0,255,.12) 1px,transparent 1px) 0 0 / 15px 15px,var(--board);border:1px solid rgba(157,0,255,.45)}.preview-box.locked{opacity:.45;filter:grayscale(.7)}.player-tag{display:flex;flex-direction:column;gap:4px;border-color:#ff007f8c;background:linear-gradient(160deg,#ff007f14,#0b0a1ad9 45%)}.player-tag .box-label{color:var(--pink);text-shadow:0 0 6px var(--pink)}.player-tag strong{font-size:1.15rem;color:#fff;text-shadow:0 0 8px var(--pink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;border-left:3px solid var(--pink);background:linear-gradient(90deg,#ff007f24,#0b0a1a99 70%);box-shadow:-4px 0 12px -4px var(--pink)}.stat span{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;opacity:.85}.stat strong{font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--cyan);text-shadow:0 0 6px var(--cyan),0 0 14px rgba(0,255,255,.5)}.status{min-height:1.4em;text-align:center;letter-spacing:.15em;color:var(--yellow);text-shadow:0 0 6px var(--yellow)}.help{list-style:none;font-size:.78rem;line-height:1.9;opacity:.75}kbd{padding:0 4px;border:1px solid rgba(230,230,255,.4);border-radius:3px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#07060fc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal[hidden]{display:none}.modal-card{display:flex;flex-direction:column;gap:16px;width:min(400px,100%);padding:32px 28px;border:1px solid var(--cyan);background:linear-gradient(rgba(157,0,255,.1) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(157,0,255,.1) 1px,transparent 1px) 0 0 / 24px 24px,#0c0a1cf5;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:inset 0 0 30px #00ffff26,inset 0 0 60px #ff007f14;max-height:calc(100dvh - 32px);overflow-y:auto;animation:modal-in .25s ease-out}.modal-card input{padding:10px 12px;border:1px solid rgba(0,255,255,.5);background:#07060fe6;color:#fff;font:inherit;font-size:1.1rem;letter-spacing:.08em;caret-color:var(--pink);outline:none;transition:border-color .15s,box-shadow .15s}.modal-card input::placeholder{color:#e6e6ff59}.modal-card input:focus{border-color:var(--cyan);box-shadow:0 0 10px #00ffff80,inset 0 0 8px #0ff3}.neon-btn{min-height:44px;padding:12px;border:1px solid var(--pink);background:#ff007f26;color:#fff;font:inherit;font-weight:700;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 8px var(--pink);box-shadow:0 0 12px #ff007f73,inset 0 0 12px #ff007f40;cursor:pointer;transition:background .15s,box-shadow .15s}.neon-btn:hover,.neon-btn:focus-visible{background:#ff007f59;box-shadow:0 0 22px #ff007fcc,inset 0 0 16px #ff007f66;outline:none}.hint{text-align:center;font-size:.78rem;opacity:.7}.audio-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:-6px}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(0,255,255,.55);background:#0b0a1ad9;color:var(--cyan);cursor:pointer;box-shadow:inset 0 0 8px #0ff3;transition:color .15s,border-color .15s,box-shadow .15s}.icon-btn:hover,.icon-btn:focus-visible{outline:none;box-shadow:0 0 10px #0ff9,inset 0 0 8px #00ffff4d}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px currentColor)}.icon-btn .body{fill:currentColor}#mute-btn[aria-pressed=true],#music-btn[aria-pressed=false]{color:var(--pink);border-color:#ff007f99}#mute-btn .off,#mute-btn[aria-pressed=true] .on,#music-btn[aria-pressed=true] .off{display:none}#mute-btn[aria-pressed=true] .off{display:inline}#pause-btn .off,#pause-btn[aria-pressed=true] .on{display:none}#pause-btn[aria-pressed=true] .off{display:inline}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;line-height:1.4;text-align:center;background:radial-gradient(ellipse at center,#07060fd9 40%,#07060f8c);animation:modal-in .3s ease-out}.game-over[hidden]{display:none}.go-title{font-size:1.8rem;letter-spacing:.15em;color:var(--pink);text-shadow:0 0 8px var(--pink),0 0 22px var(--pink)}.go-final{font-size:1.1rem;font-weight:700;color:var(--cyan);text-shadow:0 0 8px var(--cyan);overflow-wrap:anywhere}.go-new-high{font-weight:700;letter-spacing:.12em;color:var(--yellow);text-shadow:0 0 8px var(--yellow),0 0 18px var(--yellow);animation:pulse .9s ease-in-out infinite alternate}.go-new-high[hidden]{display:none}.game-over .leaderboard{width:100%;max-width:340px}.game-over .neon-btn{width:100%;max-width:240px}.scores{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(157,0,255,.45)}.leaderboard{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:.78rem;text-align:left}.lb-row{display:grid;grid-template-columns:1.4em minmax(0,1fr) auto 3.5em auto;gap:8px;align-items:baseline;padding:4px 8px;background:#0b0a1ab3;border-left:2px solid rgba(0,255,255,.35)}.lb-head{background:none;border-left-color:transparent;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);opacity:.8}.lb-rank{color:var(--pink);font-weight:700}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-num{text-align:right;font-variant-numeric:tabular-nums}.lb-date{text-align:right;white-space:nowrap;opacity:.6}.lb-empty{grid-column:1 / -1;text-align:center;opacity:.7}.lb-status{background:none;border-left-color:transparent;font-size:.68rem}.lb-new{border-left-color:var(--yellow);background:linear-gradient(90deg,#ffe60038,#ff007f1f);color:#fff;font-weight:700;text-shadow:0 0 6px var(--yellow);animation:pulse .9s ease-in-out infinite alternate}@keyframes pulse{to{filter:brightness(1.35)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}@media(max-width:860px){.container{flex-wrap:wrap;justify-content:center}.panel-left{order:2}}.touch-controls,.touch-only{display:none}@media(max-width:767px),(pointer:coarse){html,body{overflow:hidden;overscroll-behavior:none}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}:root{--brand-h: 0px}body>.brand{display:none}.container{--gap: 8px;display:grid;gap:var(--gap);width:100%;height:100vh;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border:none;border-radius:0}.panel{display:contents}.help,.player-tag,.status,.key-hint{display:none}.stage{grid-area:board;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;container-type:size}#board{width:auto;height:min(100cqh - 4px,(100cqw - 4px) * 2)}#hold-box{grid-area:hold}.hud .preview-box{grid-area:next}.preview-box{align-self:start;gap:3px;padding:5px 6px}.preview-box canvas{width:var(--preview-w)}.box-label{font-size:.6rem;letter-spacing:.2em}.stats{grid-area:stats;display:grid;gap:4px;min-width:0}.stat{flex-direction:column;align-items:flex-start;min-width:0;padding:3px 7px}.stat span{font-size:.55rem;letter-spacing:.15em}.stat strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.audio-controls{grid-area:audio;align-items:center;margin:0}.icon-btn{width:38px;height:38px;touch-action:manipulation}.touch-only{display:grid}.tc-move,.tc-actions{display:grid;gap:10px}.tc-move{grid-template-columns:repeat(3,var(--tc));grid-template-rows:repeat(2,var(--tc));grid-template-areas:"left . right" "left down right"}.tc-actions{grid-template-columns:var(--tc) calc(var(--tc) * 1.5);grid-template-rows:repeat(2,var(--tc));grid-template-areas:"hold rotate" "drop rotate";align-items:center}.tc-left{grid-area:left}.tc-right{grid-area:right}.tc-down{grid-area:down}.tc-hold{grid-area:hold}.tc-drop{grid-area:drop}.tc-rotate{grid-area:rotate}.tc-btn{--c: var(--cyan);--c-rgb: 0, 255, 255;display:grid;place-items:center;width:100%;height:100%;min-width:0;border:1px solid rgba(var(--c-rgb),.6);border-radius:12px;background:linear-gradient(160deg,rgba(var(--c-rgb),.16),#0b0a1ad9 60%);color:var(--c);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 6px var(--c);box-shadow:0 0 10px rgba(var(--c-rgb),.25),inset 0 0 12px rgba(var(--c-rgb),.18);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .06s,background .06s,box-shadow .06s}.tc-btn svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor);pointer-events:none}.tc-btn span{pointer-events:none}.tc-btn.pressed{transform:scale(.94);background:rgba(var(--c-rgb),.35);box-shadow:0 0 22px rgba(var(--c-rgb),.8),inset 0 0 16px rgba(var(--c-rgb),.45)}.tc-rotate{--c: var(--pink);--c-rgb: 255, 0, 127;height:auto;aspect-ratio:1;border-radius:50%}.tc-drop{--c: var(--yellow);--c-rgb: 255, 230, 0}.tc-hold{--c: var(--purple);--c-rgb: 190, 90, 255;color:#d9a6ff}.game-over{gap:8px;padding:10px}.go-title{font-size:1.35rem}.go-final{font-size:.95rem}.game-over .neon-btn{letter-spacing:.15em}.game-over .leaderboard{font-size:.68rem}.modal-card{gap:14px;padding:24px 18px}.modal-card input{min-height:48px;font-size:max(16px,1.1rem)}.modal-card .neon-btn{min-height:52px}}@container (max-width: 284px) or (max-height: 564px){.game-over .lb-row{grid-template-columns:1.2em minmax(0,1fr) auto 2.6em;gap:6px}.game-over .lb-date{display:none}}@media(orientation:portrait)and (max-width:767px),(orientation:portrait)and (pointer:coarse){.container{--tc: clamp(44px, 13.5vw, 76px);--preview-w: clamp(54px, 16vw, 110px);grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"hold stats next" "pause stats audio" "board board board" "pad pad pad"}.stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.stat{justify-content:center;padding:2px 6px}.audio-controls{display:contents}.icon-btn{width:32px;height:32px}#pause-btn{grid-area:pause;justify-self:center}#music-btn{grid-area:audio;justify-self:start}#mute-btn{grid-area:audio;justify-self:end}.touch-controls{grid-area:pad;display:flex;justify-content:space-between;align-items:center;gap:12px}}@media(orientation:landscape)and (max-width:767px),(orientation:landscape)and (pointer:coarse){.container{--tc: clamp(44px, 15vh, 76px);--preview-w: clamp(54px, 18vh, 130px);grid-template-columns:minmax(0,1fr) min(calc((100dvh - 16px)/2),40vw) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"hold board next" "stats board audio" "move board actions";column-gap:16px}#hold-box,.hud .preview-box{justify-self:center}.stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:240px;justify-self:center}.audio-controls{justify-content:center;align-self:start}.touch-controls{display:contents}.tc-move{grid-area:move}.tc-actions{grid-area:actions}.tc-move,.tc-actions{align-self:end;justify-self:center}}@media(prefers-reduced-motion:reduce){.screen:before,.screen:after,.modal-card,.brand-icon,.brand-title,.game-over,.go-new-high,.lb-new{animation:none}.tc-btn{transition:none}}body.boss-mode{background:#fff}body.boss-mode>:not(.boss){visibility:hidden}.boss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:#fff;color:#222;font:13px Segoe UI,Calibri,Arial,sans-serif;cursor:default;-webkit-user-select:none;user-select:none}.boss[hidden]{display:none}.boss-titlebar{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px;background:#217346;color:#fff}.boss-app{font-size:16px}.boss-title{flex:1;text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-status{font-size:12px;opacity:.85;white-space:nowrap}.boss-menu{display:flex;gap:4px;padding:0 8px;background:#f3f3f3;border-bottom:1px solid #ddd;overflow:hidden}.boss-menu span{padding:6px 10px;white-space:nowrap}.boss-menu .active{border-bottom:2px solid #217346;color:#217346;font-weight:600}.boss-ribbon{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f8f8f8;border-bottom:1px solid #ddd;overflow:hidden;white-space:nowrap}.boss-ribbon .tool{padding:3px 8px;border:1px solid #ddd;border-radius:2px;background:#fff}.boss-ribbon .b{font-weight:700}.boss-ribbon .i{font-style:italic}.boss-ribbon .u{text-decoration:underline}.boss-ribbon .sep{width:1px;height:20px;background:#ccc}.boss-formula{display:flex;align-items:center;border-bottom:1px solid #ccc;font-family:Consolas,Courier New,monospace}.boss-formula .namebox{width:80px;padding:4px 8px;border-right:1px solid #ccc}.boss-formula .fx{padding:4px 10px;color:#888;font-style:italic;border-right:1px solid #ccc}.boss-formula .formula{padding:4px 8px}.boss-grid{flex:1;overflow:hidden}.sheet{border-collapse:collapse;table-layout:fixed;width:max(100%,1100px)}.sheet td{height:21px;padding:0 6px;border:1px solid #e1e1e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet td:nth-child(2){width:230px}.sheet .corner,.sheet .colhead,.sheet .rownum{background:#f0f0f0;color:#555;text-align:center;border-color:#cfcfcf}.sheet .corner,.sheet .rownum{width:42px}.sheet .num{text-align:right;font-variant-numeric:tabular-nums}.sheet .neg{color:#c00000}.sheet .titles td:not(.rownum){background:#ddebf7;font-weight:600}.sheet .total td:not(.rownum){font-weight:700;border-top:2px solid #555}.sheet .selected-row td:nth-child(7){outline:2px solid #217346;outline-offset:-2px}.boss-tabs{display:flex;align-items:stretch;background:#f3f3f3;border-top:1px solid #ccc;overflow:hidden;white-space:nowrap}.boss-tabs span{padding:5px 14px;border-right:1px solid #ddd}.boss-tabs .active{background:#fff;color:#217346;font-weight:600;border-bottom:2px solid #217346}.boss-tabs .boss-zoom{margin-left:auto;border:0;color:#666}