:root,.tetris-ui{color:#eef7ff;font-synthesis:none;--cyan:#67e8f9;--muted:#8292aa;--panel:#0a121fd1;--line:#82b4dc29;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tetris-ui,.tetris-ui *{box-sizing:border-box}.tetris-ui{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.4;position:absolute;inset:0;overflow:hidden}.tetris-ui:before{content:"";background:radial-gradient(circle at 50% 45%,#0000 30%,#0003 100%);position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:30px;right:30px}.brand{letter-spacing:.16em;align-items:center;gap:13px;display:flex}.brand-mark{width:35px;height:35px;position:relative;transform:rotate(-8deg)}.brand-mark i{background:linear-gradient(145deg,#9cf5ff,#20a4d4);border-radius:3px;width:15px;height:15px;position:absolute;box-shadow:inset 1px 1px 2px #d9fcff,0 0 12px #22d3ee44}.brand-mark i:first-child{top:10px;left:0}.brand-mark i:nth-child(2){top:10px;left:17px}.brand-mark i:nth-child(3){top:0;left:17px}.brand-mark i:nth-child(4){top:20px;left:17px}.brand strong{font-size:16px;font-weight:800;display:block}.tetris-ui .brand strong,.tetris-ui .stat strong,.tetris-ui .dialog h2{color:#eef7ff}.tetris-ui .primary{color:#04121e}.brand span{color:#6f829c;letter-spacing:.32em;margin-top:4px;font-size:9px;display:block}.status-chip{color:#8ea4bd;border:1px solid var(--line);letter-spacing:.14em;background:#09111c8c;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.status-chip:before{content:"";background:#55e6b4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #55e6b4}.side{flex-direction:column;gap:14px;width:180px;display:flex;position:absolute;top:50%;transform:translateY(-48%)}.side-left{left:max(20px,50% - 510px)}.side-right{right:max(20px,50% - 510px)}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#121e2fd6,#070e19d1);border-radius:14px;padding:16px;box-shadow:0 18px 50px #0003,inset 0 1px #ffffff08}.label{color:#73869f;letter-spacing:.19em;text-transform:uppercase;font-size:9px;font-weight:700}.score{font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:7px 0 14px;font-size:30px;font-weight:300}.stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid}.stat strong{margin-top:4px;font-size:18px;font-weight:500;display:block}.combo{color:#f8c95c;letter-spacing:.08em;min-height:15px;margin-top:10px;font-size:10px}.preview{justify-content:center;align-items:center;height:94px;margin-top:8px;display:flex}.preview-grid{grid-template-rows:repeat(3,17px);grid-template-columns:repeat(4,17px);gap:3px;display:grid}.preview-cell{background:var(--cell);box-shadow:inset 2px 2px 4px #fff6, inset -2px -2px 4px #0004, 0 0 10px color-mix(in srgb, var(--cell), transparent 65%);border-radius:4px}.preview-cell.empty{visibility:hidden}.next-list{flex-direction:column;gap:2px;display:flex}.next-list .preview{height:72px}.next-list .preview:first-child{border-bottom:1px solid var(--line);height:92px;margin-bottom:5px}.next-list .preview:not(:first-child){opacity:.58;transform:scale(.8)}.next-list .preview:not(:first-child) .label{display:none}.actions{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:26px;left:30px}.tetris-ui button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;border:0}.tetris-ui .ui-button{border:1px solid var(--line);color:#a9bad0;background:#0c1624d9;border-radius:9px;padding:9px 13px;font-size:11px;transition:all .15s}.tetris-ui .ui-button:hover{color:#fff;background:#162a3e;border-color:#58cfe966}.tetris-ui .ui-button:active,.tetris-ui .control:active{background:#24445a;transform:translateY(1px)}.hint{color:#6e829c;letter-spacing:.06em;white-space:nowrap;font-size:10px;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}kbd{color:#b7c9dd;font:inherit;background:#14223388;border:1px solid #6c829c44;border-bottom-width:2px;border-radius:4px;margin:0 2px;padding:2px 5px}.touch-controls{pointer-events:auto;grid-template-columns:repeat(6,48px);gap:7px;display:none;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.tetris-ui .control{color:#c5e7f4;background:#122438dd;border:1px solid #84cce62b;border-radius:10px;height:43px;font-size:17px;box-shadow:inset 0 1px #ffffff12}.control small{color:#6f8da4;margin-top:1px;font-size:7px;display:block}.toast{text-align:center;opacity:0;text-shadow:0 0 20px;transition:opacity .15s,transform .25s;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%)}.toast.show{opacity:1;transform:translate(-50%,-65%)}.toast strong{letter-spacing:.16em;font-size:25px;display:block}.toast span{letter-spacing:.2em;color:#aac6d9;font-size:10px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#02070ea8;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.visible{display:flex}.dialog{text-align:center;background:linear-gradient(145deg,#142338,#09121f);border:1px solid #79d8ee30;border-radius:20px;width:300px;padding:30px;box-shadow:0 30px 100px #0009}.dialog .eyebrow{color:#67e8f9;letter-spacing:.3em;font-size:9px}.dialog h2{margin:10px 0;font-size:30px;font-weight:300}.dialog p{color:#8298b0;margin:0 0 22px;font-size:12px;line-height:1.8}.primary{color:#04121e;letter-spacing:.1em;background:linear-gradient(135deg,#5ee6f2,#3596d7);border-radius:9px;padding:11px 30px;font-size:12px;font-weight:700;box-shadow:0 5px 22px #28c5e33d}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.side{width:135px}.side-left{left:12px}.side-right{right:12px}.panel{padding:12px}.score{font-size:23px}.hint{display:none}.touch-controls{display:grid}.actions{bottom:18px;left:12px}}@media (max-width:620px){.topbar{top:14px;left:15px;right:15px}.status-chip{display:none}.side{gap:6px;top:64px;transform:none}.side-left{flex-direction:row;width:auto;left:8px;right:140px}.side-left>.panel:first-child{flex:1}.side-left>.panel:last-child{flex:none;width:68px}.side-right{width:124px;right:8px}.side-right>.panel:nth-child(2){display:none}.panel{border-radius:10px;height:94px;padding:8px;overflow:hidden}.label{letter-spacing:.12em;font-size:7px}.score{margin:2px 0 4px;font-size:18px}.stats{gap:5px;padding-top:4px}.stat strong{margin-top:1px;font-size:12px}.combo{display:none}.preview{height:52px;margin-top:2px}.preview-grid{grid-template-rows:repeat(3,10px);grid-template-columns:repeat(4,10px);gap:2px}.next-list .preview,.next-list .preview:first-child{border:0;height:52px;margin:2px 0 0}.next-list .preview:nth-child(n+2){display:none}.touch-controls{grid-template-columns:repeat(6,42px);gap:5px;bottom:62px}.control{height:39px}.actions{bottom:13px}.ui-button{padding:7px 10px}}