.note-guide{display:flex;flex:none;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;padding:0;max-width:100%;color:inherit}
.note-guide a.note-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:6px 10px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:400 13px/1.6 "Yu Gothic",Meiryo,sans-serif;letter-spacing:normal;text-decoration:underline;text-underline-offset:4px;white-space:normal;touch-action:manipulation;cursor:pointer}
.note-guide a.note-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.note-play{opacity:.8}.note-clear,.note-intermediate{margin-top:16px}
[data-note-work=code]>footer{flex-wrap:wrap;gap:0;padding-bottom:12px}
[data-note-work=code]>footer .note-play{flex-basis:100%;margin-top:4px}
[data-note-work=plan] .app>footer{gap:6px}
[data-note-work=plan] .app>footer .note-guide{margin:0;color:#aab9d2}
[data-note-work=plan] .app>footer button{padding-inline:5px}
[data-note-work=plan] .app>footer .note-link{font-size:11px;padding-inline:3px}
[data-note-work=world] main>.note-clear{margin:0}

/* Reserve the play area before start so the note link stays in place. */
[data-note-work=detective] #game[hidden]{display:block!important;visibility:hidden;pointer-events:none}

/* Text navigation links remain identifiable without hovering. */
body[data-note-work] a.note-link,body[data-note-work] .clear-links a{ text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px; }