/* Cozy adventure styling, drawn locally without game artwork. */
#countdown{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 15%,#48624c 0,#203c32 50%,#102921 100%);border:1.8vw solid #182e26;box-shadow:inset 0 0 0 .25vw #b5a46d,inset 0 0 0 .8vw #253e30;color:#f4e4b9}
#countdown:before{content:'';position:absolute;inset:3vw;border:1px solid #bda76b66;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}
#countdown:after{content:'✦';position:absolute;top:3.5vw;font-size:4vw;color:#ddc586;text-shadow:0 0 25px #dbc07788}
#countdown #title{font-size:4.3vw;letter-spacing:.04em;margin-top:5vw;margin-bottom:1vw;text-shadow:0 3px #18291e}
#time{font:17vw Georgia,serif;letter-spacing:.03em;text-shadow:0 .5vw #10241c;color:#f2dfaa}
#subtitle{font:italic 2.3vw Georgia,serif;color:#c6d2b4}
#hearts{display:flex;gap:1vw;margin-top:2vw}#hearts i{width:1.5vw;height:1.5vw;background:#c2866b;clip-path:polygon(0 20%,20% 0,50% 20%,80% 0,100% 20%,100% 55%,50% 100%,0 55%);filter:drop-shadow(0 2px 1px #142a22)}
#progress{background:linear-gradient(90deg,#789571,#e0c77e);height:.55vw;bottom:1vw;max-width:100%}
#playbackNotice{position:fixed;bottom:1rem;left:1rem;right:1rem;background:#233c32eF;color:#f0e0b8;border:1px solid #ae9a65;padding:12px;font:16px system-ui;z-index:5}#playbackNotice button{margin-left:12px;padding:8px}
body.quest-manager{background:#e9e1c9;color:#2c4032}.quest-manager header{background:#203d32;color:#f0e0b8}.quest-manager aside{background:#f5edda;border:1px solid #baab7c}.quest-manager h1,.quest-manager h2{font-family:Georgia,serif;color:#305240}.quest-manager button{border-color:#a89d76}.quest-manager button:hover{background:#d9dfc8}.quest-manager #timerReadout{font-family:Georgia,serif;color:#38604b}.quest-manager .preview iframe{border:4px solid #a6986a;border-radius:3px}

@font-face{font-family:ShopPixel;src:url('assets/fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
#countdown{background:radial-gradient(ellipse at 22% 25%,#59705655,transparent 55%),radial-gradient(ellipse at 90% 85%,#0a291e99,transparent 60%),linear-gradient(120deg,#294738,#375340 45%,#243b30);border:1.4vw solid #172c23;box-shadow:inset 0 0 0 .23vw #ab9a67,inset 0 0 0 .7vw #263c2d,inset 0 0 7vw #112d2499}
#countdown:before{inset:0;border:0;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:-1;image-rendering:pixelated}
#countdown:after{content:'◆';font:3vw ShopPixel,monospace;color:#c9b77b;top:4.5vw;text-shadow:.2vw .2vw #172c23}
#countdown #title{font:2.8vw/1.6 ShopPixel,monospace;letter-spacing:0;max-width:88%;margin-top:7vw;margin-bottom:3vw;text-shadow:.2vw .2vw #172c23}
#countdown #time{font:11.5vw/1.35 ShopPixel,monospace;letter-spacing:0;color:#edd9a1;text-shadow:.4vw .4vw #152b20}
#countdown #subtitle{font:1.35vw/1.8 ShopPixel,monospace;color:#c9d1b5;max-width:80%;margin-top:2vw}
#hearts{gap:1.2vw}#hearts i{width:1.65vw;height:1.65vw}
.quest-manager #timerReadout{font:clamp(20px,2vw,32px)/1.8 ShopPixel,monospace}
