:root{--bg:#090b18;--panel:#11152a;--cyan:#53e4f6;--pink:#ff4f9a;--text:#eef5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#243261 0,transparent 45%),var(--bg);color:var(--text);font-family:Consolas,"Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px}main{position:relative;width:min(1080px,96vw);margin:auto;padding:24px 0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}small{color:#7581a9;letter-spacing:.18em}h1{margin:6px 0 0;font:900 clamp(30px,5vw,50px)/1 "Microsoft YaHei";letter-spacing:.12em;text-shadow:0 0 22px #558cff77}button{cursor:pointer;border:1px solid #52618d;background:#131a35;color:#dce8ff;font:bold 13px inherit;padding:11px 18px;transition:.2s}button:hover{border-color:var(--cyan);box-shadow:0 0 16px #53e4f644}.layout{display:grid;grid-template-columns:200px 450px 200px;justify-content:center;gap:30px;align-items:start}.stage{position:relative;border:2px solid #5766a1;box-shadow:0 0 35px #3358b255,inset 0 0 25px #000}.stage:before{content:"";position:absolute;inset:-7px;border:1px solid #28345f;pointer-events:none}canvas{display:block}.metric,.next,.levelbar,.help{background:#10152ac9;border:1px solid #28345a;padding:18px;margin-bottom:16px;box-shadow:inset 3px 0 var(--cyan)}.metric span,.next>span,.levelbar>span{display:block;color:#7e8aaf;font-size:10px;letter-spacing:.12em}.metric b{display:block;color:var(--cyan);font-size:27px;margin-top:8px;text-shadow:0 0 10px #53e4f677}.metric.split{display:flex;justify-content:space-between;box-shadow:inset 3px 0 var(--pink)}.metric.split b{color:var(--pink)}.help{box-shadow:none}.help h3{font-size:12px;color:#a8b8e8}.help p{font-size:10px;color:#7983a5;line-height:1.7;margin:4px 0}#next{width:160px;height:160px;margin-top:10px}.levelbar>div{height:7px;background:#080a15;margin:14px 0 8px;overflow:hidden}.levelbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 10px var(--cyan);transition:.2s}.levelbar small{font-size:9px;letter-spacing:0}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#090c1be8;transition:.25s}.overlay:not(.show){opacity:0;visibility:hidden}.mark{font-size:58px;color:var(--cyan);text-shadow:0 0 22px var(--cyan)}.overlay h2{margin:18px 0 6px;font-size:25px}.overlay p{margin:0 20px 24px;color:#8490b5;font-size:12px}.overlay button{background:linear-gradient(90deg,#315df1,#aa3be8);border:0;padding:13px 28px}.mobile{display:none;justify-content:center;gap:7px;margin-top:18px}.mobile button{touch-action:none;min-width:52px}.mobile button:last-child{background:#315df1}@media(max-width:940px){.layout{grid-template-columns:150px minmax(360px,450px) 150px;gap:12px}.metric,.next,.levelbar,.help{padding:11px}#next{width:128px;height:128px}}@media(max-width:740px){main{width:min(98vw,500px)}header{padding:0 8px}.layout{display:flex;justify-content:center}.left,.right{display:none}.stage{width:min(94vw,450px)}#board{width:100%;height:auto}.mobile{display:flex;flex-wrap:wrap}}

.score-rules{background:#10152ac9;border:1px solid #28345a;border-left:3px solid var(--pink);padding:15px;margin-bottom:16px}.score-rules>span{display:block;color:#7e8aaf;font-size:10px;letter-spacing:.12em}.score-rules p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:10px;color:#8d99bd}.score-rules b{color:#c5d3fb}.score-rules em{font-style:normal;color:var(--cyan)}.score-rules .tetris b,.score-rules .tetris em{color:var(--pink);text-shadow:0 0 8px #ff4f9a66}.clear-toast{position:absolute;left:50%;top:45%;z-index:2;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transform:translate(-50%,12px) scale(.9)}.clear-toast.show{animation:clear-pop 1.05s ease-out}.clear-toast strong{white-space:nowrap;color:#fff;font-size:25px;letter-spacing:.1em;text-shadow:0 0 15px var(--cyan),0 3px 0 #3057c9}.clear-toast span{margin-top:5px;color:#fff09c;font-size:17px;text-shadow:0 0 12px #ffb941}@keyframes clear-pop{0%{opacity:0;transform:translate(-50%,15px) scale(.75)}18%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-28px) scale(1.06)}}@media(max-width:840px){.score-rules{padding:10px}.score-rules p{font-size:9px}}