:host{all:initial;color-scheme:dark;font-family:system-ui,sans-serif;color:#f4f3e9;--gold:#f5d88d;--line:#ffffff24}
*{box-sizing:border-box}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff3b5;outline-offset:3px}.trigger{position:fixed;top:50%;right:max(8px,env(safe-area-inset-right));left:auto;transform:translateY(-50%);z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:0;width:48px;height:48px;min-height:48px;padding:11px;background:#151a22e8;color:var(--gold);border:1px solid #f5d88d70;border-radius:30px;box-shadow:0 5px 20px #0005;font-size:12px;font-weight:750}.trigger svg{width:24px;height:24px}.trigger span{display:none}dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #f5d88d65;border-radius:22px;background:#111821;color:#f4f3e9;box-shadow:0 28px 120px #000b;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#020711c9;backdrop-filter:blur(8px)}.head{position:sticky;top:0;background:#111821f2;z-index:2;padding:22px 24px 18px;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 6px}.head h2{font-size:27px;margin:0;letter-spacing:-1px;padding-right:40px}.close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:#fff;font-size:26px}.summary{font-size:12px;color:#bfc8d5;margin:10px 0 0}.content{padding:20px 24px}.event{border:1px solid #efcf7a55;background:linear-gradient(135deg,#3a3427,#172c30);padding:22px;border-radius:15px;margin-bottom:24px}.event small{color:#f4dca0;font-size:10px;letter-spacing:1.5px}.event h3{font-size:25px;line-height:1.1;margin:10px 0 12px}.event p{font-size:13px;line-height:1.6;color:#d5d9da}.event button{min-height:46px;padding:10px 18px;background:var(--gold);color:#151c24;border:0;border-radius:10px;font-weight:750;width:100%}.event button:disabled{opacity:.6;cursor:default}.goal{font-size:12px;margin:10px 0;color:#ebdfbd}.badge{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.medal{width:56px;height:64px;display:grid;place-items:center;color:#9da9ba;background:linear-gradient(145deg,#465066,#1c2534);clip-path:polygon(50% 0,94% 23%,94% 72%,50% 100%,6% 72%,6% 23%);font-size:28px}.earned .medal{background:linear-gradient(145deg,#ffe8a7,#9c681b);color:#332406;filter:drop-shadow(0 0 10px #efc86944)}.badge h3{font-size:15px;margin:0 0 5px}.badge p{font-size:12px;color:#bac7d5;line-height:1.5;margin:0 0 8px}.badge small{font-size:10px;color:var(--gold)}progress{display:block;width:100%;height:6px;appearance:none;border:0;border-radius:9px;overflow:hidden;background:#ffffff15;margin:8px 0}progress::-webkit-progress-bar{background:#ffffff15}progress::-webkit-progress-value{background:linear-gradient(90deg,#b99346,#ffeab2)}progress::-moz-progress-bar{background:#eed692}.note{font-size:11px;color:#aebcca;line-height:1.6;margin:20px 0 0}.toast{position:fixed;left:50%;top:max(62px,calc(env(safe-area-inset-top) + 62px));transform:translateX(-50%);z-index:2147483100;max-width:calc(100% - 24px);width:360px;border:1px solid #ffe3a275;background:linear-gradient(120deg,#293628f5,#111b29f5);color:#fff7db;padding:15px 20px;border-radius:17px;box-shadow:0 15px 50px #0008;pointer-events:none;animation:arrive .35s ease-out}.toast small{display:block;color:var(--gold);font-size:10px;letter-spacing:1.6px;margin-bottom:4px}.toast b{font-size:16px}.toast[hidden]{display:none}@keyframes arrive{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(max-width:540px){.head{padding:20px}.content{padding:16px 20px}.trigger{min-height:44px;font-size:11px}.event{padding:18px}}