:root{--brown:#5c302d;--pink:#ef5f75}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--brown);font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 15%,#fffdf5,#ffe6d9 58%,#fac5c2)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:radial-gradient(#f38da0 1.5px,transparent 1.5px);background-size:22px 22px}main{position:relative;width:min(1050px,94vw);min-height:100vh;margin:auto;padding:25px 0 14px;display:flex;flex-direction:column}header{text-align:center}header small,label{display:block;color:#b55f6c;font:bold 9px monospace;letter-spacing:.24em}h1{font:900 clamp(34px,6vw,66px)/1 monospace;letter-spacing:-.08em;margin:4px 0}header p{font-size:11px;letter-spacing:.18em;color:#a86870;margin:8px 0 18px}#music{position:absolute;right:0;top:25px;border:1px solid #d99898;border-radius:999px;background:#fff9ef;color:var(--pink);padding:9px 13px;font:bold 9px monospace;cursor:pointer}.game{flex:1;display:grid;grid-template-columns:165px auto 170px;align-items:center;justify-content:center;gap:34px}.stats{display:grid;gap:20px;text-align:right}.stats img{width:150px;height:100px;object-fit:cover;object-position:78% 46%;border:5px solid #fff8ef;border-radius:22px}.stats b{font:700 22px monospace}.boardbox{position:relative;padding:10px;border:3px solid #7d403b;border-radius:20px;background:#ffc2bd;box-shadow:0 22px 50px #ad63624d}#board{width:min(52vw,300px);aspect-ratio:1/2;display:grid;grid-template-columns:repeat(10,1fr);background:#5b302d;border:3px solid #fff2e6;border-radius:10px;overflow:hidden}.cell{border:1px solid #6c3b37}.cell.on{background:var(--c);border:2px solid #fff7;box-shadow:inset -4px -4px #0002,inset 3px 3px #fff4}.cell.on:after{content:"••";display:block;text-align:center;color:#6e343466;font:bold 9px/16px monospace;letter-spacing:2px}#overlay{position:absolute;inset:10px;border-radius:10px;display:grid;place-content:center;justify-items:center;background:#5b302dcc}#overlay strong{color:#ff9cad;font:900 23px monospace;margin-bottom:14px}#start{width:180px;border:0;border-radius:999px;color:#fff;background:var(--pink);padding:13px 16px;font-weight:bold;cursor:pointer}.side{border-left:1px solid #e4aaa8;padding-left:18px}#next{height:90px;width:110px;display:grid;grid-template-columns:repeat(4,21px);grid-auto-rows:21px;align-content:center;justify-content:center}.mini.on{background:var(--c);border:2px solid #fff7;border-radius:4px}.help{margin-top:28px;font:10px monospace;color:#9d6968}.help p{margin:8px 0}nav{display:none}footer{border-top:1px solid #e4aaa8;margin-top:15px;padding-top:12px;color:#bd7f80;font:8px monospace}@media(max-width:720px){#music{position:static;margin-bottom:8px}.game{grid-template-columns:1fr auto;gap:12px}.stats{grid-column:1/-1;display:flex;justify-content:center;text-align:center;gap:20px}.stats img{display:none}.boardbox{grid-column:1;justify-self:end}#board{width:min(65vw,280px)}.side{grid-column:2;align-self:start;padding-left:8px}.help{display:none}#next{width:58px;grid-template-columns:repeat(4,13px);grid-auto-rows:13px}nav{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:5px;margin:12px auto 0;width:min(420px,100%)}nav button{height:44px;border:1px solid #d49392;border-radius:10px;background:#fff8ef;color:var(--brown);font-weight:bold}nav button:last-child{background:var(--pink);color:#fff}}