:root{--paper:#f2ead8;--ink:#73543b;--accent:#bf7136;--green:#4f8b63;--red:#c45148}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}.page{max-width:1120px;margin:auto;padding:8px 16px 40px}header{height:66px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-bottom:1px solid #d9cfba}header>div:nth-child(2){text-align:center}header small,header strong{display:block}header small{font-size:9px;letter-spacing:1.3px}header strong{font-size:22px;color:var(--accent)}.back{font-size:32px;text-decoration:none;color:var(--ink)}.head-actions{display:flex;gap:7px}.head-actions button,.controls button{border:1px solid #cbbda6;background:#f8f1e3;color:var(--ink);border-radius:10px;padding:8px 11px;font-weight:800}.game-shell{max-width:900px;margin:7px auto}.stats{display:flex;justify-content:center;gap:22px;font-size:10px;padding:5px}.board-wrap{position:relative;height:calc(100svh - 180px);min-height:340px;max-height:730px}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(242,234,216,.76);backdrop-filter:blur(4px)}.hidden{display:none!important}.modal{width:min(450px,90%);padding:24px;background:#fffaf0;border:1px solid #d2c4ad;border-radius:18px;text-align:center;box-shadow:0 18px 60px #7b5b3a22}.modal em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:1px}.modal h1{margin:7px 0}.modal p{font-size:12px;line-height:1.55}.primary{background:var(--accent)!important;color:white!important;border:0!important;padding:12px 18px!important}.result b{display:block;font-size:38px}.controls{display:flex;justify-content:center;gap:7px;padding:4px}.controls>div{display:flex;gap:5px}.controls button{min-width:45px;font-size:16px}.guide,.leader{max-width:900px;margin:20px auto;padding:20px;border:1px solid #d8cdb9;border-radius:15px;background:#f8f1e3}.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.6}.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:35px 1fr auto;gap:8px;padding:8px;border-top:1px solid #d8cdb9;font-size:12px}.account{display:flex;justify-content:space-between;margin-top:12px;font-size:12px}.account a{color:var(--ink);font-weight:800}.ad-slot{display:flex;justify-content:center;align-items:center;max-width:900px;margin:28px auto;min-height:90px}@media(max-width:700px){.page{padding:4px 7px 24px}header{height:56px;grid-template-columns:38px 1fr auto}.head-actions button{padding:6px;font-size:9px}.board-wrap{height:calc(100svh - 158px);min-height:300px}.stats{gap:8px;font-size:8px}.guide-grid{grid-template-columns:1fr}.controls button{min-width:40px;padding:6px}.guide,.leader{padding:15px}}