/* Flow layout keeps controls clear of the playing field. */
.game-guide-bar{box-sizing:border-box;display:flex;justify-content:flex-end;max-width:1160px;margin:0 auto;padding:4px 16px 10px}
#game-guide-open,#game-guide-close{font:600 14px/1.4 system-ui,sans-serif;min-height:44px;padding:10px 18px;border:1px solid #7698aa;border-radius:12px;background:#163543;color:#fff;-webkit-text-fill-color:#fff;cursor:pointer;touch-action:manipulation}
#game-guide-open:hover,#game-guide-close:hover{background:#245367;color:#fff;-webkit-text-fill-color:#fff}
#game-guide-open:focus-visible,#game-guide-close:focus-visible{outline:3px solid #20bfd8;outline-offset:3px}
#game-guide:not([open]){display:none!important}
#game-guide{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:calc(100% - 28px);max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #7698aa;border-radius:20px;background:#102a36;color:#edfaff;font:16px/1.65 system-ui,sans-serif;text-align:left;box-shadow:0 20px 70px #0008}
#game-guide::backdrop{background:#03141bcc}
#game-guide h2{margin:0 0 16px;color:#fff;font-size:24px}
#game-guide p{color:inherit;overflow-wrap:anywhere}
#game-guide .game-guide-keys{padding:12px;border-radius:10px;background:#203f4d;color:#a5f1ff;font-weight:700}
#game-guide .game-guide-note{font-size:13px;color:#c0d7e2}

#game-guide h3{margin:20px 0 10px;color:#fff;font-size:18px}#game-guide .game-guide-tactics{padding-left:22px}#game-guide .game-guide-tactics li{margin:8px 0}#game-guide .game-guide-awards{list-style:none;padding:0;display:grid;gap:8px}#game-guide .game-guide-awards li{padding:12px;border:1px solid #577786;border-radius:10px;background:#183744}#game-guide .game-guide-awards :is(strong,span,small){display:block}#game-guide .game-guide-awards span{font-size:14px;margin:4px 0}#game-guide .game-guide-awards small{color:#bfd8e3}#game-guide .game-guide-awards .is-earned{border-color:#8ac9a3;background:#1c403a}#game-guide .game-guide-awards .is-next{border-color:#e8ca83}#game-guide .game-guide-account{display:inline-block;padding:10px 14px;min-height:44px;border:1px solid #9ac4d3;border-radius:10px;color:#fff;background:#234d60;text-decoration:none}#game-guide .game-guide-account:hover{background:#30667c;color:#fff}#game-guide .game-guide-account:focus-visible{outline:3px solid #20bfd8;outline-offset:3px}

#game-guide{overscroll-behavior:contain;touch-action:pan-y}#game-guide *{touch-action:pan-y}#game-guide p,#game-guide li{user-select:text;-webkit-user-select:text}

#game-guide-close{position:sticky;top:0;z-index:1;margin-bottom:8px}

.game-guide-bar{gap:8px;flex-wrap:wrap;align-items:center}
#game-guide-goal{box-sizing:border-box;flex:1 1 230px;max-width:100%;text-align:left;overflow-wrap:anywhere;min-height:44px;padding:10px 14px;border:1px solid #987b42;border-radius:12px;background:#243439;color:#ffe4a3;-webkit-text-fill-color:#ffe4a3;font:600 14px/1.4 system-ui;cursor:pointer;touch-action:manipulation}
#game-guide-goal:hover{background:#374b4e;color:#fff0c8;-webkit-text-fill-color:#fff0c8}
#game-guide-goal:focus-visible{outline:3px solid #20bfd8;outline-offset:3px}
#game-guide-goal[hidden]{display:none}
.result-share{display:block!important;min-height:44px;margin:16px auto 4px;padding:10px 18px;border:1px solid #91c5d6;border-radius:10px;background:#153b4a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;cursor:pointer;font:600 14px system-ui}.result-share:hover{background:#24576a!important;color:#fff!important}.result-share~textarea{width:100%;min-height:100px}.game-guide-bar{flex-wrap:wrap;gap:8px}