.sdk-yokai{display:grid;place-items:center;width:88%;height:88%;flex:none;pointer-events:none;-webkit-user-select:none;user-select:none}.sdk-yokai img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;pointer-events:none}.sdk-notes .sdk-yokai{width:100%;height:100%}.sdk-play[data-symbol-mode=yokai] .sdk-key-digit{width:74%;height:74%}.sdk-key-digit .sdk-yokai{width:100%;height:100%}.sdk-key-number{position:absolute;right:12%;bottom:12%;font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.sdk-play[data-symbol-mode=yokai] .sdk-numpad small{margin-top:0}.sdk-toolbar .sdk-symbol-switch{display:inline-flex;align-items:center;gap:0;padding:2px;border:1px solid var(--sdk-paint-c8bb9150);border-radius:6px;background:var(--sdk-paint-122630);flex:0 0 auto}.sdk-symbol-switch button{min-height:34px;padding:4px 9px;border:0;border-radius:3px;font-size:12px;line-height:1.2;color:var(--sdk-paper);white-space:nowrap}.sdk-symbol-switch button[aria-pressed=true]{background:var(--sdk-paper);color:var(--sdk-ink);box-shadow:inset 0 0 0 1px var(--sdk-gold)}.sdk-symbol-switch button:focus-visible{outline:2px solid var(--sdk-gold);outline-offset:2px}.sdk-symbol-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px;list-style:none;padding:20px 0}.sdk-symbol-legend li{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.sdk-symbol-legend .sdk-yokai{width:76px;height:76px}.sdk-symbol-legend li>span:last-child{font-size:12px}.sdk-symbol-legend b{color:var(--sdk-gold);font-variant-numeric:tabular-nums}@media(max-width:380px){.sdk-symbol-switch button{padding-inline:7px;font-size:11px}.sdk-key-number{font-size:9px}}