.key-interface{position:absolute;inset:0;pointer-events:none;color:#fff6ee;z-index:2;padding:16px 16px 0;font-family:inherit}.key-race-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;text-shadow:0 2px 10px #302d4e66}.key-race-hud small{font-size:8px;letter-spacing:1.7px;font-weight:800;display:block;margin-bottom:5px}.key-race-hud b{font-size:18px;letter-spacing:-.5px}.key-race-hud button{pointer-events:auto;background:#fff4e3eb;box-shadow:0 3px 0 #7b6c8e3d;color:#65516e;width:44px;height:44px;border:1px solid #fff7e8;border-radius:14px;font-size:23px}.key-progress{height:4px;border-radius:9px;background:#fff3;margin-top:13px;overflow:hidden}.key-progress i{display:block;height:100%;background:#ffe6ae;border-radius:9px;transition:width .18s linear}.key-race-stats{display:flex;justify-content:space-between;margin-top:9px;gap:7px;font-size:10px;font-weight:800;text-shadow:0 2px 8px #37314888}.key-race-stats [data-key-hearts]{color:#fff3d8;letter-spacing:3px;font-size:14px;line-height:12px}.key-moment{position:absolute;left:50%;top:22%;transform:translate(-50%,-5px);width:max-content;max-width:90%;padding:9px 13px;border-radius:20px;background:#fff5e9eb;box-shadow:0 5px 22px #49345418;color:#6c5973;font-size:10px;font-weight:800;opacity:0;transition:opacity .2s,transform .2s}.key-moment.visible{opacity:1;transform:translate(-50%,0)}.key-thumb-controls{position:absolute;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:12px}.key-thumb-controls>div{display:flex;gap:10px}.key-thumb-controls button{pointer-events:auto;touch-action:none;width:60px;height:57px;border:1px solid #fff7e9b3;border-radius:18px;background:#fff3e5dd;box-shadow:0 5px 0 #6451724d,0 10px 24px #46334f18;color:#6c587b;font-size:27px;backdrop-filter:blur(8px);transition:transform .12s,box-shadow .12s}.key-thumb-controls .key-jump{height:72px;width:84px;background:#f7dfb2ed;color:#6d5470;border-color:#fff2d7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.key-jump b{font-size:30px;line-height:32px}.key-jump span{font-size:10px;font-weight:800}.key-thumb-controls button.held{transform:translateY(4px);box-shadow:0 1px 0 #6451724d}.key-sheet{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;overflow:auto;background:linear-gradient(#302b4c24,#34254078);padding:16px;backdrop-filter:blur(5px)}.key-sheet[hidden]{display:none}.key-sheet>section{width:min(100%,360px);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:25px 22px 20px;border-radius:25px;background:linear-gradient(155deg,#fff8ec,#eee2e6);box-shadow:0 15px 55px #30223d38;color:#65516e;border:1px solid #fff7e6;text-align:center}.key-sheet small{display:block;font-size:8px;letter-spacing:1.9px;color:#a47d83;font-weight:900}.key-sheet h3{font-size:25px;font-weight:900;margin:12px 0 10px;letter-spacing:-1px;color:#5d4d6a;line-height:1.3}.key-sheet p{font-size:11px;line-height:1.8;color:#91798c;margin:0 0 17px}.key-mission{display:flex;flex-direction:column;gap:9px;text-align:left;padding:16px 15px;border-radius:15px;background:#e4d8e45c;border:1px solid #cbb8d149;margin:20px 0;color:#826b8c;font-size:11px;font-weight:700}.key-control-tip{display:flex;gap:12px;justify-content:center;margin:17px 0}.key-control-tip>span{display:flex;flex-direction:column;font-size:24px;color:#8b7395;font-weight:800;gap:6px}.key-control-tip b{font-size:9px;font-weight:600}.key-sheet .key-small{font-size:9px;margin:14px 0}.key-sheet button{font-family:inherit;cursor:pointer}.key-primary{display:block;width:100%;min-height:48px;padding:13px 16px;border-radius:14px;border:1px solid #c7aed7;background:linear-gradient(110deg,#9c7bb2,#7f669f);color:#fff8eb;font-size:13px;font-weight:800;box-shadow:0 4px 0 #6f568a;margin:8px 0 5px}.key-subtle,.key-sheet-actions button{min-height:44px;background:transparent;color:#8d7299;font-size:10px;border:0;padding:10px 4px}.key-sheet-actions{display:flex;justify-content:center;gap:15px;margin-top:10px}.key-map{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.key-map button{min-height:49px;border:1px solid #cdbbd5;border-radius:10px;background:#fbf2ed;color:#8c7196;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.key-map button b{font-size:13px}.key-map button span{font-size:8px;color:#bb9562;min-height:10px;letter-spacing:0}.key-map button:disabled{opacity:.4}.key-map button.selected{background:#a88ab6;color:#fff8ea;border-color:#9976a8}.key-map button.selected span{color:#fff0c5}.key-closet{text-align:left;margin:21px 0 15px}.key-closet h4{display:flex;justify-content:space-between;font-size:13px;margin:0 0 12px;color:#7b6488}.key-closet h4>span{font-size:11px;color:#ab845a}.key-closet>button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;border:1px solid #d7c7d8;border-radius:11px;background:#fff5eb8c;margin-top:7px;padding:7px 10px;color:#846b8e;font-size:10px}.key-closet>button.selected{border-color:#a28aac;background:#e2d5e6}.key-closet>button:disabled{opacity:.5}.key-closet i{height:27px;width:24px;border-radius:10px 10px 7px 7px;border:1px solid #9a85933b;box-shadow:inset 0 -5px 0 #a09ab533}.key-closet b{margin-left:auto;font-size:9px}.key-big-stars{color:#c4a26c;font-size:43px;letter-spacing:3px;margin:15px 0}.key-result{display:flex;justify-content:space-around;margin:19px 0 13px;padding:16px 5px;border-top:1px solid #d5c5d488;border-bottom:1px solid #d5c5d488}.key-result span{font-size:8px;color:#a18b9f}.key-result b{display:block;font-size:20px;color:#80668d;margin-bottom:6px}.key-sheet .key-reward{font-size:10px;color:#a7804e;margin-bottom:17px}.key-journey .game-feedback{display:none}@media(max-height:650px){.key-interface{padding:10px 12px 0}.key-race-hud b{font-size:15px}.key-race-hud small{font-size:7px;margin-bottom:4px}.key-progress{margin-top:8px}.key-race-stats{font-size:8px;margin-top:7px}.key-sheet{padding:10px}.key-sheet>section{padding:18px 17px 15px;border-radius:20px}.key-sheet h3{font-size:21px;margin-top:9px}.key-sheet p{font-size:10px;margin-bottom:12px}.key-mission{margin:13px 0;padding:12px;gap:7px;font-size:10px}.key-control-tip{margin:12px 0}.key-thumb-controls{bottom:13px;left:13px;right:13px}.key-thumb-controls button{width:53px;height:49px}.key-thumb-controls .key-jump{width:74px;height:62px}.key-big-stars{font-size:34px;margin:10px 0}.key-result{margin:12px 0;padding:10px 0}.key-map{gap:5px}.key-map button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.key-progress i,.key-moment,.key-thumb-controls button{transition:none}}

.arcade-app .key-primary{color:#fff8eb!important}.arcade-app .key-race-hud button{color:#65516e}.arcade-app .key-map button.selected{color:#fff8ea}.arcade-app .key-thumb-controls button{color:#6c587b}

.key-map{grid-template-columns:repeat(4,1fr)}