/* The Stone kit renderer (ui/kit/stone.js). Kit art only: colours, frames and
   type come from the imported panels, not from here. */
@font-face { font-family: 'Changa'; src: url(fonts/Changa.ttf) format('truetype'); font-weight: 200 800; font-display: block; }

.sk-host { position: fixed; inset: 0; z-index: 50; overflow: hidden; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.sk-stage { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; transform-origin: 0 0; font-family: 'Changa', system-ui, sans-serif; line-height: normal; }
.sk { position: absolute; box-sizing: border-box; }
.sk[hidden], .sk-art[hidden] { display: none; }
.sk-art { position: absolute; inset: 0; box-sizing: border-box; pointer-events: none; }
.sk-patch { display: block; width: 100%; height: 100%; }
.sk-text { display: flex; white-space: pre; overflow: visible; }
.sk-slot { position: absolute; inset: 0; }

/* Controls: invisible, over the kit art, never smaller than 44 CSS px (--sk-hit is 44 px in design px). */
.sk-hit { position: absolute; inset: 0; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; touch-action: manipulation; z-index: 1; }
.sk-hit::after { content: ''; position: absolute; left: 50%; top: 50%; width: max(100%, var(--sk-hit, 0px)); height: max(100%, var(--sk-hit, 0px)); transform: translate(-50%, -50%); }
.sk-hit:focus { outline: none; }
/* The focus ring only while the player moves through a screen with Tab (stone.js sets
   sk-keys); a click, a tap or a focus the game moves after Esc never shows it. */
html.sk-keys .sk-hit:focus-visible { outline: 4px solid rgba(255, 214, 120, 0.9); outline-offset: 4px; border-radius: 12px; }
.sk-slider { touch-action: none; }
.sk-input { position: absolute; box-sizing: border-box; margin: 0; padding: 0; border: 0; background: transparent; font-family: 'Changa', system-ui, sans-serif; outline: none; }