/* Winter adaptation of the supplied Warspear references: tiled top-down world,
   evergreen palette, stepped sprites, dark gold-edged game panels. */
:root{font-family:Verdana,Tahoma,system-ui,sans-serif;--mint:#d6bd76;--gold:#e4bc61;--ink:#192b30;background:#142a2b;color:#f0e4c8}
.shell{background:linear-gradient(#122725e8,#122725f5),url('/assets/winter-map.svg') center/cover fixed;padding:24px 34px}
.brand-logo{display:flex;align-items:center;gap:16px}.brand-logo img{width:120px;height:60px;object-fit:contain}.brand-logo small{letter-spacing:.16em;font-size:10px;color:#d2c499;border-left:1px solid #b2935155;padding-left:16px;max-width:160px;line-height:1.7}
.top{border-bottom:1px solid #b89b5040;padding-bottom:14px}.links a{color:#d9c78c}.eyebrow{color:#d6bd76;letter-spacing:.12em}h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;color:#f5dfaa;letter-spacing:-.02em;text-shadow:0 2px 0 #17221e}h2,h3{font-family:Georgia,'Times New Roman',serif;color:#efdaa6;letter-spacing:0!important}p{color:#b4c3b6}a{color:#e2c583}.hint,.connection{color:#91aaa0}
.card{background:linear-gradient(135deg,#2c3739,#1b2d31);border:2px solid #9c824b;border-radius:4px;box-shadow:inset 0 0 0 3px #162427,inset 0 0 0 4px #b7a06b33,0 12px 30px #0005;padding:28px;position:relative}.card:before,.card:after{content:'◆';position:absolute;top:-9px;color:#e4bc61;font-size:16px;text-shadow:0 2px #253432}.card:before{left:-8px}.card:after{right:-8px}.card h2{font-size:25px}.field{color:#d4ccac}.entry{margin-top:40px}.entry-intro h1{font-size:clamp(36px,4.3vw,62px)}.hero-note{color:#a8b9ab}.hero-snow:before{background:#b9d6b922;border-radius:2px;filter:none;height:45px;width:220px;border:1px solid #9ab39144;transform:skewX(-20deg)}
input[type=text],input[type=password]{background:#101f26;border:1px solid #7e734f;border-radius:3px;color:#f6ecd4;box-shadow:inset 0 2px 5px #0005}.primary{background:linear-gradient(#9d8146,#65562e);border:1px solid #eed894;border-radius:3px;color:#fff3cc;text-shadow:0 1px #3c311f;box-shadow:inset 0 0 0 2px #52452b,0 3px 0 #0c191d}.primary:hover:not(:disabled){background:linear-gradient(#bda05d,#796738)}.secondary{border-radius:3px;background:linear-gradient(#394449,#253339);border:1px solid #988459;color:#e9d8ac;box-shadow:inset 0 0 0 2px #182a2e}.upload{border-radius:3px;background:#182b2e;color:#dcc997;border-color:#968259}.photo-preview{border-color:#b9a16b;background:#c2d6d0;border-radius:50%}.hats{gap:7px}.hat-option{border-radius:2px;border:1px solid #5e685d;background:#17292e;box-shadow:inset 0 0 0 2px #0e2025}.hat-option.selected{border-color:#edd792;background:#6e633c;box-shadow:inset 0 0 0 2px #403821}
.player-profile{border-radius:4px;background:linear-gradient(135deg,#263a3e,#1b2b2e);border:1px solid #8f7e4f;box-shadow:inset 0 0 0 3px #0f2427;padding:14px 20px}.player-profile h2{font-size:23px}.waiting{border:1px solid #877650;border-radius:3px;background:#1b2d30cc;box-shadow:inset 0 0 0 3px #102428}.waiting h3{font-size:23px}.action-heading{color:#c8d2ba;font-size:11px}.action-heading>span{color:#a69f79}.snow-action{border-radius:3px;background:linear-gradient(#34464b,#223237);border:1px solid #9e8854;box-shadow:inset 0 0 0 2px #16262b;color:#f4e5be}.snow-action:hover:not(:disabled){background:linear-gradient(#596652,#35473c)}.action-time{color:#bebca1}.player-help{background:#1c3335;border:1px solid #52625a;border-radius:3px;color:#bdcabb}.letter{border-radius:3px;background:linear-gradient(#e2d4a6,#bdad80);border:2px solid #6e5c36;color:#463826;box-shadow:inset 0 0 0 2px #eadbb4,0 4px 0 #15272c;font-size:12px}.letter.good{background:linear-gradient(#b7cba4,#879f83);border-color:#506545;color:#2b4432;box-shadow:inset 0 0 0 2px #cbddba,0 4px 0 #15272c}.progress{background:#0d1d22;border:1px solid #736544;height:8px;border-radius:0}.progress>i{background:linear-gradient(#e4c76d,#8d7838)}.roster span{border-radius:2px;background:#314142;color:#d0d4be;border:1px solid #4a5a51}.metric{color:#e7c577}#toast{border-radius:3px;background:#283e3d;color:#f2e3b5;border:1px solid #c3a65b;box-shadow:inset 0 0 0 2px #142a2a,0 8px 24px #0005}
.city-page{background:#21483f;border:6px solid #25353a;box-shadow:inset 0 0 0 2px #b39b58;min-height:500px}.landscape{background:#24483e url('/assets/winter-map.svg') center/100% 100% no-repeat;image-rendering:pixelated}.landscape:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#041b2530,transparent 20%,transparent 85%,#10282144);box-shadow:inset 0 0 70px #051c2944}.city-top{top:14px;left:20px;right:20px;align-items:center}.city-brand{display:flex;align-items:center;gap:15px;padding:7px 15px;background:#16272cde;border:1px solid #a18850;box-shadow:inset 0 0 0 2px #101f24}.city-brand img{width:110px;height:56px;object-fit:contain}.city-brand h1{font-size:25px;margin:5px 0 0}.city-brand .eyebrow{font-size:9px;letter-spacing:.14em}.status-pill{border-radius:3px;background:linear-gradient(#293e42ef,#172a30ef);border:1px solid #b49a5e;backdrop-filter:none;box-shadow:inset 0 0 0 2px #102328;color:#e2d8b2}.status-pill strong{color:#ebd18a}.dot{background:#acd298;box-shadow:0 0 5px #a9d39455}.round-banner{top:17%;border-radius:3px;background:#172a30ee;border:1px solid #af9454;box-shadow:inset 0 0 0 2px #0a2025;color:#f0ddb0;font-size:12px;padding:10px 22px;max-width:70vw;white-space:normal}.guild-sign{position:absolute;z-index:1;top:20%;width:11%;height:6%;background:#2a333be8;border:2px solid #b59758;box-shadow:0 4px 0 #182d2e,inset 0 0 0 2px #574830;padding:4px 8px;display:flex;align-items:center;justify-content:center}.guild-sign img{width:100%;height:100%;object-fit:contain}.warspear-sign{left:21%}.skylore-sign{right:21%}.citizens{left:19%;right:19%;top:32%;bottom:13%;gap:8px 8px}.swarm{left:15%;right:15%;top:27%;height:55%;z-index:4}.envelope{font-size:clamp(18px,2.2vw,34px);filter:drop-shadow(2px 3px 0 #1b343b88)}.city-footer{left:18px;right:18px;bottom:8px;padding:9px 12px;background:#172b2dde;border:1px solid #9a8752;color:#d5d4b2;font-size:10px}.city-footer a{color:#e0c785}.demo-tag{color:#f0d586}.city-footer .secondary{font-size:9px!important;color:#e6d29b}.spotlight{top:28%;background:#182d31f0;border:1px solid #b99a52;border-radius:3px;padding:16px 28px 22px;box-shadow:inset 0 0 0 3px #0c2227}.spotlight .eyebrow{color:#e2cb87}.person-name{border-radius:2px;background:#15282ee8;border:1px solid #84794e;color:#f5eaca;font-size:9px;padding:2px 5px;box-shadow:0 2px 0 #0b1e2366}.snowman{image-rendering:pixelated}.bodyball{left:0;bottom:0;width:100%;height:100%;border-radius:0;background:url('/assets/snow-body.svg') center/100% 100%;box-shadow:none}.bodyball:after{display:none}.face{border:2px solid #e9e5ce;outline:1px solid #648590;background:#c1d8d6;font-family:Verdana,sans-serif;color:#2c535b;top:9%;height:45%;width:84%;left:8%;box-shadow:2px 2px 0 #13364855;font-size:calc(var(--size)*.26)}.face img{image-rendering:auto}.scarf{top:51%;left:8%;height:8%;width:84%;border-radius:0;box-shadow:0 2px 0 #36495599}.scarf:after{border-radius:0;width:20%;height:220%;transform:none}.hat{top:-5%;height:23%;left:4%;width:92%;border-radius:0;box-shadow:none;transform:rotate(-3deg);clip-path:polygon(20% 0,80% 0,80% 12%,90% 12%,90% 35%,100% 35%,100% 100%,0 100%,0 35%,10% 35%,10% 12%,20% 12%);border-bottom:calc(var(--size)*.08) solid #e8e6c8}.hat:before{top:-10%;border-radius:0;width:18%;left:40%;background:#f0e8ca}.hat[data-shape='1']{clip-path:none;border-radius:0;width:72%;left:14%;height:25%;border-bottom:calc(var(--size)*.07) solid var(--hat);background:#223746}.hat[data-shape='1']:before{height:20%;width:132%;left:-16%;top:95%;border-radius:0;background:#223746}.hat[data-shape='2']{clip-path:polygon(48% 0,60% 0,60% 15%,72% 15%,72% 35%,84% 35%,84% 55%,94% 55%,94% 75%,100% 75%,100% 100%,0 100%,0 80%,12% 80%,12% 60%,24% 60%,24% 40%,36% 40%,36% 20%,48% 20%);height:34%;top:-16%;border-radius:0}.broom{border-radius:0;background:#aa8550;width:5%;box-shadow:2px 0 #463b33}.broom:after{clip-path:polygon(20% 0,80% 0,80% 35%,100% 35%,100% 100%,0 100%,0 35%,20% 35%);background:repeating-linear-gradient(90deg,#d4b273 0 3px,#8e703f 3px 5px)}.snowman.hit{filter:drop-shadow(0 0 7px #ffda75)}.heart-flight{color:#f58ba9;text-shadow:2px 2px #914a66}.crop-stage{border-radius:3px}.crop-box input[type=range]{accent-color:#dab96a}
@media(max-width:700px){.shell{padding:16px}.brand-logo{gap:8px}.brand-logo img{width:86px;height:44px}.brand-logo small{display:none}.links{font-size:10px;gap:12px}.entry{margin-top:26px}.entry-intro h1{font-size:36px}.entry .card{padding:22px}.city-top{left:10px;right:10px;top:10px;gap:10px}.city-brand{gap:8px;padding:6px 8px}.city-brand img{width:55px;height:34px}.city-brand h1{font-size:15px}.city-brand .eyebrow{font-size:7px}.status-pill{padding:8px 10px;font-size:9px}.status-pill strong{font-size:18px}.round-banner{font-size:10px;top:16%;padding:8px 12px;max-width:76vw}.guild-sign{width:15%;height:5%;top:22%;padding:2px 4px}.warspear-sign{left:18%}.skylore-sign{right:18%}.citizens{left:16%;right:16%;top:33%;bottom:15%;gap:6px 2px}.city-footer{font-size:8px;left:8px;right:8px;flex-wrap:wrap;gap:5px;padding:7px;bottom:5px}.person-name{font-size:7px;padding:2px 3px}.spotlight{padding:12px 16px 22px;top:29%;max-width:85vw}.action-heading{font-size:10px}.snow-action strong{font-size:11px}.player-profile h2{font-size:22px}}

.envelope{width:clamp(19px,2.5vw,36px);height:clamp(14px,1.875vw,27px);background:url('/assets/letter.svg') center/contain no-repeat;image-rendering:pixelated}
.body-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.body-option{min-width:0;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px 8px;border:1px solid #5e685d;background:#17292e;color:#d9d6b9;box-shadow:inset 0 0 0 2px #0e2025;border-radius:2px}.body-option.selected{border-color:#edd792;background:#4c5038;box-shadow:inset 0 0 0 2px #403821}.body-option>span{font-size:9px;line-height:1.4;min-height:25px}.body-option .person-name{display:none}.body-option .broom{display:none}.body-option .snowman{animation:none}.snowman[data-body='elf'] .bodyball{background-image:url('/assets/elf-body.svg')}.snowman[data-body='human'] .bodyball{background-image:url('/assets/human-body.svg')}.snowman[data-body='squirrel'] .bodyball{background-image:url('/assets/squirrel-body.svg')}.snowman[data-body='squirrel'] .face{left:3%;width:79%;border-color:#e4c08d;outline-color:#985d3c}.snowman[data-body='squirrel'] .hat{left:0;width:85%}.snowman[data-body='squirrel'] .scarf{width:78%;left:3%}.snowman[data-body='squirrel'] .scarf:after{height:150%}.snowman[data-body='human'] .scarf,.snowman[data-body='elf'] .scarf{height:6%;width:74%;left:13%;top:49%}.snowman[data-body='human'] .scarf:after,.snowman[data-body='elf'] .scarf:after{height:190%;width:16%}
.festival-decor{position:absolute;inset:0;pointer-events:none;z-index:2}.festive-tree{position:absolute;left:47%;top:7%;width:6%;height:16%}.festive-tree i{position:absolute;width:6px;height:6px;border-radius:50%;background:#705b3b;opacity:.1}.festive-tree i.lit{background:#ffdb80;opacity:1;box-shadow:0 0 12px #ffe49a}.festive-tree.complete{filter:drop-shadow(0 0 15px #ffe286)}.festive-lights{position:absolute;left:19%;right:19%;top:29%;display:flex;justify-content:space-between;border-bottom:2px solid #506055;height:12px}.festive-lights i{width:6px;height:9px;background:#3d5350}.festive-lights i.lit{background:#ffe38d;box-shadow:0 0 15px #ffe393}.festive-portal{position:absolute;left:45%;width:10%;top:84%;height:9%;border:4px solid #4a6a77;border-radius:50%;background:#163944;display:grid;place-items:center;opacity:calc(.35 + var(--energy,0)*.65);box-shadow:0 0 calc(var(--energy,0)*35px) #83e7f2,inset 0 0 calc(var(--energy,0)*25px) #83e7f2;color:#91d9ef}.festive-portal span{font-size:28px;opacity:var(--energy,0)}.festive-portal.complete{border-color:#a4eff1;background:#428a9c}.festival-mini{display:flex;justify-content:space-around;gap:18px;margin-top:7px;font-size:11px}.festival-win{margin-top:7px;color:#e4d492}.festival-timer{display:flex;justify-content:space-between;color:#d0c89f;font-size:11px;margin:15px 0}.festival-choices{display:flex;flex-direction:column;gap:12px;margin:15px 0}.festival-choice{display:grid;grid-template-columns:40px 1fr 60px;gap:14px;align-items:center;text-align:left;padding:18px 14px;background:linear-gradient(#304447,#1e3237);border:1px solid #998557;color:#e9deba;min-height:95px;box-shadow:inset 0 0 0 2px #11292c}.festival-icon{font-size:30px}.festival-choice strong{font-size:13px;display:block}.festival-count{display:block;font-size:10px;margin:7px 0;color:#b7c7bb}.festival-choice .progress{margin:0}.festival-choice .progress i{background:var(--target-color)}.festival-choice-state{font-size:11px;text-align:right;color:var(--target-color)}.festival-choice.complete{border-color:#8cb680;opacity:1;background:#294237}.help-spark{position:absolute;z-index:16;font-style:normal;font-size:22px;color:var(--spark-color);text-shadow:0 0 12px var(--spark-color);pointer-events:none;animation:spark-delivery 1.3s ease-in-out both}@keyframes spark-delivery{0%{opacity:0;transform:translate(0,0) scale(.3)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--travel-x),var(--travel-y)) scale(1.5)}}@media(prefers-reduced-motion:reduce){.help-spark{display:none}}

.festival-complete .landscape{filter:brightness(1.13) saturate(1.18)}.festival-complete .festive-portal span{animation:portal-pulse 2s ease-in-out infinite}@keyframes portal-pulse{50%{scale:1.4;text-shadow:0 0 15px #c5faff}}
.forest-lights,.city-garlands{position:absolute;inset:0}.forest-lights svg,.city-garlands svg{width:100%;height:100%;overflow:hidden}.city-bulb{fill:var(--bulb-color);opacity:0;transition:opacity .35s;filter:drop-shadow(0 0 3px var(--bulb-color))}.city-bulb.lit{filter:drop-shadow(0 0 4px var(--bulb-color)) drop-shadow(0 0 7px var(--bulb-color))}.plaza-emblem{position:absolute;left:37%;top:78%;width:26%;height:11%;display:grid;place-items:center;isolation:isolate;opacity:var(--energy,0);transition:opacity .5s;filter:drop-shadow(0 0 calc(var(--energy,0)*18px) #dfff92)}.plaza-emblem img{width:100%;height:100%;object-fit:contain;filter:brightness(1.08);transform:perspective(500px) rotateX(22deg)}.plaza-emblem:before{content:'';position:absolute;inset:10% -6%;z-index:-1;background:#183932b8;box-shadow:0 0 25px #d6efa933;border:1px solid #b5d07a88;transform:skewX(-15deg)}.plaza-emblem.complete{filter:drop-shadow(0 0 16px #d6f399)}.emblem-shimmer{position:absolute;inset:0;opacity:0;border-top:2px solid #edffad}.plaza-emblem.complete .emblem-shimmer{animation:emblem-glow 3s ease-in-out infinite}@keyframes emblem-glow{50%{opacity:.7;filter:drop-shadow(0 0 8px #edffad)}}.citizens{bottom:20%}
textarea{font:inherit;width:100%;resize:vertical;background:#101f26;border:1px solid #7e734f;border-radius:3px;color:#f6ecd4;padding:14px;line-height:1.6;font-size:14px}textarea:focus-visible{outline:3px solid #ffd58a;outline-offset:3px}.wish-counter{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#bdc5a6;margin:9px 0;line-height:1.5}.wish-counter span:last-child{white-space:nowrap}.wish-colors{display:flex;gap:12px}.wish-color{width:46px;height:46px;border:1px solid #63735e;background:#183134;color:var(--wish-color);font-size:26px}.wish-color.selected{border:2px solid #ecd890;background:#48523c;box-shadow:0 0 12px #e8cf6633}.wish-sky{position:absolute;z-index:6;left:18%;right:18%;top:24%;height:20%;background:linear-gradient(#112b3dcc,#172b3d33);border-top:1px solid #c2dbe33d;pointer-events:none}.wish-star{position:absolute;pointer-events:auto;border:0;background:transparent;color:var(--wish-color);font-size:23px;line-height:1;padding:4px;filter:drop-shadow(0 0 6px var(--wish-color));transform:translate(-50%,-50%);transition:scale .15s}.wish-star:hover,.wish-star:focus-visible{scale:1.5}.featured-wish{position:absolute;z-index:18;left:50%;top:47%;transform:translate(-50%,-50%);width:min(620px,82vw);padding:25px;background:#152c32f5;border:2px solid #b9a164;box-shadow:inset 0 0 0 3px #0e242a,0 15px 50px #0006;color:#f2e8c7}.wish-author{display:flex;align-items:center;gap:22px}.wish-author .snowman{flex-shrink:0}.wish-author h2{font-size:25px;margin:8px 0}.wish-author #close-feature{margin-left:auto;align-self:start;font-size:22px;min-height:34px;padding:3px 10px}.featured-wish blockquote{font-family:Georgia,serif;font-size:clamp(20px,2.8vw,34px);line-height:1.45;margin:25px 0;overflow-wrap:anywhere}.wish-card-foot{font-size:10px;color:#acbaa2;border-top:1px solid #677455;padding-top:12px}.host-wishes h3{margin-top:28px}.host-wish{margin-top:12px;padding:14px;border:1px solid #6c7153;background:#1b3334}.host-wish p{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.host-wish button{font-size:11px;min-height:36px}.rising-lantern{position:absolute;z-index:15;left:50%;top:0;width:24px;height:30px;background:var(--wish-color);border:2px solid #e9d9a0;box-shadow:0 0 20px var(--wish-color);border-radius:5px 5px 9px 9px;pointer-events:none;animation:lantern-rise 4s ease-out both}.rising-lantern:before{content:'';position:absolute;left:8px;top:0;height:26px;border-left:2px solid #6c664e55}.rising-lantern i{position:absolute;bottom:0;left:8px;width:5px;height:8px;background:#fff8d2;box-shadow:0 0 7px #fff5c2}@keyframes lantern-rise{0%{opacity:0;transform:translate(-50%,0) scale(.5)}12%{opacity:1;transform:translate(-50%,-20px) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + 30px),-260px) scale(.3)}}@media(max-width:700px){.wish-author h2{font-size:19px}.featured-wish{padding:18px}.wish-author{gap:15px}.wish-star{font-size:16px;padding:3px}.wish-sky{left:8%;right:8%}.wish-color{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.rising-lantern{animation:none;opacity:1;transform:translate(-50%,-40px)}}
.wishes-mode .citizens{top:42%}.wishes-mode .wish-sky{background:linear-gradient(#10273fd9,#172d3c99);border:1px solid #a5bcc34d}.wishes-mode .round-banner{top:16%}
.plaza-emblem img{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}
.letter-shards{position:fixed;z-index:60;pointer-events:none}.letter-shards i{position:absolute;width:17px;height:11px;background:linear-gradient(30deg,#987747,#f1dda8);border:1px solid #876537;clip-path:polygon(0 0,100% 20%,75% 100%,15% 80%);animation:letter-break .7s ease-out forwards}.letter.shattered{opacity:0!important;transform:scale(.8);transition:opacity .12s}@keyframes letter-break{to{transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-spin));opacity:0}}.spark-recharge{height:13px;background:#0e2229;border:1px solid #7b7950;padding:2px;margin:0 0 17px;overflow:hidden}.spark-recharge i{display:block;height:100%;background:linear-gradient(90deg,#497d99,#b2eef2);transition:width .15s linear;box-shadow:0 0 9px #a4eff1}.spark-recharge.ready i{background:linear-gradient(90deg,#739d66,#d8e99b)}.finale-stage{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:95px;pointer-events:none;background:radial-gradient(ellipse at center,#173845bb,transparent 72%);animation:finale-reveal 2s ease-out both;animation-delay:var(--finale-delay,4s)}.giant-snowman{position:relative;width:min(330px,40vw);height:min(450px,65vh);filter:drop-shadow(0 0 22px #dff3d955)}.giant-snowman svg{width:100%;height:100%;overflow:visible}.giant-greeting{position:absolute;top:53%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:clamp(16px,2.2vw,27px);font-weight:bold;color:#375963;text-shadow:0 1px white}.giant-logo{position:absolute;top:65%;left:24%;width:52%;height:16%;object-fit:contain}.finale-heading{color:#ffdf99;font-family:Georgia,serif;font-size:clamp(19px,2.5vw,30px);text-shadow:0 2px #162a2f}.finale-subtitle{color:#f2e6be;font-size:13px;margin-top:6px}.finale-active .flake{background:transparent!important;width:16px!important;height:16px!important}.finale-active .flake:before{content:'✦';color:#ffdb72;font-size:16px;text-shadow:0 0 8px #ffe396}.finale-active .snowfall{z-index:14}.finale-active .wish-sky,.finale-active .featured-wish,.finale-active .round-banner,.finale-active .spotlight,.finale-active #arrival{display:none!important}.finale-active .citizens{pointer-events:none;z-index:11}.snowman.gathering{animation:hero-gather 3.2s ease-in-out forwards!important;animation-delay:var(--gather-delay,0s)!important}.finale-active .plaza-emblem{opacity:0;transition:opacity 2s}.finale-active .city-footer{z-index:15}@keyframes hero-gather{0%{opacity:1;transform:translate(0,0) scale(1);filter:drop-shadow(0 0 4px #e8f4d1)}55%{opacity:1;filter:drop-shadow(0 0 16px #e8f4d1)}100%{opacity:0;transform:translate(var(--gather-x),var(--gather-y)) scale(.15);filter:drop-shadow(0 0 20px #fff6cc)}}@keyframes finale-reveal{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}@media(max-width:700px){.giant-snowman{width:60vw;height:55vh}.finale-stage{padding-top:80px}.finale-subtitle{font-size:10px}}@media(prefers-reduced-motion:reduce){.gathering{opacity:0!important}.finale-stage{opacity:1!important;transform:none!important}.letter-shards{display:none}}
.finale-active .citizens{animation:finale-citizens-hide 5s step-end both;animation-delay:var(--scene-delay,0s)}@keyframes finale-citizens-hide{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.finale-active .citizens{opacity:0}}
/* The environment starts grey. Heroes, photos, sparks and bulbs stay colorful. */
.city-page .landscape{filter:grayscale(1) brightness(.65) contrast(.94)!important;transition:none}
.city-page .landscape-color{filter:none!important;opacity:0;pointer-events:none;z-index:1}
.city-page.color-restored .landscape-color{animation:restore-world-color 4s ease-in-out both;animation-delay:var(--color-delay,0s)}
.city-page.color-returning .landscape-color{will-change:opacity}
@keyframes restore-world-color{from{opacity:0}to{opacity:1}}
.city-page .landscape-color:after{box-shadow:inset 0 0 60px #061d2222}
.city-bulb.lit{fill:var(--bulb-color)}
@media(prefers-reduced-motion:reduce){.city-page.color-restored .landscape-color{opacity:1;animation:none}}


.memory-stand{position:absolute;z-index:7;left:2%;top:47%;width:14%;min-height:115px;padding:10px 6px;border:3px solid #b29255;background:#253c38;color:#f0d99e;box-shadow:inset 0 0 0 3px #122a2c,0 8px 0 #4b4436;text-align:center}.memory-stand>span{display:block;font-size:11px;font-weight:bold}.memory-stand small{display:block;margin:7px 0;font-size:10px}.memory-stand img{width:30%;height:35px;object-fit:cover;border:1px solid #ddc18c;transform:rotate(-5deg);margin-right:2px}.memory-preview{width:100%;max-height:240px;object-fit:contain;background:#14292d;margin:15px 0;border:1px solid #8b7951}.memory-gallery{position:absolute;z-index:19;inset:12% 8% 9%;background:#152d32f5;border:2px solid #b79b62;padding:20px;overflow:auto;box-shadow:0 15px 50px #0008}.memory-gallery header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.memory-gallery h2{margin:0;font-size:25px}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.memory-tile{text-align:left;background:#263d3c;border:1px solid #83754e;padding:8px;color:#e6dfbe}.memory-tile img{width:100%;height:140px;object-fit:cover}.memory-tile strong,.memory-tile span{display:block;margin:7px 2px;font-size:12px;overflow-wrap:anywhere}.memory-tile span{font-size:10px;line-height:1.5;color:#bfcbb4}.memory-lightbox{position:absolute;z-index:22;inset:10% 12% 8%;background:#132b32f8;border:2px solid #c1a464;padding:18px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009}.memory-large{width:100%;min-height:0;flex:1;object-fit:contain}.memory-close{position:absolute;right:12px;top:12px;font-size:22px;min-height:36px;padding:3px 12px}.memory-large-caption{padding:12px;text-align:center}.memory-large-caption p{font-size:15px;margin:7px 0;overflow-wrap:anywhere}.memory-navigation{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#b8bea2}.memory-navigation button{min-height:30px;padding:5px 15px}.host-memory{display:flex;gap:12px;padding:12px;border:1px solid #637052;margin-top:12px}.host-memory img{width:85px;height:75px;object-fit:cover}.host-memory>div{min-width:0}.host-memory p{font-size:12px;overflow-wrap:anywhere}.host-memory button{min-height:32px;font-size:11px}.finale-active .memory-stand,.finale-active .memory-gallery,.finale-active .memory-lightbox{display:none!important}@media(max-width:700px){.memory-stand{min-height:85px;left:1%;width:14%;padding:6px 2px;top:52%}.memory-stand>span{font-size:8px}.memory-stand small{font-size:7px}.memory-stand img{height:18px}.memory-gallery{inset:12% 3% 10%;padding:14px}.memory-grid{grid-template-columns:repeat(2,1fr);gap:9px}.memory-tile img{height:100px}.memory-lightbox{inset:12% 3% 10%;padding:12px}}

/* Wishes share the town's noticeboard layout. */
.wish-stand{left:auto;right:2%;top:47%}
.wish-stand-lights{font-size:20px;color:#ddbc76;display:flex;justify-content:center;gap:5px}
.wish-stand-lights i{font-style:normal}
.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.wish-tile{background:#263d3c;border:1px solid #83754e;padding:18px;color:#e6dfbe;text-align:left}
.wish-tile-light{display:block;font-size:28px;color:var(--wish-color);margin-bottom:10px}
.wish-tile strong{font-size:14px}
.wish-tile p{color:#d7dfce;font-size:14px;overflow-wrap:anywhere;margin-bottom:0}
.city-page .featured-wish{z-index:23}
.finale-active .wish-stand,.finale-active .wish-gallery{display:none!important}
@media(max-width:700px){.wish-stand{left:auto;right:1%;top:52%}.wish-stand-lights{font-size:12px;gap:2px}.wish-grid{grid-template-columns:1fr}}

/* A quiet night behind the final greeting; bursts animate only opacity and scale. */
.finale-night{display:none;position:absolute;inset:0;z-index:8;background:#061325bd;pointer-events:none}
.finale-active .finale-night{display:block}
.finale-fireworks{position:absolute;inset:0;overflow:hidden}
.finale-burst{position:absolute;left:var(--burst-x);top:var(--burst-y);width:110px;height:110px;transform:translate(-50%,-50%);color:var(--burst-color)}
.finale-burst:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 3%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 83% 17%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 97% 50%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 83% 83%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 50% 97%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 17% 83%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 3% 50%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 17% 17%,currentColor 0 2px,transparent 3px);opacity:0;animation:quiet-finale-burst 12s ease-out infinite;animation-delay:var(--burst-delay)}
@keyframes quiet-finale-burst{0%,6%{opacity:0;transform:scale(.05)}7%{opacity:1}19%{opacity:0;transform:scale(1.7)}100%{opacity:0;transform:scale(1.7)}}
.finale-stage{padding:24px 20px;gap:12px;background:none}
.finale-heading{max-width:900px;text-align:center;font-size:clamp(18px,2.6vw,32px);line-height:1.3}
.giant-snowman{width:min(320px,38vw);height:min(430px,58vh);filter:none;flex-shrink:1;min-height:0}
.giant-greeting{position:static;background:#102736ed;border:1px solid #d7b56e;padding:10px 28px;border-radius:8px;color:#ffe4a3;text-shadow:0 2px 2px #0006;font-size:clamp(24px,3.5vw,42px);line-height:1.2}
.giant-logo{top:65%}
@media(max-width:700px){.finale-stage{padding:22px 14px;gap:10px}.giant-snowman{width:min(310px,60vw);height:53vh}.finale-heading{font-size:20px;max-width:95%}.giant-greeting{font-size:28px;padding:9px 20px}}
@media(prefers-reduced-motion:reduce){.finale-burst:before{animation:none}}

/* Christmas banner with pixel holly ornaments. */
.finale-heading{position:relative;background:#952f38;border:2px solid #d5b16a;box-shadow:inset 0 0 0 4px #6e2029,0 5px 0 #06132566;padding:16px 62px;color:#fff0c4;text-shadow:0 2px #5a1b24;font-size:clamp(18px,2.3vw,30px);max-width:min(940px,94vw)}
.finale-heading:before,.finale-heading:after{content:'';position:absolute;top:50%;width:38px;height:40px;transform:translateY(-50%);background:linear-gradient(#df554b,#df554b) 17px 25px/8px 8px no-repeat,linear-gradient(#f27659,#f27659) 25px 20px/8px 8px no-repeat,linear-gradient(#bf3a40,#bf3a40) 25px 29px/8px 8px no-repeat,linear-gradient(135deg,#57834a 50%,#2e5b3d 50%) 0 0/24px 25px no-repeat,linear-gradient(45deg,#2e5b3d 50%,#6a9652 50%) 15px 4px/23px 24px no-repeat;clip-path:polygon(0 0,14% 8%,25% 0,39% 15%,52% 4%,64% 12%,81% 6%,100% 20%,89% 37%,100% 50%,89% 65%,100% 81%,83% 100%,65% 95%,50% 100%,42% 82%,22% 73%,28% 57%,8% 45%,14% 30%,0 20%)}
.finale-heading:before{left:12px}
.finale-heading:after{right:12px;transform:translateY(-50%) scaleX(-1)}
@media(max-width:700px){.finale-heading{padding:12px 44px;font-size:18px}.finale-heading:before,.finale-heading:after{width:30px;height:36px}.finale-heading:before{left:7px}.finale-heading:after{right:7px}}

.host-reset{margin-top:26px;padding-top:18px;border-top:1px solid #7d7150}
.moderation-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.moderation-actions button{font-size:11px;min-height:32px}
.danger{border-color:#b46c65!important;color:#ffd3c8!important}
.moderated{border-style:dashed!important;background:#3f3039!important}
.moderation-label{display:inline-block;margin:5px;color:#ffd39b;font-size:11px}