.magic-keyboard-container[data-v-7cf70fe5]{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#222;overflow:hidden}.page-h1-game-magic-keyboard[data-v-7cf70fe5]{width:100%;margin:0;padding:10px 16px 0;text-align:center;font-size:1rem;font-weight:700;color:rgba(255,255,255,.72);letter-spacing:.02em}.mk-stage[data-v-7cf70fe5]{position:relative;flex:1;min-height:0;overflow:hidden}.mk-canvas[data-v-7cf70fe5]{display:block;width:100%;height:100%;background-color:#222;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}.mk-hint[data-v-7cf70fe5]{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:26px;color:rgba(255,255,255,.82);font-family:Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;pointer-events:none}.mk-blink[data-v-7cf70fe5]{display:inline-block;margin-left:2px;animation:mk-blink-7cf70fe5 1s steps(1) infinite}@keyframes mk-blink-7cf70fe5{50%{opacity:0}}.mk-corner[data-v-7cf70fe5]{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;pointer-events:none}.mk-chip[data-v-7cf70fe5]{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.78);font-size:12px;line-height:1.6}.mk-mute[data-v-7cf70fe5]{pointer-events:auto;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:rgba(255,255,255,.82);font-size:12px;cursor:pointer}.mk-mute[data-v-7cf70fe5]:hover{background:rgba(255,255,255,.18)}.mk-back[data-v-7cf70fe5]{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.32);color:rgba(255,255,255,.72);font-size:12px;text-decoration:none}.mk-back[data-v-7cf70fe5]:hover{color:#fff;background:rgba(0,0,0,.5)}@media(max-width:768px){.mk-hint[data-v-7cf70fe5]{font-size:20px}}body:has(.magic-keyboard-container) .breadcrumb-container{background:#222!important;border-bottom-color:transparent!important;margin-bottom:0!important}body:has(.magic-keyboard-container) .breadcrumb-container a,body:has(.magic-keyboard-container) .breadcrumb-container li:not(:last-child){color:rgba(255,255,255,.55)!important}body:has(.magic-keyboard-container) .breadcrumb-container a:hover{color:#fff!important}body:has(.magic-keyboard-container) .breadcrumb-container .text-gray-900{color:rgba(255,255,255,.85)!important}