.game-dialog{color:#f0eee5;background:#142630;border:1px solid #ffffff30;border-top:3px solid #f4bd68;border-radius:8px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;box-shadow:0 25px 100px #0009;font-family:system-ui}.game-dialog::backdrop{background:#020c14bf;backdrop-filter:blur(5px)}.game-dialog h2{font-size:27px;letter-spacing:-.035em;line-height:1.15;margin:0 0 15px}.game-dialog p{font-size:14px;line-height:1.75;color:#b3c5cf;overflow-wrap:anywhere;user-select:text}.game-dialog:not(.map-detail)>div{display:flex;gap:10px;margin-top:25px}.game-dialog button{min-height:48px;padding:12px 18px;flex:1;border:1px solid #ffffff30;border-radius:5px;background:#243d49;color:#e0e9e7;font-size:13px;font-weight:650;cursor:pointer}.game-dialog button.primary{background:#f4bd68;color:#18252d;border-color:#ffcf8b}.game-dialog button.danger{background:#9e473d;border-color:#df9581;color:#fff2eb}.game-dialog button:focus-visible{outline:3px solid #ffe1ac;outline-offset:3px}

/* Shared modal surfaces, scoped to game-owned dialogs. */
dialog:is(.game-dialog,.creator-dialog,.field-guide-dialog,.capture-studio,.radar-size-panel,.mirror-adjustment-panel){color:#edf3e9;background:#1c382c;border-color:#bcd4b42b;border-radius:18px;box-shadow:0 18px 64px #06170f66;color-scheme:dark}
dialog:is(.game-dialog,.creator-dialog,.field-guide-dialog,.capture-studio,.radar-size-panel,.mirror-adjustment-panel)::backdrop{background:#06170fb8;backdrop-filter:blur(4px)}
dialog.confirmation-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #bcd4b42b;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78968155 transparent}
dialog.confirmation-dialog .confirmation-mark{display:grid;place-items:center;width:32px;height:32px;margin:0 0 12px;color:#ffda79;background:#ffda790d;border-radius:10px}
dialog.confirmation-dialog[data-danger=true] .confirmation-mark{color:#e9aa94;background:#e9aa940d}
dialog.confirmation-dialog .confirmation-mark svg{width:20px;height:20px}
dialog.confirmation-dialog h2{margin:0 0 9px;font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.025em;color:#edf3e9}
dialog.confirmation-dialog p{margin:0;color:#b4c8b9;font-size:13px;line-height:1.6}
dialog.confirmation-dialog>.confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0}
dialog.confirmation-dialog>.confirmation-actions:has(>button:only-child){grid-template-columns:minmax(0,1fr)}
dialog.confirmation-dialog button{box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid #bcd4b426;border-radius:10px;background:transparent;color:#c5d8c9;font:inherit;font-size:12px;font-weight:650;line-height:1.3;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
dialog.confirmation-dialog button.primary{background:#ffda79;border-color:transparent;color:#214740}
dialog.confirmation-dialog button.danger{background:#e9aa9414;border-color:#e9aa9440;color:#f0b6a1}
dialog.confirmation-dialog button:hover{filter:brightness(1.12)}
dialog.confirmation-dialog button:focus-visible{outline:2px solid #bcd4b499;outline-offset:3px}