:root{font-family:Manrope,system-ui,sans-serif;color:#eef9ff;background:#091b31;font-synthesis:none;--mint:#b9f7d6;--gold:#ffd58a;--ink:#0d2841}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:default}a{color:var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffd58a;outline-offset:4px}.shell{min-height:100dvh;background:radial-gradient(ellipse at 30% 0,#244e64,transparent 55%),#091b31;padding:30px}.brand{font-size:15px;font-weight:800;letter-spacing:.14em}.brand small{font-size:10px;color:#91b3c2;display:block;margin-top:6px;letter-spacing:.28em}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.links{display:flex;gap:20px;font-size:12px}.eyebrow{color:var(--mint);letter-spacing:.16em;font-size:11px;font-weight:800;text-transform:uppercase}h1{font-size:clamp(30px,4vw,56px);letter-spacing:-.055em;line-height:1.08;margin:12px 0 18px}p{color:#a9c4d1;line-height:1.65;font-size:14px}.entry{max-width:1000px;margin:55px auto;display:grid;grid-template-columns:1fr 410px;gap:70px;align-items:center}.card{background:#132d44;border:1px solid #ffffff16;border-radius:24px;padding:28px;box-shadow:0 30px 70px #0003}.card h2{margin:0 0 6px;font-size:23px;letter-spacing:-.04em}.field{display:block;color:#c8dde6;font-size:12px;margin:20px 0 8px}input[type=text],input[type=password]{width:100%;padding:13px 15px;border:1px solid #446073;border-radius:12px;background:#0b2136;color:white;min-height:48px}.primary,.secondary{min-height:48px;border-radius:12px;padding:12px 20px;font-weight:800;background:var(--mint);color:#183d35}.secondary{background:#ffffff0d;color:#dbeef4;border:1px solid #ffffff25}.wide{width:100%;margin-top:20px}.hint{font-size:11px;color:#8aabba;line-height:1.6}.photo-row{display:flex;align-items:center;gap:18px;margin:20px 0}.photo-preview{height:68px;width:68px;background:#d9f1f7;border:3px solid #8aafbd;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#21435a;font-size:28px}.photo-preview img{width:100%;height:100%;object-fit:cover}.upload{display:inline-block;padding:10px 14px;background:#ffffff0c;border:1px dashed #7894a7;border-radius:10px;font-size:12px;cursor:pointer}.upload input{display:none}.hats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hat-option{height:44px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff05;font-size:23px}.hat-option.selected{background:#b9f7d625;border-color:var(--mint)}.hero-snow{height:320px;display:flex;align-items:center;justify-content:center;position:relative}.hero-snow:before{content:'';position:absolute;width:280px;height:70px;background:#a6d2df22;bottom:22px;border-radius:50%;filter:blur(8px)}.hero-snow .snowman{--size:150px}.hero-snow .person-name{display:none}.hero-note{display:flex;gap:10px;align-items:center;color:#9cbdcb;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);display:inline-block}.snowman{--size:66px;width:var(--size);height:calc(var(--size)*1.82);position:relative;transform-origin:50% 85%;animation:sway 3.7s ease-in-out infinite;animation-delay:var(--delay,0s)}.bodyball{position:absolute;width:90%;height:51%;bottom:10%;left:5%;border-radius:48%;background:radial-gradient(circle at 30% 25%,#fff,#e5f6fc 58%,#b3d7e6);box-shadow:inset -5px -6px 8px #79aac52b,0 8px 8px #0a273728}.bodyball:after{content:'•\a•';white-space:pre;position:absolute;left:48%;top:32%;line-height:1.1;color:#2f4c60;font-size:calc(var(--size)*.18)}.face{position:absolute;width:88%;height:48%;left:6%;top:8%;border:3px solid #f1fbff;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,#f8ffff,#bfdeeb);display:grid;place-items:center;color:#2c576b;font-size:calc(var(--size)*.32);font-weight:800}.face img{width:100%;height:100%;object-fit:cover}.scarf{position:absolute;top:50%;left:7%;width:86%;height:10%;border-radius:7px;background:var(--scarf,#c96963);box-shadow:0 3px 0 #0001}.scarf:after{content:'';position:absolute;width:21%;height:240%;right:10%;top:50%;background:inherit;border-radius:4px;transform:rotate(-8deg)}.hat{position:absolute;z-index:2;top:-7%;left:8%;width:84%;height:24%;background:var(--hat,#c96963);border-radius:55% 55% 8% 8%;transform:rotate(-7deg);border-bottom:calc(var(--size)*.09) solid #f4f7eb;box-shadow:0 3px 3px #0002}.hat:before{content:'';position:absolute;width:25%;aspect-ratio:1;top:-25%;left:37%;background:#f4f7eb;border-radius:50%}.hat[data-shape='1']{border-radius:8% 8% 0 0;width:65%;left:17%;background:#28384c;border-bottom-color:var(--hat)}.hat[data-shape='1']:before{width:150%;height:20%;aspect-ratio:auto;left:-25%;top:90%;border-radius:6px;background:#28384c}.hat[data-shape='2']{clip-path:polygon(50% 0,100% 90%,100% 100%,0 100%,0 90%);height:37%;top:-18%;border-radius:0;border:0}.hat[data-shape='2']:before{display:none}.broom{position:absolute;right:-20%;top:35%;height:58%;width:5%;background:#a78c70;transform:rotate(18deg);transform-origin:50% 70%;border-radius:4px}.broom:after{content:'';position:absolute;top:-6%;left:-220%;width:540%;height:32%;background:repeating-linear-gradient(90deg,#d5b77b 0 3px,#af8e5b 3px 5px);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.person-name{position:absolute;bottom:-6%;left:50%;transform:translateX(-50%);max-width:130%;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:3px 7px;border-radius:8px;background:#123149c9;color:#e1f1f7}.snowman.hit{filter:drop-shadow(0 0 12px #ffe29a)}.snowman.hit .broom{animation:sweep .5s ease-out}.snowman.hit:after{content:'✦';color:#ffdfa0;font-size:30px;position:absolute;right:-25%;top:0;animation:spark .65s forwards}@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes sweep{50%{transform:rotate(-90deg)}}@keyframes spark{to{transform:translate(30px,-70px);opacity:0}}.city-page{height:100dvh;min-height:550px;overflow:hidden;background:#0e243d;position:relative}.city-top{position:absolute;z-index:7;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:start}.city-title h1{font-size:30px;margin:8px 0}.city-title p{font-size:12px;margin:0}.status-pill{background:#0c233acc;backdrop-filter:blur(10px);padding:12px 20px;border:1px solid #ffffff20;border-radius:16px;display:flex;align-items:center;gap:14px;font-size:12px}.status-pill strong{font-size:23px;color:var(--mint)}.landscape{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 15%,#2c5667 0,transparent 45%),linear-gradient(#102039 0,#20475c 47%,#a8c8d8 48%,#d0e3eb 100%)}.moon{position:absolute;width:65px;height:65px;background:#fff3ce;box-shadow:0 0 60px #fff3ce44;border-radius:50%;left:76%;top:11%}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 13%,#fff 90%,transparent),radial-gradient(2px 2px at 36% 23%,#ffdbab 90%,transparent),radial-gradient(1px 1px at 66% 8%,#fff 90%,transparent),radial-gradient(1px 1px at 89% 33%,#fff 90%,transparent);background-size:400px 250px}.mountains{position:absolute;top:26%;width:100%;height:26%;background:#305166;clip-path:polygon(0 60%,8% 25%,15% 55%,23% 8%,32% 65%,42% 20%,55% 70%,65% 15%,75% 55%,85% 0,100% 70%,100% 100%,0 100%)}.village{position:absolute;left:3%;right:3%;top:31%;height:20%;display:flex;justify-content:space-between;align-items:end;gap:12px}.house{width:11%;height:75%;background:var(--wall,#587687);border-radius:3px;position:relative;box-shadow:inset -12px 0 #0001}.house:nth-child(2n){height:100%}.roof{position:absolute;top:-36%;left:-12%;width:124%;height:42%;background:#f1f6f2;clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%);filter:drop-shadow(0 5px 0 #334759)}.windows{position:absolute;inset:17% 15%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.windows i{background:#ffdc91;box-shadow:0 0 20px #ffd08588;border:3px solid #385265}.door{position:absolute;bottom:0;left:40%;height:35%;width:20%;background:#293d50;border-radius:20px 20px 0 0}.plaza{position:absolute;left:5%;right:5%;top:49%;bottom:2%;border-radius:50%;background:radial-gradient(ellipse,#f0f6f0aa,transparent 72%);border-top:2px solid #f8ffff66}.tree{position:absolute;left:47%;top:26%;width:7%;height:25%;z-index:2}.tree:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#3b776d 0 20%,#e7f3ed 21% 24%,#3b776d 25% 30%);clip-path:polygon(50% 0,76% 30%,66% 30%,90% 63%,78% 63%,100% 95%,56% 95%,56% 100%,44% 100%,44% 95%,0 95%,22% 63%,10% 63%,34% 30%,24% 30%)}.tree:after{content:'✦';position:absolute;left:33%;top:-16%;font-size:35px;color:#ffe3a2;text-shadow:0 0 20px #ffcb58}.garland{position:absolute;left:2%;right:2%;top:25%;height:40px;border-bottom:2px solid #87a29d;border-radius:0 0 50% 50%;display:flex;justify-content:space-around;align-items:end}.garland i{height:8px;width:8px;background:#ffdfa6;box-shadow:0 0 15px #ffd68c;border-radius:50%}.citizens{position:absolute;left:5%;right:5%;top:53%;bottom:9%;z-index:3;display:grid;align-content:center;justify-items:center;gap:8px 10px}.citizens .snowman{--size:clamp(33px,4.4vw,70px)}.city-footer{position:absolute;z-index:7;bottom:19px;left:34px;right:34px;display:flex;justify-content:space-between;gap:20px;color:#486676;font-size:11px;align-items:center}.city-footer a{color:#355c6e}.snowfall{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.flake{position:absolute;top:-20px;border-radius:50%;background:#fff9;animation:fall linear infinite}@keyframes fall{to{transform:translate(45px,110vh)}}.swarm{position:absolute;left:3%;right:3%;top:17%;height:34%;z-index:4;pointer-events:none}.envelope{position:absolute;font-size:clamp(21px,2.7vw,45px);filter:drop-shadow(0 6px 7px #0005);animation:fly 3s ease-in-out infinite;transition:opacity .35s,transform .35s}.envelope.gone{opacity:0;transform:translateY(-35px) scale(.1)}@keyframes fly{50%{translate:12px -12px;rotate:8deg}}.round-banner{position:absolute;top:15%;left:50%;transform:translateX(-50%);background:#102a42e8;border:1px solid #f2ce8644;padding:10px 25px;border-radius:14px;z-index:8;text-align:center;white-space:nowrap;font-size:13px}.progress{height:5px;background:#ffffff14;border-radius:10px;overflow:hidden;margin-top:12px}.progress>i{display:block;background:var(--mint);height:100%;transition:width .3s}.player{max-width:480px;margin:25px auto}.player-profile{display:flex;align-items:center;justify-content:space-between;margin:22px 0;padding:10px 20px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px}.player-profile .snowman{--size:65px;margin:14px}.player-profile h2{font-size:22px;margin:0}.player-status{font-size:11px;color:var(--mint)}.round-title{font-size:25px;margin:25px 0 8px;letter-spacing:-.04em}.letters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.letter{min-height:125px;border-radius:16px;padding:16px 10px;background:#f6ead4;color:#5d493d;box-shadow:0 5px 0 #a99479;position:relative;font-weight:800;font-size:13px;transition:transform .12s}.letter:active{transform:translateY(4px);box-shadow:0 1px 0 #a99479}.letter .icon{display:block;font-size:33px;margin-bottom:8px}.letter.good{background:#d0e9dd;box-shadow:0 5px 0 #749b8e;color:#345a4c}.player-help{display:flex;gap:10px;align-items:center;padding:15px;background:#ffffff05;border-radius:12px;font-size:12px;color:#a8c6d3}.waiting{text-align:center;padding:30px 20px;border:1px dashed #426174;border-radius:18px;margin-top:25px}.waiting span{font-size:42px}.waiting h3{font-size:21px}.host{max-width:1000px;margin:40px auto}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.metric{font-size:48px;font-weight:800;letter-spacing:-.05em;color:var(--mint)}.roster{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.roster span{background:#ffffff08;border-radius:8px;padding:6px 10px;font-size:11px}.connection{color:#91b3c2;font-size:11px}.connection.off{color:#ffc99e}.crop-modal{position:fixed;inset:0;background:#061728eF;z-index:30;display:grid;place-items:center;padding:20px}.crop-box{width:min(370px,100%)}.crop-stage{height:270px;background:#061c2b;border-radius:16px;overflow:hidden;position:relative;touch-action:none;cursor:grab;margin-top:18px}.crop-stage canvas{width:100%;height:100%;object-fit:contain}.crop-stage:after{content:'';position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid var(--mint);border-radius:50%;box-shadow:0 0 0 100px #061728aa;pointer-events:none}.crop-box input[type=range]{width:100%;margin:20px 0;accent-color:var(--mint)}#toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translateX(-50%) translateY(100px);background:#f1f7ed;color:#23483d;padding:14px 22px;border-radius:14px;font-size:13px;box-shadow:0 8px 30px #0004;transition:transform .2s;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0)}.demo-tag{color:#ffd58a;font-size:11px}.victory .tree:after{text-shadow:0 0 40px #ffd58a;animation:pulse 1s infinite}.victory .windows i{box-shadow:0 0 35px #ffd085cc}@keyframes pulse{50%{scale:1.3}}@media(min-width:1500px){.citizens .snowman{--size:74px}}@media(max-width:700px){.shell{padding:20px}.entry{margin:30px auto;display:block;max-width:420px}.entry-intro h1{font-size:36px}.hero-snow{height:170px}.hero-snow .snowman{--size:85px}.hero-note{display:none}.entry .card{margin-top:20px;padding:22px}.links{gap:12px;font-size:10px}.host-grid{grid-template-columns:1fr}.city-top{left:18px;right:18px;top:18px}.city-title h1{font-size:20px}.city-title .brand{font-size:11px}.city-title p{display:none}.status-pill{padding:8px 12px;gap:8px;font-size:10px}.status-pill strong{font-size:17px}.round-banner{top:19%;font-size:11px;padding:9px 13px}.citizens .snowman{--size:clamp(23px,5vw,38px)}.citizens{gap:7px 3px;top:52%;bottom:13%;left:2%;right:2%}.person-name{font-size:7px;padding:2px 4px}.city-footer{left:16px;right:16px;font-size:9px}.moon{width:40px;height:40px;top:24%}.windows{gap:6px}.tree:after{font-size:22px}.player{margin-top:20px}.player-profile{margin:20px 0}.card{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}

.citizens .snowman{--size:var(--citizen-size,50px)}

.spotlight{position:absolute;z-index:5;left:50%;top:24%;transform:translateX(-50%);padding:16px 28px 26px;border:1px solid #ffffff25;border-radius:20px;background:#112b40ed;max-width:80vw}.spotlight-people{display:flex;justify-content:center;gap:30px;margin-top:24px}.spotlight .snowman .person-name{max-width:160%;font-size:10px}.spotlight .eyebrow{text-align:center;font-size:10px}.citizens .snowman{cursor:pointer}.player-profile>div:first-child{min-width:0}.player-profile h2{overflow-wrap:anywhere}@media(max-width:700px){.spotlight{padding:12px 20px 22px}.spotlight-people{gap:20px}.spotlight .snowman{--size:40px!important}}
/* Social actions: independent 15-second cooldowns, no effect on the mission. */
.action-panel{margin:18px 0 24px}.action-heading{display:flex;justify-content:space-between;gap:10px;color:#d8eaf0;font-size:12px;margin-bottom:10px}.action-heading>span{color:#8bafbd;font-size:10px}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.snow-action{display:flex;align-items:center;flex-direction:column;gap:4px;min-height:92px;padding:10px 6px;border:1px solid #b9f7d633;background:#b9f7d60b;color:#e7f9ef;border-radius:14px;transition:background .15s,transform .15s}.snow-action:hover:not(:disabled){background:#b9f7d621;transform:translateY(-2px)}.snow-action:disabled{opacity:.55}.action-icon{font-size:25px;line-height:1.3}.snow-action strong{font-size:12px}.action-time{font-size:10px;color:#a8c6bb}.heart-flight{position:absolute;z-index:14;left:50%;top:0;font-size:clamp(25px,calc(var(--size)*.8),60px);color:#ff8fb5;text-shadow:0 0 16px #ff629a99;pointer-events:none;animation:heart-rise 4s ease-out both;animation-delay:var(--effect-delay,0s)}@keyframes heart-rise{0%{opacity:0;transform:translate(-50%,0) scale(.3)}12%{opacity:1;transform:translate(-50%,-25px) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + 30px),-230px) scale(.6)}}.firework-burst{position:absolute;z-index:15;left:50%;top:-70px;width:0;height:0;pointer-events:none}.firework-burst:before{content:'✦';position:absolute;left:-13px;top:-13px;font-size:26px;color:#fff5cb;animation:burst-core 2s ease-out both;animation-delay:var(--effect-delay,0s)}.firework-burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--ray-color);box-shadow:0 0 9px var(--ray-color);animation:burst-ray 2s ease-out both;animation-delay:var(--effect-delay,0s)}@keyframes burst-ray{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.4)}12%{opacity:1}65%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-85px) scale(.15)}}@keyframes burst-core{0%{opacity:0;scale:.2}12%{opacity:1;scale:1.5}100%{opacity:0;scale:.2}}.snowman.dancing{animation:snow-dance .65s ease-in-out infinite;animation-delay:var(--dance-delay,0s)}.snowman.dancing .broom{animation:broom-dance .65s ease-in-out infinite;animation-delay:var(--dance-delay,0s)}@keyframes snow-dance{0%,100%{transform:translateY(0) rotate(-9deg)}25%{transform:translateY(-12px) rotate(0)}50%{transform:translateY(0) rotate(9deg)}75%{transform:translateY(-6px) rotate(0)}}@keyframes broom-dance{0%,100%{transform:rotate(18deg)}50%{transform:rotate(-35deg)}}@media(prefers-reduced-motion:reduce){.snowman.dancing{filter:drop-shadow(0 0 9px #b9f7d6)}.heart-flight{opacity:1;transform:translate(-50%,-50px)}.firework-burst i{transform:rotate(var(--angle)) translateY(-45px)}}