:root{--paper:#efe7d7;--ink:#6f553e;--orange:#c57a3c;--red:#c75148;--green:#568667}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}.page{max-width:1100px;margin:auto;padding:7px 14px 35px}
header{height:62px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;border-bottom:1px solid #d8ccb8}header>div{text-align:center}header small,header strong{display:block}header small{font-size:9px;letter-spacing:1.4px}header strong{font-size:21px;color:var(--orange)}header button{border:1px solid #cdbfa9;background:#f8f1e6;color:var(--ink);border-radius:9px;padding:8px;font-weight:800}.back{font-size:31px;text-decoration:none;color:var(--ink)}
.game-shell{max-width:900px;margin:7px auto}.hud{display:flex;justify-content:center;gap:25px;padding:5px;font-size:10px}.hud b{margin-left:4px}.board-wrap{position:relative;height:calc(100svh - 145px);min-height:360px;max-height:760px}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:manipulation}
.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(239,231,215,.79);backdrop-filter:blur(4px);z-index:5}.hidden{display:none!important}.modal{width:min(470px,91%);padding:24px;background:#fffaf0;border:1px solid #d6c8b1;border-radius:18px;text-align:center;box-shadow:0 20px 60px #60462f22}.modal em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:1.2px}.modal h1{margin:7px 0}.modal p{font-size:12px;line-height:1.58}.primary{border:0;background:var(--orange);color:white;border-radius:10px;padding:12px 18px;font-weight:900}.bigscore{font-size:42px;font-weight:950;color:var(--orange)}
.game-note{display:flex;justify-content:space-between;padding:4px 7px;font-size:9px}.guide,.leader{max-width:900px;margin:20px auto;padding:20px;border:1px solid #d9cdb9;border-radius:15px;background:#f8f1e5}.guide>span{font-size:9px;font-weight:900;letter-spacing:1px}.guide h2,.leader h2{margin:5px 0 10px}.guide p{font-size:13px;line-height:1.62}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide article{padding:12px;border:1px solid #ddd0ba;border-radius:10px}.guide h3{margin:0 0 4px;font-size:14px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;padding:8px;border-top:1px solid #d9cdb9;font-size:12px}.account{display:flex;justify-content:space-between;margin-top:12px;font-size:12px}.account a{font-weight:800;color:var(--ink)}.ad-slot{display:flex;align-items:center;justify-content:center;max-width:900px;margin:28px auto;min-height:90px}
@keyframes bad{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}canvas.bad{animation:bad .16s linear}
@media(max-width:700px){.page{padding:4px 7px 25px}header{height:54px;grid-template-columns:42px 1fr 55px}header button{padding:6px;font-size:9px}.hud{gap:9px;font-size:8px}.board-wrap{height:calc(100svh - 126px);min-height:315px}.guide-grid{grid-template-columns:1fr}.guide,.leader{padding:15px}.game-note{font-size:8px}}

.feedback{margin:6px auto 2px;min-height:27px;display:flex;align-items:center;justify-content:center;max-width:720px;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.25);font-size:10px;font-weight:850;letter-spacing:.15px;text-align:center;transition:.15s ease}
.feedback.error{background:#f6d9d5;color:#a62f28;border:1px solid #dc8c84}

.feedback.auto{background:#deefe3;color:#3f7753;border:1px solid #9ac4a6}