.guardian-dialog { box-sizing:border-box; width:min(620px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid #c1a35e; border-radius:18px; color:#f0e5cb; background:#0b1512; box-shadow:0 0 0 4px #090e0ccf,0 24px 100px #000b; font:15px/1.55 Georgia,serif; color-scheme:dark; }
.guardian-dialog::backdrop { background:#020705bb; backdrop-filter:blur(5px); }
.guardian-dialog * { box-sizing:border-box; }
.guardian-shell { background:radial-gradient(ellipse at 10% 0%,#203f2c88,transparent 55%),linear-gradient(145deg,#0d1b16,#080f0e); }
.guardian-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:25px 28px 18px; }
.guardian-eyebrow { font:10px/1.5 Georgia,serif; letter-spacing:2px; color:#b9a66f; }
.guardian-dialog h1 { color:#f1d595; font:700 30px/1.2 MpFontDisplay,Georgia,serif; margin:6px 0 0; }
.guardian-close { border:1px solid #b49c5c77; border-radius:50%; background:#14251b; color:#e9d7a7; font:28px/1 Arial,sans-serif; width:42px; height:42px; cursor:pointer; flex-shrink:0; }
.guardian-tabs { display:flex; padding:0 28px 18px; border-bottom:1px solid #b7a05d33; gap:8px; }
.guardian-tabs .guardian-button { flex:1; margin:0; min-height:42px; padding:9px 12px; }
.guardian-tabs .selected { background:#25472c; border-color:#a6c67d; color:#fff0c9; }
.guardian-content { padding:24px 28px 28px; }
.guardian-dialog h2 { font:700 24px/1.3 MpFontDisplay,Georgia,serif; color:#ead092; margin:0 0 10px; }
.guardian-dialog h3 { color:#ead092; margin:4px 0; font-size:22px; }
.guardian-note { color:#bcbba5; font:14px/1.6 Georgia,serif; margin:10px 0 18px; }
.guardian-button { display:block; width:100%; border:1px solid #aa915a88; border-radius:9px; background:#111f19; color:#e7ddc6; min-height:47px; padding:12px 17px; margin:10px 0 0; font:600 15px/1.35 MpFontDisplay,Georgia,serif; cursor:pointer; text-align:center; }
.guardian-button.primary { background:linear-gradient(145deg,#345c35,#183724); border-color:#a5c782; color:#fff2cf; box-shadow:inset 0 0 0 2px #90ab6833; }
.guardian-button:hover:not(:disabled),.guardian-close:hover:not(:disabled) { filter:brightness(1.25); }
.guardian-dialog button:disabled { opacity:.5; cursor:default; }
.guardian-dialog :focus-visible { outline:2px solid #caffb5; outline-offset:3px; }
.guardian-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.guardian-actions>* { flex:1; min-width:140px; margin:0; }
.guardian-emblem { text-align:center; font:64px/1.4 Georgia,serif; color:#dec57d; text-shadow:0 0 30px #96dc8977; margin:8px 0 17px; }
.guardian-field { display:block; margin:18px 0 8px; color:#e7d9b5; font:600 14px/1.4 Georgia,serif; }
.guardian-field input { display:block; width:100%; min-height:48px; border:1px solid #b09b5b77; border-radius:8px; background:#050d0a; color:#f4efd9; margin-top:8px; padding:10px 13px; font:16px/1.4 system-ui,sans-serif; }
.guardian-form>.guardian-note { margin:5px 0 10px; font-size:12px; }
.guardian-button.danger { background:#42251f; border-color:#b36d51; color:#ffd8c5; }
.guardian-field input[type=checkbox] { display:inline-block; width:18px; min-height:18px; margin:0 8px 0 0; vertical-align:middle; }
.guardian-error { background:#442219; border:1px solid #a46142; border-radius:8px; padding:12px; color:#ffceba; font:14px/1.5 Georgia,serif; }
.guardian-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0; }
.guardian-stat { padding:16px 12px; background:#16251c; border:1px solid #a88e4a55; border-radius:10px; }
.guardian-stat span { display:block; color:#b6aa7d; letter-spacing:1px; font:10px/1.4 Georgia,serif; }
.guardian-stat strong { display:block; color:#edcf83; font:600 21px/1.4 MpFontDisplay,Georgia,serif; margin-top:7px; }
.guardian-recovery { display:block; padding:18px; border:1px dashed #c4ac6b; border-radius:9px; color:#d8f3c4; background:#07100b; overflow-wrap:anywhere; font:17px/1.8 ui-monospace,monospace; user-select:all; }
.guardian-personal { display:flex; justify-content:space-between; gap:12px; padding:14px; border:1px solid #9ab86c77; border-radius:8px; background:#25402a; margin:15px 0; }
.guardian-personal span { color:#e3cf8e; }
.guardian-board { width:100%; border-collapse:collapse; table-layout:fixed; font:15px/1.4 Georgia,serif; margin:12px 0; }
.guardian-board th { text-align:left; color:#a9aa8d; font:11px/1.5 Georgia,serif; text-transform:uppercase; letter-spacing:1px; padding:10px 10px; border-bottom:1px solid #aa96594d; }
.guardian-board th:first-child { width:64px; }
.guardian-board th:last-child { width:70px; text-align:right; }
.guardian-board td { padding:14px 10px; border-bottom:1px solid #9baa7d22; overflow-wrap:anywhere; }
.guardian-rank,.guardian-wave { color:#e9cb7b; }
.guardian-wave { text-align:right; font-size:18px; }
.guardian-board .is-me { background:#2b4a2c66; }
.guardian-empty { text-align:center; padding:8px 10px 20px; }
.guardian-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:440px) { .guardian-header { padding:20px 18px 16px; }.guardian-tabs { padding:0 18px 16px; }.guardian-content { padding:20px 18px 24px; }.guardian-dialog h1 { font-size:25px; }.guardian-stats { gap:7px; }.guardian-stat strong { font-size:18px; }.guardian-personal { flex-direction:column; gap:3px; } }