.updates-header{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e8d6a066;border-radius:50%;background:#172015aa;color:#f2db9a;font-size:20px;line-height:1}
.updates-start{margin-top:16px;padding:8px 16px;border:0;background:none;color:#e4c475;font-size:13px;text-decoration:underline;text-underline-offset:4px}
#ending-preview-link{margin-top:10px!important;color:#e4c475!important;font-size:13px!important}
#start-screen .updates-start:focus-visible,.updates-header:focus-visible{outline:2px solid #e8c46a;outline-offset:3px}
.updates-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.updates-panel{position:fixed;inset:auto 0 0;width:100%;max-width:620px;max-height:70dvh;margin:0 auto;padding:10px 24px calc(22px + env(safe-area-inset-bottom));overflow:auto;border:1px solid #c7b78288;border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(160deg,#243327,#111b17 80%);color:#fbf6e7;box-shadow:0 -15px 55px #0009}
.updates-panel[open]{animation:updates-rise .35s ease-out both}.updates-panel::backdrop{background:#07100855;backdrop-filter:blur(2px)}
.updates-handle{width:40px;height:4px;margin:0 auto 14px;border-radius:4px;background:#e7d9a77d}
.updates-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.updates-eyebrow{color:#e5c678;font-size:10px;font-weight:700;letter-spacing:2px}.updates-head button{border:0;background:none;color:#e8e8d7;font-size:28px;line-height:1}
.updates-panel h2{margin:12px 0 7px;font-family:Georgia,serif;font-size:clamp(25px,6vw,32px);font-weight:400;line-height:1.15}.updates-intro{margin:0 0 19px;color:#d5d8c8;font-size:13px;line-height:1.5}
.updates-panel label{display:block;margin:0 0 7px;color:#f4ead0;font-size:12px}.updates-fields{display:flex;gap:9px}.updates-fields input{flex:1;min-width:0;margin:0;padding:13px 14px;border:1px solid #d5ddc5;border-radius:10px;background:#fcf9f0;color:#172015;font-size:15px}.updates-fields button{flex:none;display:flex;align-items:center;gap:10px;padding:12px 18px;border:0;border-radius:10px;background:#e4c475;color:#182119;font-size:14px;font-weight:700}.updates-fields button:disabled{opacity:.65}
.updates-note{margin:11px 0 0;color:#aebda7;font-size:10px;line-height:1.4}.updates-result{min-height:18px;margin:9px 0 0;color:#f0c996;font-size:11px}.updates-result[data-state="success"]{color:#bddea6}
@keyframes updates-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:480px){.updates-panel{padding-right:20px;padding-left:20px}.updates-fields{flex-direction:column}.updates-fields button{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.updates-panel[open]{animation:none}}
@media(max-height:680px){#start-screen{overflow-y:auto;justify-content:flex-start;padding-top:calc(96px + env(safe-area-inset-top));padding-bottom:28px}.updates-panel{max-height:90dvh}}
body.updates-preview{background:linear-gradient(180deg,#10130f44,#10130f 85%),url('assets/markers/gnome-cottage-flower-fence-source.jpg') center 40%/cover no-repeat #10130f}
body.updates-preview #bottom{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
body.updates-preview #bottom .toolbar,body.updates-preview #story-open-help{display:none}
