@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Mountains+of+Christmas:wght@700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff5df;background:#112014;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:3px solid #fff2bc}button:disabled{cursor:wait}.christmas-world{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.room{z-index:-2;background:url(/christmas-room.png) 50%/cover no-repeat;position:fixed;inset:0}.room:after{content:"";background:linear-gradient(#10080222,#0000 20% 75%,#13080366);position:absolute;inset:0}.tree-view{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:12px 10px 18px;display:flex;position:relative}.choose-title{color:#ffe0a0;text-shadow:0 3px 12px #210d06,0 0 24px #c2813955;z-index:3;margin:0;font-family:Mountains of Christmas,Georgia,serif;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1;position:absolute;top:32px;left:8%;transform:rotate(-7deg)}.tree-scene{aspect-ratio:1086/1448;filter:drop-shadow(0 18px 18px #0005);flex-shrink:0;width:min(70svh,750px);margin:0 auto;position:relative}.real-tree{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.tree-scene:before{content:"";filter:blur(18px);z-index:-1;background:#160e09;border-radius:50%;width:76%;height:5%;position:absolute;bottom:0;left:12%}.bauble{aspect-ratio:1;width:13.2%;transform:translate(-50%,-50%) rotate(var(--swing));color:#fff6d6;z-index:3;text-shadow:0 1px 3px #4b001b;background:radial-gradient(at 27% 17%,#fff7ddce 0%,#ffb9a05c 8%,#f25462 17%,#c81431 37%,#8c0c20 67%,#480718 95%);border:1px solid #f4c98955;border-radius:50%;place-items:center;padding:1px;font-family:Georgia,serif;font-size:clamp(10px,1.25svh,14px);font-weight:700;transition:scale .2s,filter .2s,transform .2s;display:grid;position:absolute;box-shadow:inset -4px -7px 10px #370010a6,inset 1px 2px 4px #ffe5bca8,0 7px 8px #0008}.bauble:before{content:"";background:repeating-linear-gradient(90deg,#865a21 0%,#f9e1a3 18%,#b28640 32%);border-radius:3px 3px 1px 1px;width:22%;height:13%;position:absolute;top:-10%;left:39%;box-shadow:0 -1px 1px #fff4d2}.bauble:after{content:"";z-index:-1;border:1px solid #efcb85;border-radius:50%;width:8%;height:10%;position:absolute;top:-18%;left:46%}.bauble span{z-index:1;letter-spacing:-.3px;max-width:100%;position:relative}.bauble.kids{color:#502e09;text-shadow:0 1px 1px #fff3b9aa;background:radial-gradient(at 27% 17%,#fffde5 0%,#fff0b9 8%,#f4d078 20%,#d1a13a 43%,#96671f 75%,#5a3510 98%);box-shadow:inset -4px -7px 10px #60351088,inset 1px 2px 4px #fffbe6,0 7px 8px #0008}.bauble:hover{filter:brightness(1.12);z-index:5;transform:translate(-50%,-57%)rotate(0)scale(1.1)}.bauble:active{scale:.96}.colour-key{text-shadow:0 2px 5px #000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#170c0755;border:1px solid #d9a84a30;border-radius:25px;align-items:center;gap:24px;padding:9px 16px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.colour-key span{align-items:center;gap:8px;display:flex}.colour-key i{border-radius:50%;width:13px;height:13px;display:block;box-shadow:inset 1px 1px 2px #fffc,0 1px 3px #000}.red-dot{background:radial-gradient(at 30% 20%,#f59c90,#bf0d29 60%)}.gold-dot{background:radial-gradient(at 30% 20%,#fff0ad,#bf8d30 60%)}.sound-switch{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffe2aa;background:#19120da8;border:1px solid #dfb76a66;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:22px;right:22px}.sound-switch svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px}.tree-sparkles{pointer-events:none;position:absolute;inset:0}.tree-sparkles span{color:#fff2b1;text-shadow:0 0 10px #ffce67,0 0 20px #ffb536;font-size:16px;animation:3s ease-in-out infinite twinkle;position:absolute}.magic-dust{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.magic-dust i{opacity:0;background:#ffe6ad;border-radius:50%;width:3px;height:3px;animation:7s ease-in-out infinite dust;position:absolute;box-shadow:0 0 10px #ffe6ad}.tree-message,.all-picked{text-align:center;z-index:7;background:#19301bec;border:1px solid #d2a75d;border-radius:12px;padding:15px 22px;font-size:14px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.tree-message button{color:#4a2410;background:#efd18e;border:0;border-radius:5px;margin:12px auto 0;padding:8px 15px;display:block}.santa-view{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#140c0755;flex-direction:column;align-items:center;min-height:100svh;padding:38px 20px 65px;display:flex;position:relative}.back-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff0d2;z-index:12;background:#19120db0;border:1px solid #dfb76a66;border-radius:25px;padding:12px 20px;font-size:14px;position:absolute;top:22px;left:22px}.back-button:disabled{opacity:.5}.greeting{text-align:center;z-index:2;padding:10px 85px 20px}.greeting h1{color:#ffe2a8;text-shadow:0 3px 12px #0008;outline:none;margin:0 0 10px;font-family:Mountains of Christmas,Georgia,serif;font-size:clamp(36px,5svh,58px);line-height:1.1}.greeting p{color:#fff0d9;margin:0;font-size:14px;line-height:1.6}.santa-stage{aspect-ratio:2/3;background:#fff;border:3px solid #d9b468;border-radius:14px;height:min(72svh,800px);position:relative;overflow:hidden;box-shadow:0 20px 90px #000a}.santa{object-fit:contain;width:100%;height:100%;display:block}.face-target{cursor:url(/hand.svg) 42 30,pointer;background:0 0;border:none;border-radius:45%;width:31%;height:14%;position:absolute;top:7.5%;left:33%}.face-target:hover{box-shadow:0 0 0 2px #f1cf77aa}.face-target:disabled{cursor:default;pointer-events:none}.smack-word{color:#b91426;clip-path:polygon(50% 0,62% 15%,84% 3%,82% 26%,100% 34%,87% 52%,100% 74%,76% 74%,75% 100%,53% 84%,35% 100%,29% 81%,3% 87%,14% 63%,0 47%,18% 35%,10% 10%,36% 19%);background:#ffdc80;padding:20px 16px;font-size:38px;font-weight:900;position:absolute;top:12%;left:49%;transform:rotate(13deg)}.slapped{animation:.5s ease-in-out smack}.gift-card{text-align:center;background:linear-gradient(135deg,#bf1731,#7b0a1e);border:2px solid #f1cd7e;border-radius:6px;padding:25px 12px 28px;animation:.5s ease-out pop;position:absolute;top:38%;left:5%;right:5%;box-shadow:0 10px 30px #0007}.gift-card:before,.gift-card:after{content:"✦";color:#edc270;font-size:16px;position:absolute;top:8px}.gift-card:before{left:10px}.gift-card:after{right:10px}.gift-card>span{color:#ffedc8;font-size:14px}.gift-card h2{color:#ffedb9;margin:8px 0 0;font-family:Mountains of Christmas,Georgia,serif;font-size:clamp(36px,5.4svh,62px);line-height:1.15}.error{text-align:center;color:#fff0d4;background:#651529;border:1px solid #dfb76a88;border-radius:6px;max-width:500px;padding:12px 18px;line-height:1.5}.music-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffe7bd;z-index:15;background:#26150cdd;border:1px solid #dfb76a66;border-radius:25px;padding:10px 18px;font-size:12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti i{width:9px;height:17px;animation:3s ease-in both fall;position:absolute;top:-20px}@keyframes twinkle{0%,to{opacity:.2;scale:.5}50%{opacity:1;scale:1.2}}@keyframes dust{0%,to{opacity:0;transform:translateY(20px)}50%{opacity:.65;transform:translateY(-20px)}}@keyframes smack{15%{transform:rotate(-7deg)translate(-24px)}40%{transform:rotate(8deg)translate(16px)}75%{transform:rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fall{to{top:110%;transform:rotate(780deg)translate(80px)}}@media (max-aspect-ratio:4/5){.room{background-position:50%;background-size:auto 100%}.tree-view{justify-content:center;padding:78px 8px 65px}.tree-scene{width:100%;max-width:650px}.choose-title{white-space:nowrap;font-size:34px;top:24px;left:50%;transform:translate(-50%)}.bauble{width:13.8%;min-width:44px;font-size:clamp(8px,2.15vw,13px)}.bauble span{letter-spacing:-.55px}.colour-key{font-size:11px;bottom:20px}.greeting{width:100%;padding:38px 0 18px}.greeting h1{font-size:42px}.greeting p{max-width:290px;margin:auto;font-size:13px}.santa-view{padding:25px 14px 65px}.santa-stage{aspect-ratio:2/3;width:min(88vw,430px);height:auto}.back-button{padding:10px 16px;top:16px;left:14px}.sound-switch{width:39px;height:39px;top:16px;right:14px}.gift-card h2{font-size:44px}}@media (max-height:600px) and (min-aspect-ratio:4/5){.tree-scene{width:410px}.tree-view{min-height:620px}.choose-title{font-size:30px}.santa-view{min-height:680px}.santa-stage{height:480px}.bauble{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.confetti,.magic-dust{display:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#19150e;background:#bbd49c}.room:after{background:0 0}.tree-scene{filter:drop-shadow(0 9px #0002)}.choose-title{color:#b51a20;text-shadow:2px 2px #fff5cb,-1px -1px #fff5cb,0 3px #13150b;font-family:Mountains of Christmas,Georgia,serif}.bauble{color:#fff;text-shadow:0 1px 2px #6d071b;background:radial-gradient(at 28% 20%,#ffb2a4 0 8%,#ff423e 10% 48%,#d8152b 50% 100%);border:3px solid #111b0e;font-family:DM Sans,Arial,sans-serif;font-weight:700;box-shadow:inset -3px -5px #a40e2844,1px 4px #0b180d66}.bauble.kids{color:#382709;text-shadow:none;background:radial-gradient(at 28% 20%,#fff4b7 0 8%,#ffda38 10% 48%,#f7ac18 50% 100%);border-color:#111b0e;box-shadow:inset -3px -5px #ad641e44,1px 4px #0b180d66}.bauble:before{box-shadow:none;background:#f0b623;border:2px solid #111b0e;height:13%;top:-11%}.bauble:after{border:2px solid #111b0e;top:-18%}.colour-key{color:#211c0e;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff0c9;border:3px solid #181d10;font-weight:700;box-shadow:2px 3px #0003}.colour-key i{box-shadow:none;border:2px solid #181d10;width:15px;height:15px}.sound-switch,.back-button,.music-control{color:#211c0e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff0c9;border:3px solid #181d10;font-weight:700;box-shadow:2px 3px #0003}.santa-view{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbefcf44}.greeting h1{color:#b91425;text-shadow:2px 2px #fff5cb,-1px -1px #fff5cb}.greeting p{color:#142515;background:#fff0c9;border:2px solid #171e10;border-radius:20px;padding:9px 17px;font-weight:700}.santa-stage{border:4px solid #171e10;box-shadow:6px 8px #171e1055}.gift-card{background:#e52231;border:4px solid #171e10;box-shadow:4px 5px #171e1077}.gift-card h2{color:#fff1ba}.tree-message,.all-picked{color:#211c0e;background:#fff0c9;border:3px solid #181d10}.error{color:#a01925;background:#fff0c9;border:3px solid #171e10}.magic-dust{display:none}.santa-stage{box-shadow:none;filter:drop-shadow(4px 8px #171e1033);background:0 0;border:0;overflow:visible}.face-target{width:34%;height:23%;top:12%;left:30%}.gift-card{top:43%}.forgot-button{color:#211c0e;z-index:5;background:#fff0c9;border:2px solid #191e10;border-radius:22px;padding:10px 15px;font-size:12px;font-weight:700;position:absolute;bottom:24px;right:24px;box-shadow:2px 3px #0003}.pin-view{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbefcf44;place-items:center;min-height:100svh;padding:90px 18px 40px;display:grid}.pin-card{color:#251e0d;background:#fff0c9;border:4px solid #181d10;border-radius:20px;width:min(100%,390px);padding:30px 28px;box-shadow:7px 9px #171e1055}.pin-card h1{color:#b91425;text-align:center;margin:0 0 24px;font-family:Mountains of Christmas,Georgia,serif;font-size:38px}.pin-card label{margin-bottom:20px;font-size:14px;font-weight:700;display:block}.pin-card input,.pin-card select{color:#211c0e;width:100%;font:inherit;background:#fffaf0;border:2px solid #181d10;border-radius:9px;margin-top:8px;padding:13px;display:block}.pin-card input{letter-spacing:9px;text-align:center;font-size:24px}.pin-card input:focus,.pin-card select:focus{outline-offset:2px;outline:3px solid #dcaa2a}.pin-card #pin-help{text-align:center;font-size:12px;line-height:1.6}.pin-submit{color:#fff8de;background:#dd2333;border:3px solid #181d10;border-radius:12px;width:100%;padding:13px;font-size:16px;font-weight:700;box-shadow:2px 3px #171e1033}.pin-submit:disabled{opacity:.65}.pin-error{color:#ab1527;text-align:center;font-size:13px;line-height:1.5}@media (max-aspect-ratio:4/5){.forgot-button{white-space:nowrap;padding:8px 13px;font-size:11px;bottom:62px;right:50%;transform:translate(50%)}.tree-view{padding-bottom:110px}.bauble{min-width:42px}}.welcome-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:24px 18px 28px;display:flex}.welcome-view h1{z-index:1;color:#b91425;text-shadow:2px 2px #fff5cb,-2px -2px #fff5cb,2px -2px #fff5cb,-2px 2px #fff5cb;margin:0;font-family:Mountains of Christmas,Georgia,serif;font-size:clamp(40px,5.5vw,72px);line-height:.95;transform:rotate(-2deg)}.welcome-view h1 span{letter-spacing:.09em;margin-top:10px;font-size:.58em;display:block}.welcome-tree{object-fit:contain;filter:drop-shadow(3px 6px #171e1022);-webkit-user-select:none;user-select:none;width:auto;max-width:94vw;height:min(62svh,720px);display:block}.enter-button{z-index:1;color:#fff5d6;background:#de2434;border:3px solid #181d10;border-radius:18px;justify-content:center;align-items:center;min-width:190px;min-height:56px;padding:13px 35px;font-size:20px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;position:relative;box-shadow:4px 5px #181d10}.enter-button:hover{background:#ef3141;transform:translateY(-2px);box-shadow:4px 7px #181d10}.enter-button:active{transform:translate(2px,3px);box-shadow:2px 2px #181d10}.enter-button:focus-visible{outline-offset:6px;outline:3px solid #fff5cb}@media (max-width:600px){.welcome-view{gap:18px;padding:28px 14px}.welcome-view h1{font-size:clamp(36px,10vw,56px)}.welcome-tree{max-width:96vw;height:min(58svh,570px)}.enter-button{min-width:178px;min-height:54px;font-size:18px}}@media (max-height:550px) and (min-width:601px){.welcome-view{gap:10px;padding:18px}.welcome-view h1{font-size:40px}.welcome-view h1 span{letter-spacing:0;margin:0;font-size:1em;display:inline}.welcome-tree{height:59svh}.enter-button{min-height:46px;padding:9px 28px;font-size:17px}}