/* Shared effects stay outside the board layout and never intercept play. */
html[data-kg-theme]{min-width:0}
.kg-effects-toggle{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:1px solid var(--kg-line,#354039)!important;border-radius:12px!important;background:var(--kg-panel,#18241d)!important;color:var(--kg-text,#f7f3e8)!important;cursor:pointer;box-shadow:none!important}
.kg-effects-toggle:hover{border-color:var(--kg-accent,#d5fa63)!important}.kg-effects-toggle:focus-visible{outline:3px solid var(--kg-accent,#d5fa63);outline-offset:3px}.kg-sound-slash,[data-muted='true'] .kg-sound-waves{display:none}[data-muted='true'] .kg-sound-slash{display:block}
#kg-effects-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--kg-line,#354039);border-radius:22px;background:var(--kg-panel,#18241d);color:var(--kg-text,#f7f3e8);box-shadow:0 24px 90px #0007;font:16px/1.5 system-ui,sans-serif;z-index:10010;text-align:left}#kg-effects-dialog::backdrop{background:#07100cc2;backdrop-filter:blur(5px)}#kg-effects-dialog *{box-sizing:border-box}#kg-effects-dialog form{display:block;margin:0}.kg-effects-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:25px}#kg-effects-dialog h2{font:750 25px/1.2 system-ui,sans-serif;color:inherit;margin:5px 0 0;letter-spacing:-.6px}#kg-effects-dialog small{display:block;color:var(--kg-muted,#bdc9bf);font:12px/1.5 system-ui,sans-serif}.kg-effects-heading>div>small{font-size:9px!important;letter-spacing:1.7px;font-weight:700!important}#kg-effects-dialog button{font:600 14px/1.4 system-ui,sans-serif;cursor:pointer}.kg-effects-close{min-width:44px;height:44px;border-radius:50%;border:1px solid var(--kg-line,#354039);background:transparent;color:inherit;font-size:27px!important}.kg-effects-switch{display:flex!important;justify-content:space-between;align-items:center;gap:20px;color:inherit!important}.kg-effects-switch strong{font-weight:650}#kg-effects-dialog [name='sound']{appearance:auto!important;width:24px;height:24px;accent-color:var(--kg-accent,#d5fa63);flex:none}#kg-effects-dialog .kg-effects-volume{display:flex;justify-content:space-between;margin-top:26px;color:inherit}#kg-effects-dialog output{color:var(--kg-muted,#bdc9bf)}#kg-effects-dialog [type='range']{appearance:auto!important;width:100%;height:34px;margin:5px 0 18px;accent-color:var(--kg-accent,#d5fa63);padding:0;background:transparent}#kg-effects-dialog .kg-effects-motion{display:block;color:inherit}#kg-effects-dialog select{display:block;appearance:auto!important;width:100%;min-height:46px;margin-top:8px;padding:9px 12px;background:var(--kg-bg,#0c1510);color:inherit;border:1px solid var(--kg-line,#354039);border-radius:10px;font:16px/1.5 system-ui,sans-serif}#kg-effects-dialog p{font:13px/1.55 system-ui,sans-serif;color:var(--kg-muted,#bdc9bf);margin:19px 0}#kg-effects-dialog .kg-effects-preview{min-height:46px;width:100%;padding:10px 16px;border:0;border-radius:10px;background:var(--kg-accent,#d5fa63);color:var(--kg-bg,#0c1510)}#kg-effects-dialog :is(button,input,select):focus-visible{outline:3px solid var(--kg-accent,#d5fa63);outline-offset:3px}
.kg-feedback-banner{position:fixed;z-index:9998;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);padding:12px 19px 12px 12px;border:1px solid #d5fa6380;border-radius:18px;background:#17271ff2;color:#f9f7ec;box-shadow:0 10px 35px #0005;pointer-events:none;font:600 15px/1.4 system-ui,sans-serif;animation:kg-feedback-enter .25s ease-out}.kg-feedback-badge{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#d5fa63;color:#1b2812;font-size:20px}.kg-feedback-banner[data-kind='loss']{border-color:#bed0ca80}.kg-feedback-banner[data-kind='loss'] .kg-feedback-badge{background:#c9d6d0}.kg-feedback-confetti{position:fixed;inset:0;overflow:hidden;z-index:9997;pointer-events:none;contain:strict}.kg-feedback-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:13px;border-radius:2px;animation:kg-confetti-fall 2.6s var(--delay) cubic-bezier(.17,.5,.42,1) both}@keyframes kg-confetti-fall{0%{transform:translate(0,-20px) rotate(0);opacity:1}85%{opacity:.9}100%{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:0}}@keyframes kg-feedback-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
html[data-kg-motion='reduced'] .kg-feedback-banner{animation:none}html[data-kg-motion='reduced'] .kg-feedback-confetti{display:none}html[data-kg-motion='reduced'] :is(.board,.board-wrap,.board-stage,.table-wrap,.sol-felt,.mancala-board,.backgammon-board,#board) *,html[data-kg-motion='reduced'] [data-kg-native-motion]{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html[data-kg-motion='reduced'] *,html[data-kg-motion='reduced'] *::before,html[data-kg-motion='reduced'] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html:not([data-kg-motion='full']) .kg-feedback-banner{animation:none}html:not([data-kg-motion='full']) .kg-feedback-confetti{display:none}}
@media(max-width:640px){.kg-shell>.kg-navigation{grid-template-columns:minmax(0,1fr) auto 44px 44px!important;gap:8px!important}.kg-navigation>.kg-effects-toggle{grid-column:4;grid-row:1}.kg-navigation .kg-current{grid-column:2/5!important}.kg-home .site-header{gap:8px!important}.kg-feedback-banner{font-size:14px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:440px){.kg-shell>.kg-navigation{grid-template-columns:minmax(0,1fr) 44px 44px 44px!important}.kg-home .site-header .site-brand{font-size:17px!important;gap:5px!important}.kg-home .site-header .site-brand img{width:28px!important;height:28px!important}.kg-home .site-header .browse-button{width:44px!important;min-width:44px!important;padding:0!important}.kg-home .site-header .browse-button span{display:none}.kg-home .site-header .browse-button{font-size:0}.kg-home .site-header .browse-button svg{width:19px;height:19px}}
@media(max-width:360px){.kg-home .site-header .site-brand{font-size:15px!important;gap:4px!important}.kg-home .site-header .site-brand img{width:26px!important;height:26px!important}.kg-home .site-header{gap:6px!important}body[data-kg-game='spell-riot'] .hero-visual{overflow:clip}}
@media(max-width:760px){body[data-kg-game='crownfall'] .setup{grid-template-columns:minmax(0,1fr)}body[data-kg-game='crownfall'] .setup>*{min-width:0}body[data-kg-game='crownfall'] .intro h1{font-size:clamp(38px,11vw,55px)}}