.header-updates{position:relative;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;border:1px solid #c77c9f;background:#51203785;box-shadow:none}.header-updates img{width:22px;height:22px}.updates-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#ffc4df;box-shadow:0 0 7px #ee96be}.updates-dot[hidden]{display:none}
#updates-dialog{width:420px;max-width:calc(100vw - 24px);max-height:85dvh;overflow-y:auto;border:1px solid #d5a1b980;border-radius:14px;padding:28px;background:linear-gradient(140deg,#431c30ed,#210e20f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffe6ef;box-shadow:0 10px 60px #16081480}#updates-dialog::backdrop{background:#16091480}#updates-dialog h2{font-size:1rem;letter-spacing:.12em;margin:0 30px 5px 0}#updates-dialog h3{font-size:1.2rem;line-height:1.5;margin:12px 0}#updates-dialog p{line-height:1.8;font-size:.95rem;color:#e5bed0}.updates-close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;background:transparent;border:0;box-shadow:none;color:#efbfd5;font-size:25px}.updates-jewel{width:86px;height:86px;margin:12px auto;background:url('mascots/jewel-selected-directions.png') 50% 50%/300% 300%;image-rendering:pixelated;mask-image:linear-gradient(#000 80%,transparent)}.update-card{padding:18px 0;border-top:1px solid #c78fa640}.update-card time{font-size:.8rem;color:#d9a6bd;letter-spacing:.1em}.update-card .primary{display:block;text-align:center;text-decoration:none;margin-top:20px;min-height:48px}.updates-later{display:block;margin:8px auto 0}.update-nudge{position:fixed;z-index:20;width:max-content;max-width:230px;min-height:44px;padding:10px 14px;background:linear-gradient(135deg,#ffeaf2d9,#f4cedfc9);backdrop-filter:blur(8px);border:1px solid #ffe4ee99;border-radius:14px;color:#62263f;font-size:13px;box-shadow:0 5px 18px #190a182e}.update-nudge[hidden]{display:none}.has-update .jewel-bubble{visibility:hidden}
@media(max-width:600px){#updates-dialog{margin:auto auto 0;width:100%;max-width:100%;max-height:85dvh;border-radius:18px 18px 0 0;padding:25px 22px calc(22px + env(safe-area-inset-bottom));animation:update-slide .2s ease-out}.header-actions{gap:8px}.header-music{min-width:0}.header-updates{width:40px;min-width:40px}}@keyframes update-slide{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){#updates-dialog{animation:none}}