/* Kingdom Quest v63: tactile Board Creator tiles and buttons. */
.board-flow-progress span,.format-switch label>span,.experience-switch label>span,.mode-switch label>span,.resume-saved-game,.board-flow-actions button,.board-room-button{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}
.board-flow-progress span::after,.format-switch label>span::after,.experience-switch label>span::after,.mode-switch label>span::after,.resume-saved-game::after,.board-flow-actions button::after,.board-room-button::after{content:"";position:absolute;z-index:-1;inset:-50% auto -50% -45%;width:34%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-190%) skewX(-14deg);transition:transform .55s ease}
.format-switch label:hover>span,.experience-switch label:hover>span,.mode-switch label:hover>span,.resume-saved-game:hover,.board-flow-actions button:hover,.board-room-button:hover{transform:translateY(-4px) scale(1.012);border-color:rgba(246,189,69,.8);box-shadow:0 16px 30px rgba(0,0,0,.26),0 0 0 1px rgba(246,189,69,.12),0 0 24px rgba(246,189,69,.12)}
.format-switch label:hover>span::after,.experience-switch label:hover>span::after,.mode-switch label:hover>span::after,.resume-saved-game:hover::after,.board-flow-actions button:hover::after,.board-room-button:hover::after{transform:translateX(520%) skewX(-14deg)}
.format-switch label:active>span,.experience-switch label:active>span,.mode-switch label:active>span,.resume-saved-game:active,.board-flow-actions button:active,.board-room-button:active{transform:translateY(1px) scale(.985);box-shadow:0 5px 10px rgba(0,0,0,.24)}
.format-switch input:checked+span,.experience-switch input:checked+span,.mode-switch input:checked+span{animation:kq-choice-confirm .42s ease;border-color:var(--gold);box-shadow:0 0 0 2px rgba(246,189,69,.12),0 12px 30px rgba(0,0,0,.22),inset 0 0 30px rgba(246,189,69,.06)}
.format-switch input:checked+span::before,.experience-switch input:checked+span::before,.mode-switch input:checked+span::before{content:"✓";position:absolute;top:10px;right:11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#17130a;background:var(--gold);font-size:.75rem;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.25)}
.board-flow-progress span.active{box-shadow:0 0 0 1px rgba(246,189,69,.18),0 8px 24px rgba(246,189,69,.09)}
.resume-saved-game b::before{content:"↻ ";display:inline-block;transition:transform .35s ease}.resume-saved-game:hover b::before{transform:rotate(-55deg)}
.board-flow-actions .primary,.board-room-button{background-size:200% 100%;background-position:100% 0}.board-flow-actions .primary:hover,.board-room-button:hover{background-position:0 0}
@keyframes kq-choice-confirm{0%{transform:scale(.97)}55%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(max-width:760px){.format-switch label:active>span,.experience-switch label:active>span,.mode-switch label:active>span,.resume-saved-game:active,.board-flow-actions button:active,.board-room-button:active{transform:scale(.975)}.format-switch input:checked+span::before,.experience-switch input:checked+span::before,.mode-switch input:checked+span::before{top:7px;right:7px}}
@media(prefers-reduced-motion:reduce){.board-flow-progress span,.format-switch label>span,.experience-switch label>span,.mode-switch label>span,.resume-saved-game,.board-flow-actions button,.board-room-button,.resume-saved-game b::before{animation:none!important;transition:none!important;transform:none!important}.board-flow-progress span::after,.format-switch label>span::after,.experience-switch label>span::after,.mode-switch label>span::after,.resume-saved-game::after,.board-flow-actions button::after,.board-room-button::after{display:none}}
.global-reduced-motion .board-flow-progress span,.global-reduced-motion .format-switch label>span,.global-reduced-motion .experience-switch label>span,.global-reduced-motion .mode-switch label>span,.global-reduced-motion .resume-saved-game,.global-reduced-motion .board-flow-actions button,.global-reduced-motion .board-room-button{animation:none!important;transition:none!important;transform:none!important}