#moscowWelcome{width:min(720px,94vw);max-height:92vh;overflow:auto;border:1px solid #58778b;border-radius:12px;padding:26px;color:#153247;background:#f8f8f4}#moscowWelcome::backdrop{background:#102838db}#moscowWelcome h1{font-family:Georgia,serif;font-size:2rem}#moscowWelcome p{line-height:1.65}#moscowWelcome svg{width:100%;max-height:220px}.welcome-top,.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.welcome-top span,.welcome-credit{font-size:.8rem}.welcome-note{padding:12px 16px;background:#e7eef1;border-left:3px solid #b18c42}#moscowWelcome button{min-height:44px;padding:10px;font:inherit}.lesson-counter.move.animate,.lesson-counter.combat.animate{animation:walkHexes 2.6s ease forwards}.lesson-counter.unit.animate,.lesson-counter.setup.animate,.lesson-counter.phase.animate{animation:counterPulse 1.5s ease}@keyframes walkHexes{0%{transform:translate(78px,68px)}45%{transform:translate(168px,68px)}65%{transform:translate(168px,68px)}100%{transform:translate(258px,68px)}}@keyframes counterPulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.lesson-counter.animate{animation:none!important}.lesson-counter.move.animate,.lesson-counter.combat.animate{transform:translate(258px,68px)}}@media print{#moscowWelcome{display:none!important}}
#moscowWelcome{max-width:min(720px,94vw)}
.lesson-counter.four-moves.animate{animation:fourHexMoves 4s ease forwards}
@keyframes fourHexMoves{0%{transform:translate(33px,53px)}25%{transform:translate(123px,53px)}50%{transform:translate(213px,53px)}75%{transform:translate(303px,53px)}100%{transform:translate(393px,53px)}}
@media(prefers-reduced-motion:reduce){.lesson-counter.four-moves.animate{animation:none!important;transform:translate(393px,53px)}}
#moscowWelcome .dice-button{display:flex;flex-direction:column;align-items:center;gap:14px;background:transparent;border:0;padding:18px 24px;color:#153247;cursor:pointer}.dice-face{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:84px;height:84px;box-sizing:border-box;padding:14px;background:linear-gradient(135deg,#fff,#e1e7ec);border:2px solid #466071;border-radius:16px;box-shadow:5px 7px 0 #a4b2bc,8px 12px 16px #15324726}.dice-pip{width:12px;height:12px;border-radius:50%;background:#153247;opacity:0}.visible-pip{opacity:1}.dice-caption{font-size:14px;font-weight:600}.dice-button:hover .dice-face{border-color:#916712}.dice-button:focus-visible{outline:3px solid #916712;outline-offset:3px}.dice-button.tumbling .dice-face{animation:dice-tumble .8s ease-in-out}.dice-button:disabled{opacity:1;cursor:wait}@keyframes dice-tumble{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-25deg) translateY(-16px)}50%{transform:rotate(110deg) translateY(-8px)}75%{transform:rotate(200deg) translateY(-14px)}100%{transform:rotate(360deg) translateY(0)}}@media(prefers-reduced-motion:reduce){.dice-button.tumbling .dice-face{animation:none}}
.tutorial-crt{margin:20px 0;padding:16px;border:1px solid #8d9da6;border-radius:8px;background:#fff}.tutorial-dice-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tutorial-die{font-size:64px;line-height:1.2;color:#153247}.tutorial-crt select{font:inherit;min-height:44px}.tutorial-table-scroll{overflow-x:auto}.tutorial-crt table{width:100%;border-collapse:collapse;margin:12px 0}.tutorial-crt caption{text-align:left;font-weight:bold;padding:8px 0}.tutorial-crt th,.tutorial-crt td{text-align:center;padding:10px 7px;border:1px solid #a5b2bb;color:#153247;background:#fff}.tutorial-crt .odds-column{background:#e6eef3}.tutorial-crt .selected-result{outline:3px solid #916712;outline-offset:-3px;background:#ffe7a6;font-weight:bold}.tutorial-crt .selected-row{background:#ffe7a6}.practice-outcome{padding:12px;border-left:4px solid #916712;background:#fff4d5}.tutorial-die.rolled{animation:practice-roll .35s ease}@keyframes practice-roll{50%{transform:rotate(20deg) scale(1.15)}}@media(prefers-reduced-motion:reduce){.tutorial-die.rolled{animation:none}}
