.level-note{z-index:46;align-items:center;display:inline-flex;position:relative}.level-note[data-open=true]{z-index:100}.level-note__trigger{border:1px solid var(--level-note-accent);background:var(--level-note-surface);max-width:min(42vw,190px);min-height:34px;color:var(--level-note-accent);cursor:pointer;touch-action:manipulation;pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.level-note__trigger-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.level-note__trigger:focus-visible{outline-offset:2px;outline:2px solid #fff}.level-note__key{text-align:center;border:1px solid;border-radius:4px;flex:none;min-width:18px;padding:2px 4px;font:700 10px/1 monospace}.level-note__screen{z-index:70;width:100%;padding:calc(env(safe-area-inset-top,0px) + var(--level-note-hud-height) + 20px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 48px) calc(env(safe-area-inset-left,0px) + 14px);color:#f8fafc;box-sizing:border-box;touch-action:manipulation;cursor:pointer;pointer-events:auto;border:0;place-items:center;animation:.22s ease-out both level-note-backdrop-enter;display:grid;position:fixed;inset:0}.level-note__screen--closing{pointer-events:none;animation:.2s ease-in both level-note-backdrop-exit}.level-note__screen--automatic{background:#00000052}.level-note__screen--open{background:#0000007a}.level-note__screen:focus-visible .level-note__card{outline-offset:3px;outline:2px solid #fff}.level-note__card{border:2px solid var(--level-note-accent);background:var(--level-note-surface);width:max-content;min-width:min(240px,100%);max-width:min(480px,100%);max-height:min(60dvh,360px);box-shadow:0 14px 40px #0009, 0 0 22px var(--level-note-glow);box-sizing:border-box;border-radius:14px;place-items:center;padding:clamp(18px,3vw,28px);animation:.24s cubic-bezier(.16,1,.3,1) both level-note-enter;display:grid;position:relative;overflow:auto}.level-note__screen--closing .level-note__card{animation:.2s cubic-bezier(.4,0,1,1) both level-note-exit}.level-note__card-key{color:var(--level-note-accent);opacity:.78;font:700 11px/1 monospace;position:absolute;top:7px;right:8px}.level-note__text{overflow-wrap:anywhere;white-space:pre-line;text-align:center;width:100%;font-size:clamp(20px,4vw,32px);font-weight:800;line-height:1.3;display:block}.level-note[data-note-theme=arcade] .level-note__trigger,.level-note[data-note-theme=arcade] .level-note__card{border-radius:0}.level-note[data-note-theme=arcade] .level-note__card{box-shadow:5px 5px 0 #000, 0 0 18px var(--level-note-glow);font-family:monospace}.level-note[data-note-theme=blueprint] .level-note__card{border-style:dashed;border-radius:2px;box-shadow:0 12px 30px #0000008c}.level-note[data-note-theme=cosmic] .level-note__card{border-radius:24px}.level-note[data-note-theme=legacy] .level-note__card{border-radius:4px;box-shadow:0 12px 30px #0009}@keyframes level-note-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes level-note-backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes level-note-enter{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes level-note-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@media (max-width:520px){.level-note__trigger{max-width:42px;padding:0 9px}.level-note__trigger-label,.level-note__keyboard-key{display:none}.level-note__trigger[data-gamepad=true]{max-width:70px}}@media (max-height:460px){.level-note__screen{padding-bottom:12px;padding-top:calc(env(safe-area-inset-top,0px) + var(--level-note-hud-height) + 12px)}.level-note__card{max-height:48dvh;padding:12px 16px}.level-note__text{font-size:20px}}@media (prefers-reduced-motion:reduce){.level-note__screen,.level-note__screen--closing,.level-note__card,.level-note__screen--closing .level-note__card{animation:none}}
.hint-dock{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:min(640px,100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hint-dock__panel{color:#cbd5e1;pointer-events:auto;background:#080d1ae6;border:1px solid #94a3b82e;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;padding:6px 6px 6px 12px;font-size:clamp(11px,3.2vw,13px);font-weight:600;animation:.25s ease-out hint-dock-in;display:flex;box-shadow:0 6px 18px #00000059}.hint-dock__panel[data-focused=true]{border-color:#facc1559}.hint-dock__title{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hint-dock__bulb{color:#facc15;opacity:.85;flex:none}.hint-dock__options{align-items:center;gap:4px;display:flex}.hint-dock__option,.hint-dock__close{color:#e2e8f0;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#94a3b81a;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;transition:background .15s,border-color .15s;display:inline-flex}.hint-dock__option{min-height:30px;padding:0 10px}.hint-dock__option svg{color:#fde68a;opacity:.8;flex:none}.hint-dock__close{color:#94a3b8;background:0 0;width:30px;height:30px;padding:0}.hint-dock__option:hover,.hint-dock__close:hover{background:#94a3b833}.hint-dock__option[data-selected=true],.hint-dock__close[data-selected=true]{background:#facc151a;border-color:#facc15b3}.hint-dock__status{padding:6px 12px}.hint-dock__request{padding:3px}.hint-dock__request .hint-dock__option{color:#cbd5e1;background:0 0}.hint-dock__thermal{gap:6px;padding:3px 3px 3px 12px}.hint-dock__keys{gap:3px;display:inline-flex}.hint-dock__key{color:#94a3b8;text-align:center;border:1px solid #94a3b859;border-radius:4px;min-width:16px;padding:2px 4px;font:700 10px/1 monospace}@keyframes hint-dock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px),(hover:none) and (pointer:coarse){.hint-dock__keyboard-key{display:none}}@media (max-width:380px){.hint-dock__panel{padding-left:8px}.hint-dock__option{padding:0 8px}}@media (prefers-reduced-motion:reduce){.hint-dock__panel{animation:none}}