:root{color-scheme:dark;--bg:#0b1022;--panel:#151d3b;--line:#34436f;--accent:#6ee7ff;--good:#5ee28b;--bad:#ff6b81;--text:#f6f8ff;--muted:#aeb9db}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#202e61 0,var(--bg) 48%);font-family:Arial,sans-serif;color:var(--text);overscroll-behavior:none}
main{width:min(720px,100%);margin:auto;padding:18px 14px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h1{margin:0;font-size:clamp(24px,7vw,38px)}header p{margin:5px 0;color:var(--muted)}button{border:1px solid var(--line);background:#25335f;color:#fff;border-radius:12px;padding:12px 16px;font-weight:700;font-size:16px;touch-action:manipulation}button:active{transform:scale(.97);background:#31457c}
#stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--muted)}.stat b{color:#fff}
#game{background:rgba(21,29,59,.9);border:1px solid var(--line);border-radius:22px;min-height:390px;padding:14px;display:grid;place-items:center;box-shadow:0 20px 60px #0007;overflow:hidden}#message{text-align:center;min-height:24px;font-weight:700;color:var(--accent)}
.memory{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.card{aspect-ratio:1;border-radius:14px;font-size:clamp(27px,10vw,48px);padding:0;background:linear-gradient(145deg,#2b3970,#17234c)}.card.open,.card.done{background:#f4f7ff;color:#17213f}.card.done{outline:3px solid var(--good);opacity:.72}
.connect{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:560px;background:#2453aa;padding:10px;border-radius:18px;direction:ltr}.slot{aspect-ratio:1;border-radius:50%;background:#0c1530;border:0;padding:0}.slot.red{background:#ff5269}.slot.gold{background:#ffd659}
.slide{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,480px);direction:ltr}.tile{aspect-ratio:1;font-size:clamp(22px,8vw,38px);padding:0;background:linear-gradient(145deg,#7b61ff,#4a36bd);border:0}.tile.empty{visibility:hidden}
.tap-zone{position:relative;width:100%;height:430px;background:linear-gradient(#111936,#0c122a);border-radius:16px;overflow:hidden;touch-action:none}.target{position:absolute;width:74px;height:74px;border-radius:50%;padding:0;border:5px solid #fff;background:radial-gradient(circle,#fff 0 10%,#ff5678 12% 42%,#7b1630 44%);box-shadow:0 0 30px #ff5678;transform:translate(-50%,-50%)}
.snake-wrap{width:100%;display:grid;gap:12px;justify-items:center}.snake-wrap canvas{width:min(100%,440px);aspect-ratio:1;background:#091125;border:2px solid var(--line);border-radius:14px;touch-action:none}.pad{display:grid;grid-template-columns:repeat(3,64px);gap:7px;direction:ltr}.pad button{height:54px;padding:0;font-size:25px}.pad .up{grid-column:2}.pad .left{grid-column:1}.pad .down{grid-column:2}.pad .right{grid-column:3}
@media(max-width:440px){main{padding:12px 10px}header{align-items:flex-start}header button{padding:10px;font-size:14px}#game{padding:10px;min-height:360px}.tap-zone{height:390px}}