.skr-root{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%}.skr-root:active{cursor:grabbing}.skr-root .ka-btn{cursor:pointer}.skr-root>.ka-shell{max-width:max(300px, var(--skr-w,640px))}.skr-wrap{justify-content:center;width:100%;display:flex}.skr-board{aspect-ratio:360/560;border-radius:var(--r-md);background:var(--paper);width:min(100%,360px);box-shadow:var(--hard);flex-shrink:0;position:relative;overflow:hidden}.skr-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.skr-canvas{width:100%;height:100%;display:block}.skr-overlay{z-index:3;text-align:center;pointer-events:none;animation:skr-fade .18s var(--ease-out);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 18px 10%;display:flex;position:absolute;inset:0}.skr-overlay--mid{justify-content:flex-start;padding:26% 18px 0}.skr-overlay--pause{background:#fff7dd99;justify-content:center;padding-bottom:0}.skr-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:100%;box-shadow:var(--hard);animation:skr-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;padding:12px 18px 13px;display:flex}.skr-overlay--start .skr-card{animation:skr-pop .32s var(--ease-spring), skr-bob 1.8s .32s ease-in-out infinite}.skr-card-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(20px,5.5vw,26px);font-weight:800;line-height:1.05}.skr-card-sub{color:var(--ink-2);text-wrap:balance;margin:0;font-size:14px;font-weight:650}@keyframes skr-fade{0%{opacity:0}}@keyframes skr-pop{0%{opacity:0;transform:translateY(10px)scale(.92)rotate(-2deg)}}@keyframes skr-bob{50%{transform:translateY(-4px)}}.skr-hint-touch{display:none}@media (pointer:coarse){.skr-hint-keys{display:none}.skr-hint-touch{display:inline}}.skr-dialog-hint{color:var(--ink-3);text-align:center;margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.skr-dialog-hint{display:none}}@media (prefers-reduced-motion:reduce){.skr-overlay,.skr-card,.skr-overlay--start .skr-card{animation:none}}.skr-zone{z-index:3;pointer-events:none;text-align:center;animation:skr-zone 1.6s var(--ease-out) both;justify-content:center;display:flex;position:absolute;inset:15% 12px auto}.skr-zone-name{font-family:var(--font-display);font-weight:800;font-size:clamp(28px, calc(var(--skr-w,360px) * .105), 44px);letter-spacing:-.035em;color:var(--white);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);text-wrap:balance;margin:0;line-height:1}@keyframes skr-zone{0%{opacity:0;transform:translateY(12px)scale(.85)rotate(-3deg)}14%{opacity:1;transform:translateY(0)scale(1.04)rotate(0)}22%{transform:scale(1)}78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.skr-zone{animation:.2s linear both skr-fade}}.skr-speed{z-index:3;background:var(--white);border:var(--edge);box-shadow:var(--hard-sm);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);pointer-events:none;border-radius:999px;padding:3px 10px 4px;font-size:14px;font-weight:800;position:absolute;top:12px;right:12px}