.utMenu{display:grid;grid-gap:16px;gap:16px;padding:48px 0 20px;max-width:560px}.utMenu h1{font-size:clamp(40px,7vw,68px);font-weight:800;line-height:1;letter-spacing:-1.5px}.utModes{display:grid;grid-gap:14px;gap:14px;margin-top:10px}.utMode{display:flex;align-items:center;gap:16px;width:100%;min-height:84px;padding:14px 18px;text-align:left;background:var(--card);border:var(--line);border-radius:20px;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.utMode:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.utMode:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.utMode svg{flex:none}.utModeText{display:grid;grid-gap:2px;gap:2px}.utModeText b{font-size:24px;font-weight:800;line-height:1.1}.utModeText span{font-size:15px;font-weight:700;color:var(--ink-soft);line-height:1.35}.utPlay{display:grid;grid-template-columns:1fr 1.15fr;grid-template-areas:"info board";grid-gap:24px 40px;gap:24px 40px;align-items:start;padding-top:32px}.utInfo{grid-area:info;display:grid;grid-gap:14px;gap:14px;justify-items:start}.utInfo .btn{justify-self:stretch}.utBoardCard{grid-area:board;background:var(--card);border:var(--line);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:18px}.utScores{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%}.utScores li{display:grid;grid-gap:1px;gap:1px;justify-items:center;padding:10px 8px;background:var(--card);border:var(--line);border-radius:16px;transition:transform .12s}.utScores li.A{background:#ffe2d6}.utScores li.B{background:#d8efff}.utScores li.active{transform:translateY(-3px);box-shadow:0 4px 0 var(--ink)}.utScores li.won{background:var(--sun)}.utPawnIcon{font-size:32px;line-height:1.1}.utScoreName{font-weight:800;font-size:17px}.utScoreMeta{font-size:13px;font-weight:800;color:var(--ink-soft)}.utRoll{display:flex;align-items:center;gap:16px;width:100%}.utRoll .btn{flex:1 1;min-width:0;padding:0 16px}.utDice{flex:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:72px;height:72px;padding:10px;background:#fff;border:var(--line);border-radius:16px;box-shadow:0 4px 0 var(--ink)}.utDice span{display:block;width:14px;height:14px;place-self:center;border-radius:50%}.utDice.empty{display:flex;align-items:center;justify-content:center}.utDiceEmpty{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;color:var(--ink-soft)}.utDice span.pip{background:var(--ink);animation:utPop .25s ease-out}.utStatus{width:100%;padding:14px 16px;background:var(--card);border:var(--line);border-radius:16px;font-size:20px;font-weight:800;font-family:var(--font-display);line-height:1.3}.utStatus.won{background:#d5f5e6}.utMsg{font-size:16px;font-weight:700;color:var(--ink-soft);line-height:1.4}.utBoard{container-type:inline-size;grid-template-columns:repeat(5,1fr);width:100%;max-width:480px;aspect-ratio:1;margin:0 auto;border:5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}.utBoard,.utCell{position:relative;display:grid}.utCell{min-width:0;min-height:0;background:#fff8d6;border:1px solid rgba(31,35,64,.35);place-items:center}.utCell.alt{background:#fff}.utCell.finish{background:var(--sun)}.utNum{position:absolute;top:2px;left:3px;z-index:3;min-width:1.5em;padding:0 3px;text-align:center;font-size:clamp(11px,3cqw,15px);font-weight:800;line-height:1.3;color:var(--ink);background:rgba(255,255,255,.88);border-radius:6px}.utFlag{font-size:clamp(18px,6vw,32px)}.utPawns{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:0;padding-bottom:2px;z-index:2}.utPawn{font-size:clamp(20px,6.2vw,38px);line-height:1;filter:drop-shadow(0 2px 0 rgba(31,35,64,.5))}.utPawn.A{border-bottom:4px solid var(--tomato)}.utPawn.B{border-bottom:4px solid #1f7fc8}.utPawns:has(.utPawn+.utPawn) .utPawn{font-size:clamp(16px,4.6vw,28px)}.utOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}@keyframes utPop{0%{transform:scale(.4)}to{transform:scale(1)}}@media (max-width:860px){.utPlay{grid-template-columns:1fr;grid-template-areas:"info" "board";gap:20px;padding-top:24px}.utMenu{padding-top:32px}}@media (max-width:480px){.utBoardCard{padding:10px;box-shadow:5px 5px 0 var(--ink)}.utBoard{border-width:4px}.utModeText b{font-size:21px}.utDice{width:64px;height:64px;padding:8px}.utDice span{width:12px;height:12px}}