*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#05030a;color:#fff;font-family:Arial,sans-serif}
body{background-image:radial-gradient(circle at 50% 0,#2a1248 0,#090611 48%,#020205 100%);overscroll-behavior:none}
.wrap{width:min(1120px,100%);margin:auto;padding:12px}
header{display:grid;grid-template-columns:140px 1fr 100px;align-items:center;gap:10px;padding:14px 18px;background:#0b0713;border:2px solid #293047;box-shadow:0 0 30px #00eaff18}
.back{color:#00efff;text-decoration:none;font-weight:900}
.titlebox{text-align:center}h1{margin:0;font-size:clamp(21px,4vw,34px);letter-spacing:2px;color:#ff168d;text-shadow:0 0 15px #ff168d66}.sub{margin-top:6px;color:#aaa1ba;font-size:12px}.hint{text-align:right;color:#ffe600;font-size:10px;font-weight:900}
.hud{margin:10px 0;display:flex;justify-content:space-around;flex-wrap:wrap;gap:7px;background:#0d0915;border:1px solid #34304b;padding:10px;color:#ffe600;font:900 14px "Courier New",monospace}
.game-shell{width:100%;background:#010207;border:3px solid #1c7e8a;box-shadow:0 0 35px #00efff22;overflow:hidden;display:grid;place-items:center}
canvas{display:block;width:100%;height:auto;max-width:100%;touch-action:none;image-rendering:pixelated}
.message{min-height:28px;text-align:center;padding:8px;color:#fff;font-weight:900}
.controls{text-align:center;color:#968ca9;padding:8px;font-size:13px}
button#restart{display:block;margin:8px auto 18px;background:#00efff;color:#041015;border:0;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 #ff168d}
button#restart:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #ff168d}
.mobile-controls{display:none;margin:10px auto 2px;width:min(520px,100%);user-select:none;-webkit-user-select:none}
.mobile-controls button{touch-action:none;-webkit-tap-highlight-color:transparent;border:2px solid #00efff;background:#0d1523;color:#fff;border-radius:12px;min-width:62px;min-height:58px;font-size:25px;font-weight:900;box-shadow:0 0 15px #00efff22}
.mobile-controls button:active{background:#00efff;color:#061019;transform:scale(.96)}
@media(max-width:760px){
 body{padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .wrap{padding:7px}
 header{grid-template-columns:1fr;text-align:center;padding:11px}.back,.hint{text-align:center}
 .hud{font-size:12px;padding:8px}
 .game-shell{border-width:2px}
 .controls{font-size:11px}
 .mobile-controls{display:grid}
}
.mobile-controls{grid-template-rows:58px 58px;justify-items:center}.mobile-controls .row{display:flex;gap:7px}.mobile-controls>button{grid-column:1}.mobile-controls .row button{min-width:68px}.mobile-controls button[data-action="drop"]{font-size:11px}
/* Block Drop: PC'de aşırı büyümemesi için oyun alanı sabit/kompakt tutulur. */
.game-shell{max-width:390px;margin:0 auto}
.game-shell canvas{width:min(360px,92vw);max-width:100%;height:auto}
@media(max-width:760px){.game-shell{width:100%;max-width:390px}.game-shell canvas{width:min(360px,88vw)}}