:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef6ff;background:#080b19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 55% 15%,#1c2451 0,transparent 40%),radial-gradient(ellipse at 10% 65%,#102d36 0,transparent 45%),#080b19}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}.site-header{max-width:1440px;margin:auto;padding:19px clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1a}.site-brand{display:flex;align-items:center;gap:10px}.site-brand img{width:42px;height:42px}.site-brand b{display:block;letter-spacing:.18em;font-size:1rem}.site-brand small{display:block;color:#7f9aaa;font-size:.54rem;letter-spacing:.25em;margin-top:4px}nav{display:flex;gap:clamp(12px,2vw,30px);font-size:.76rem;font-weight:700;letter-spacing:.06em;color:#a9becf}nav a:hover{color:#62e4e8}main{max-width:1440px;margin:auto;padding:0 clamp(18px,4vw,54px)}.intro{padding:36px 0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.kicker,.panel-label{font-size:.68rem;letter-spacing:.22em;font-weight:800;color:#69dcdf}.kicker span,.screen-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66ebda;box-shadow:0 0 15px #66ebda;margin-right:6px}.intro h1{font-size:clamp(2.45rem,6vw,5.7rem);line-height:.95;margin:11px 0 12px;letter-spacing:-.08em;font-weight:950}.intro h1 span{color:#71eddf}.intro p:last-child{margin:0;color:#a4b9cd;font-size:clamp(.9rem,1.5vw,1.08rem)}.intro-meta{display:flex;gap:18px;color:#66869f;font-size:.65rem;letter-spacing:.12em;font-weight:800;white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(290px,460px) minmax(190px,1fr);gap:clamp(14px,2vw,28px);align-items:start}.side{display:grid;gap:16px;padding-top:30px}.panel{border:1px solid #344059;background:linear-gradient(145deg,#172039e6,#0b1328e6);box-shadow:0 12px 40px #0003;padding:20px;border-radius:14px}.panel-label{display:flex;justify-content:space-between}.panel-label small{color:#66869f}.identity-panel label{display:block;margin:15px 0 8px;font-size:.86rem;font-weight:700}.identity-panel input{width:100%;padding:12px 13px;border:1px solid #4c6682;border-radius:8px;color:#fff;background:#080f21;outline:none}.identity-panel input:focus{border-color:#61e3d9;box-shadow:0 0 0 3px #61e3d933}.identity-panel p,.status{font-size:.75rem;line-height:1.55;color:#819ab0;margin:11px 0 0}.score-panel>strong{display:block;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:.08em;margin:13px 0;color:#fff;font-variant-numeric:tabular-nums}.stat-list{border-top:1px solid #324058}.stat-list div,.control-panel div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #27364e;font-size:.75rem}.stat-list span,.control-panel span{color:#8098ad}.stat-list b{font-size:.94rem;font-variant-numeric:tabular-nums}.hold-panel canvas{display:block;max-width:100%;margin:10px auto 0}.play-column{min-width:0}.screen-frame{position:relative;border:1px solid #507896;border-radius:17px;padding:10px;background:linear-gradient(145deg,#1d3455,#0c132a 40%,#111c39);box-shadow:0 0 0 5px #0c1429,0 20px 90px #0009,0 0 60px #2aacc22b}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;padding:4px 7px 10px;color:#90aeca;font-size:.62rem;font-weight:800;letter-spacing:.14em}.screen-top span:first-child{color:#70e7dc}.screen-bottom{padding:10px 7px 3px;color:#617f9a}.screen-bottom span:last-child{color:#e5b66f}.screen{position:relative;aspect-ratio:1/2;background:#090e20;overflow:hidden;border:1px solid #325c73;border-radius:5px}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 4px);opacity:.16}.screen canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:26px;background:#070c1bd9;backdrop-filter:blur(7px);text-align:center}.overlay[hidden]{display:none}.overlay>div{max-width:270px}.overlay-glyph{display:block;color:#68ece4;font-size:4rem;line-height:1;text-shadow:0 0 35px #45dde7}.overlay h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:10px 0;letter-spacing:-.06em;line-height:1.05}.overlay p:not(.kicker){color:#a8bfd0;line-height:1.55;font-size:.88rem}.overlay button,.action-panel button{width:100%;padding:14px 15px;border:1px solid #71ece6;background:#63e8dc;color:#071621;border-radius:7px;font-size:.73rem;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 28px #4ee9df30}.overlay button span{float:right}.overlay button:hover,.action-panel button:hover:not(:disabled){filter:brightness(1.12)}#next-list{display:grid;gap:6px;margin-top:12px}.next-piece{height:65px;width:100%;display:block;background:#0b1227;border:1px solid #253750;border-radius:8px}.control-panel div:last-child{border:0}.control-panel b{color:#d6e8f5;font-size:.7rem;white-space:nowrap}.action-panel{display:grid;gap:9px}.action-panel button{background:#192b43;border-color:#42667d;color:#b8d8e7;box-shadow:none}.action-panel button:first-child{background:#2a4260}.action-panel button:nth-child(2){background:#48351f;border-color:#b08442;color:#f4d39b}.touch-controls{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px}.touch-controls button{min-height:52px;padding:6px 2px;border:1px solid #426783;border-radius:8px;background:#182a44;color:#d9f5ff;font-size:1.2rem;font-weight:900;touch-action:none;user-select:none}.touch-controls button:first-child,.touch-controls .touch-drop{font-size:.6rem;letter-spacing:.05em}.touch-controls .touch-drop{background:#54ded5;color:#071421;border-color:#67f6ea}.touch-controls button:active{transform:translateY(2px);background:#416786}.how{margin:76px 0 90px;padding-top:28px;border-top:1px solid #34445b;display:grid;grid-template-columns:1fr 2fr;gap:35px}.how h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;margin:8px 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid article{border-top:2px solid #5fe4da;padding-top:16px}.how-grid b{color:#62e6db;font-size:.73rem}.how-grid h3{font-size:1.2rem;margin:8px 0}.how-grid p{color:#9ab1c3;font-size:.85rem;line-height:1.55;margin:0}footer{max-width:1440px;margin:auto;padding:25px clamp(18px,4vw,54px);border-top:1px solid #253650;display:flex;justify-content:space-between;gap:15px;color:#748da5;font-size:.68rem;letter-spacing:.12em}footer a{color:#b2cddc}@media(max-width:970px){.intro-meta{display:none}.game-layout{grid-template-columns:minmax(160px,1fr) minmax(280px,440px)}.right-side{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr 1fr;padding-top:0}.right-side .status{align-self:center}.next-panel{grid-row:1}.control-panel{grid-row:1}.action-panel{grid-row:1}.next-piece{height:50px}}@media(max-width:690px){.site-header{align-items:flex-start}.site-header nav{flex-wrap:wrap;justify-content:end;gap:7px 13px;font-size:.65rem}.intro{padding:25px 0 17px}.game-layout{display:flex;flex-direction:column}.play-column{order:1;width:min(100%,420px);margin:auto}.left-side{order:2;width:100%;grid-template-columns:1fr 1fr;padding-top:4px}.identity-panel{grid-column:1/-1}.hold-panel{grid-column:1/-1}.hold-panel canvas{margin:0 auto}.right-side{order:3;width:100%;grid-template-columns:1fr 1fr}.next-panel{grid-column:1}.control-panel{grid-column:2}.action-panel{grid-column:1/-1}.right-side .status{grid-column:1/-1}.panel{padding:14px}.screen-frame{max-width:420px;margin:auto}.how{display:block;margin:50px 0}.how-grid{margin-top:20px;grid-template-columns:1fr}.touch-controls{gap:4px}.touch-controls button{min-height:48px;font-size:1rem}.control-panel b{font-size:.62rem}footer span{display:none}}@media(max-width:370px){.right-side{grid-template-columns:1fr}.next-panel,.control-panel{grid-column:1}.touch-controls button{min-height:43px}.site-brand small{display:none}}
@media(max-width:690px){.right-side .next-panel,.right-side .control-panel,.right-side .action-panel,.right-side .status{grid-row:auto}}