/* Twelve Kishin: celestial board and regular pentagonal seals. Scoped to this game. */
html[data-practice-game=kishin] #board-frame{background:#030a1d;border-color:#a7b1c8;box-shadow:0 0 0 1px #687796,0 8px 22px #0006}
html[data-practice-game=kishin] #board-frame::before{inset:0;background:linear-gradient(#040a1710,#040a1710),url('./kishin-cosmos.webp') center/100% 100%;filter:none!important;opacity:1}
html[data-practice-game=kishin] #board{background:transparent!important}
html[data-practice-game=kishin] #board .square{background:transparent;border-color:#b8c8e580}
html[data-practice-game=kishin] #board.dark-board .square.fog{background:#01061528}
html[data-practice-game=kishin] #board .square.selected{background:#79baff26!important;box-shadow:inset 0 0 0 2px #f5d996!important}
html[data-practice-game=kishin] #board .square.last{box-shadow:inset 0 0 0 2px #d1b277aa}
html[data-practice-game=kishin] #board .square.target::after{background:#f1d480;border:1px solid #fff4c8;box-shadow:0 0 5px #040918}
html[data-practice-game=kishin] :is(.file-labels,.rank-labels){color:#eee4cd;text-shadow:0 1px 3px #000,0 0 3px #000}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) :is(#board .square>.kishin-disc,.hand .kishin-disc){background:transparent url('./kishin-seal-blue.svg') center/100% 100% no-repeat!important;border:0!important;color:#fff0cf!important;text-shadow:0 1px 2px #000,0 0 1px #000;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:900;isolation:isolate}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) :is(#board .square>.kishin-disc.gote,.hand .kishin-disc.gote){background-image:url('./kishin-seal-red.svg')!important}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) #board .square>.kishin-disc .board-character-label{color:inherit!important;position:relative;transform:translateY(2%);font-size:inherit;line-height:1}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) #board .square>.kishin-disc.promoted{color:#ff343e!important;text-shadow:0 1px 1px #17000a,0 0 1px #fff0ba!important}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) #board .piece-threat-one>.kishin-disc{filter:drop-shadow(0 0 2px #ffa640);background-color:#8a471c!important;background-blend-mode:screen}
html[data-practice-game=kishin]:not([data-kishin-shape=disc]) #board .piece-threat-many>.kishin-disc{background-image:url('./kishin-seal-warning.svg')!important}
html[data-practice-game=kishin] .hand{background:linear-gradient(120deg,#0a1429,#191426);border-color:#515773}
@media(max-width:600px){html[data-practice-game=kishin]:not([data-kishin-shape=disc]) #board .square>.kishin-disc{font-size:clamp(18px,5.3vw,30px)}}

/* The visual choices never reset the match or change game rules. */
.experience-title-row{flex-wrap:wrap;gap:8px}
#kishin-design-open{margin-left:auto}
#kishin-design-dialog{width:min(460px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:20px}
#kishin-design-dialog h2{margin:0 0 16px;font-size:20px}
#kishin-design-dialog label{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:15px}
#kishin-design-dialog select{max-width:65%}
#kishin-design-dialog form{text-align:right}
html[data-practice-game=kishin][data-kishin-board=wood] #board-frame{background:#ddb577;border-color:#795029}
html[data-practice-game=kishin][data-kishin-board=wood] #board-frame::before{background:#ddb577 url('./wood/honey-wood.webp') center/cover;filter:none!important}
html[data-practice-game=kishin][data-kishin-board=wood] #board .square{border-color:#60411dcc}
html[data-practice-game=kishin][data-kishin-board=wood] :is(.file-labels,.rank-labels){color:#38220d;text-shadow:none}
html[data-practice-game=kishin][data-kishin-board=wood] #board.dark-board .square.fog{background:#251b151c}
html[data-practice-game=kishin][data-kishin-board=wood] #board .square.selected{background:#e9b33c55!important;box-shadow:inset 0 0 0 2px #764609!important}
html[data-practice-game=kishin][data-kishin-board=wood] #board .square.target::after{background:#247280;border-color:#102f40}
html[data-practice-game=kishin][data-kishin-board=wood] #board .square.last{box-shadow:inset 0 0 0 2px #965918a0}