.home-emblem{font:22px Georgia,serif;letter-spacing:.3em;color:#9b763d;border:1px solid #b69a62;border-radius:50%;width:112px;height:112px;display:grid;place-items:center;margin:25px auto 20px;padding-left:6px;outline:1px solid #c9b58b;outline-offset:7px}.home .hero-tokens{margin:35px 0 20px}.eyebrow{font-size:12px}.desktop-note{font-size:12px}.player-detail,.move-number{font-size:14px}.confirm-dialog{border:1px solid #bc9e6b;border-radius:18px;background:#fbf4e6;color:#352b24;width:min(380px,calc(100% - 32px));padding:26px;box-shadow:0 20px 60px #34231355}.confirm-dialog::backdrop{background:#30241580;backdrop-filter:blur(3px)}.confirm-dialog h2{margin-top:0}.confirm-dialog button{width:100%}.cell:focus-visible{outline-offset:-3px;z-index:2}.hero{background:none}@media(min-width:800px){.device{width:500px;border-radius:24px}.screen{padding-left:30px;padding-right:30px}.game{padding-left:24px;padding-right:24px}.home .title{font-size:54px}.home-emblem{margin-top:35px}.board{max-width:410px;width:100%;align-self:center}}@media(max-height:720px){.home-emblem{width:75px;height:75px;margin:12px auto 18px;font-size:17px}.home .hero-tokens{margin:22px 0 14px}}@media(max-width:360px){.screen{padding-left:14px;padding-right:14px}.brand{font-size:16px}.game-bottom{flex-wrap:wrap}.cell{padding:1px}}

.credits{display:grid;gap:3px;margin-top:18px;padding-top:14px;border-top:1px solid #d0c0a7;font-size:14px;line-height:1.5;color:#705e48}.credits strong{font-size:16px;color:#49382a}.credits a,.desktop-note a{color:#851c1b;text-underline-offset:3px}.credits a{justify-self:center;padding:5px 0}

.splash .subtitle{max-width:none;white-space:nowrap;font-size:clamp(14px,4vw,17px)}@media(max-width:360px){.splash{padding-inline:16px}}

/* Single-color emblems remain crisp at every board size and work offline. */
.token:after{left:18%;top:18%;width:64%;height:64%;border-radius:0;box-shadow:none;background:#ffda96;-webkit-mask:var(--piece-emblem) center/contain no-repeat;mask:var(--piece-emblem) center/contain no-repeat}
.token{--piece-emblem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M5 29 15 25 19 17 19 7 26 15 31 10 33 22 42 29 53 30 59 23 58 36 50 42 48 56 42 56 42 43 32 41 26 55 20 55 24 38 17 34 8 35Z'/%3E%3C/svg%3E")}
.token.blue{--piece-emblem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M29 24 27 15 31 10 38 11 42 16 35 17 35 24 43 22 60 8 57 25 48 29 57 27 52 37 42 35 48 41 42 44 36 36 35 45 42 55 33 52 32 58 29 52 22 55 29 45 28 36 22 44 16 41 22 35 12 37 7 27 16 29 7 25 4 8 21 22Z'/%3E%3C/svg%3E")}
.token.blue:after{left:18%;top:18%;width:64%;height:64%;border-radius:0;background:#174568}

.splash-translation{display:block;margin-top:6px}.splash small .splash-translation{margin-top:12px}.cell.moving-cell{z-index:3}.cell:disabled{opacity:1}.cell .token{pointer-events:none}

.nav-controls{display:flex;align-items:center;gap:6px}.music-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px;min-width:36px;width:36px;flex-shrink:0}.music-toggle[aria-pressed="false"]{color:#806b50}@media(max-width:360px){.topbar{gap:5px}.nav-controls{gap:4px}.music-toggle{min-width:32px;width:32px}}