*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#f6f7ef;color:#182c3b;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e7aa5b;outline-offset:3px}.shell{max-width:1170px;margin:auto;padding:clamp(17px,4vw,43px) clamp(13px,3vw,32px) 70px}.eyebrow{font-size:.74rem;letter-spacing:.15em;font-weight:900;color:#43888a}h1{font-size:clamp(3.1rem,8vw,6rem);line-height:1.03;letter-spacing:-.075em;margin:7px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#e58062}header p{font-size:1.13rem;color:#667a7e;margin:8px 0 24px}.layout{display:grid;grid-template-columns:minmax(0,780px) minmax(245px,1fr);gap:20px;align-items:start}.play{background:#173d51;border-radius:23px;padding:clamp(12px,2.7vw,22px);color:#fff;min-width:0;box-shadow:0 18px 37px #153e5136}.scoreboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:13px}.scoreboard div{background:#285c66;border:1px solid #548b83;border-radius:11px;padding:7px 10px}.scoreboard small{display:block;color:#c9e9df;font-size:.62rem;font-weight:900;letter-spacing:.06em}.scoreboard strong{font-size:1.35rem}.canvas-shell{position:relative;overflow:hidden;border:4px solid #9cc8ac;border-radius:17px;background:#348a5b}.board-top{display:flex;justify-content:space-between;padding:6px 10px;background:#164555;color:#d8f2c0;font-size:.72rem;font-weight:900;letter-spacing:.08em}canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;user-select:none;-webkit-user-select:none}.overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:55%;padding:19px 25px;border-radius:17px;text-align:center;background:#173b4eea;color:#fff;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;border:3px solid #e7d593;box-shadow:0 10px 35px #092c39b5}[hidden]{display:none!important}.power{display:flex;align-items:center;gap:9px;margin:13px 1px;color:#d8f0e4;font-size:.72rem;font-weight:900;letter-spacing:.06em}.power>div{flex:1;background:#477b7b;border-radius:40px;height:14px;overflow:hidden}.power i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a9ee91,#ffe793,#f68675);transition:width .1s}.message{text-align:center;color:#e2f1ed;font-weight:750;min-height:2.7em;margin:13px 0}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.actions button{min-height:47px;border:2px solid #80aba0;border-radius:11px;background:#2d6573;color:#fff;padding:8px 14px;font-weight:850}.actions .primary{background:#f5b775;border-color:#ffdb9e;color:#1e3445}aside{background:#fff;border:1px solid #dce7dd;border-radius:20px;padding:24px}aside h2{font-size:1.8rem;margin:7px 0}aside p{color:#63747a}aside strong{color:#256d77}.quiet{font-size:.88rem}.foot{color:#64787b}.foot a{color:#347d86;font-weight:850}@media(max-width:960px){.layout{grid-template-columns:1fr}aside{max-width:780px}}@media(max-width:570px){.scoreboard{gap:3px}.scoreboard div{padding:5px}.scoreboard small{font-size:.48rem}.scoreboard strong{font-size:.95rem}.board-top{font-size:.6rem}.play{border-radius:17px}.power{font-size:.6rem}}