.guardian-panel{color:#d5e5d8;font-size:13px;line-height:1.55;max-width:640px;margin:auto}.guardian-panel h3{margin:0;color:#f0dfaf;font:22px Georgia,serif}.guardian-panel p{margin:7px 0 0}.guardian-hero{display:flex;align-items:center;gap:20px;margin-bottom:20px}.guardian-hero small{font-size:9px;letter-spacing:2px;color:#a6cbb4}.guardian-hero h3{font-size:32px;margin:3px 0 0}.guardian-hero h3 span{font:15px Arial,sans-serif;color:#9ab5a6}.guardian-orb{width:90px;height:90px;flex:0 0 90px;position:relative}.guardian-orb svg{width:100%;height:100%}.guardian-orb>span{position:absolute;bottom:-1px;left:34px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #dac88e;border-radius:50%;background:#183c32;color:#ffe8aa;font-size:12px}.guardian-progress{padding:14px 16px;background:#91c7a310;border:1px solid #91c7a333;border-radius:12px;margin-bottom:24px}.guardian-progress>div{display:flex;justify-content:space-between;gap:10px}.guardian-progress b{color:#e8d8a2;font-variant-numeric:tabular-nums}.guardian-progress progress{appearance:none;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;background:#08251f;display:block;margin:10px 0}.guardian-progress progress::-webkit-progress-bar{background:#08251f}.guardian-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#5fbb9c,#e8d994);border-radius:6px}.guardian-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#5fbb9c,#e8d994)}.guardian-progress small,.guardian-note{color:#a9c0ae;font-size:11px}.guardian-chances>p{font-size:12px;color:#b9d0bc}.quality-chance-list{display:grid;gap:8px;margin:16px 0}.quality-chance{display:grid;grid-template-columns:30px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:9px 12px;border:1px solid #80b59a2e;border-radius:9px;background:#83ba9910}.quality-rank{font:16px Georgia,serif;color:#dacb98;text-align:center}.quality-chance>div>span{font-size:12px}.quality-chance>b{text-align:right;color:#f0dfa8;font-variant-numeric:tabular-nums}.quality-track{height:3px;border-radius:3px;background:#b5c8ac14;margin-top:7px;overflow:hidden}.quality-track i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#5ac7ac,#e4d397)}.quality-chance.unavailable{background:transparent;border-style:dashed;color:#91ad9e}.quality-chance.unavailable>b{color:#91ad9e}.guardian-levels{margin:20px 0;border-top:1px solid #8cba9e30;border-bottom:1px solid #8cba9e30;padding:12px 0}.guardian-levels summary{cursor:pointer;color:#e4d5a4;min-height:24px}.guardian-table-scroll{overflow-x:auto;margin:12px 0 0}.guardian-levels table{width:100%;min-width:300px;border-collapse:collapse;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.guardian-levels caption{text-align:left;color:#afc4b3;font-size:10px;padding-bottom:8px}.guardian-levels th,.guardian-levels td{padding:9px 5px;border-bottom:1px solid #8cba9e22}.guardian-levels th:first-child{text-align:left}.guardian-levels th small{font-weight:400;color:#a9c0ae;margin-left:5px}.guardian-levels .current-level{background:#c0ca8420;color:#f8e7ad}.guardian-family a{display:inline-block;min-height:30px;margin-top:10px;color:#e0d499;font-size:11px}.guardian-family h3{font-size:20px}#map-options .keeper-summary{border-top:1px solid #91bc9b35;border-radius:0;padding-top:13px;margin-top:5px}#guardian-button>span:first-child{display:flex;align-items:center;gap:6px}#guardian-button em{font-style:normal;margin-left:auto;color:#e3d29b}#guardian-button small{display:block;font-size:10px;color:#a9c5b0;white-space:normal;margin-top:4px}.keeper-track{display:block;height:3px;border-radius:3px;overflow:hidden;background:#b3d0b322;margin-top:9px}.keeper-track i{display:block;height:100%;background:#d6d294;max-width:100%}@media(max-width:400px){.guardian-hero{gap:12px}.guardian-orb{width:72px;height:72px;flex-basis:72px}.guardian-orb>span{left:25px}.guardian-hero h3{font-size:28px}.quality-chance{gap:8px;padding:9px}.guardian-panel{font-size:12px}}

#map-options{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
