*{box-sizing:border-box}body{margin:0;background:#102c49;color:#4b291b;font-family:"Trebuchet MS",Arial,sans-serif}button{font:inherit;cursor:pointer}header{height:68px;background:linear-gradient(#8c1f25,#64151b);color:#fff1d0;border-bottom:4px solid #e2b44b;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;z-index:20;box-shadow:0 4px 14px #0006}.logo{border:0;background:none;color:#fff1d0;font-size:25px;font-weight:900;text-shadow:3px 3px #000;display:flex;align-items:center;gap:8px}.logo img{width:22px;height:22px;object-fit:contain}.logo span{font-family:Georgia,serif}.top-right{display:flex;align-items:center;gap:12px}.top-right>b{white-space:nowrap}.progress-track{width:250px;height:14px;background:#fff0d4;border:2px solid #e2b44b;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 3px #0005}.progress-track div{height:100%;width:0;background:#e7bd3e;transition:width .35s ease}.music{margin-left:4px;background:#f4d48a;border:3px solid #62371f;border-radius:8px;padding:7px 12px;font-weight:900;color:#4b291b;box-shadow:0 2px 0 #0003}#snow{position:fixed;inset:0;pointer-events:none;z-index:30}.flake{position:absolute;color:#fff;opacity:.7;animation:fall linear infinite}@keyframes fall{to{transform:translateY(105vh) rotate(360deg)}}main{min-height:calc(100vh - 64px)}.map-home{min-height:calc(100vh - 68px);background:#0b2740;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.map-board{position:relative;width:100%;height:calc(100vh - 68px);max-width:1536px;background-image:url("images/map.png");background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.map-spot{position:absolute;transform:translate(-50%,-50%);width:70px;height:70px;border:0;background:transparent;padding:0;z-index:5;cursor:pointer}.spot-ring{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#a52e3a,#7c1e2a);border:4px solid #d5a74a;box-shadow:0 4px 0 #5b241c,0 5px 15px #0009;transition:transform .15s ease,filter .15s ease}.spot-ring img{width:38px;height:38px;object-fit:contain;image-rendering:auto;filter:drop-shadow(1px 2px 1px #0006)}.map-spot:hover .spot-ring{transform:scale(1.1);filter:brightness(1.12)}.map-spot:active .spot-ring{transform:scale(.96)}.map-spot.completed .spot-ring{background:linear-gradient(#3f8a58,#27643c);border-color:#f1d67a}.spot-check{position:absolute;right:-3px;top:-4px;width:24px;height:24px;border-radius:50%;background:#fff3c5;color:#27643c;border:3px solid #70401e;font-weight:900;line-height:18px}.map-certificate{position:absolute;right:18px;bottom:16px;background:#f4d48a;color:#4b291b;border:3px solid #62371f;border-radius:8px;padding:7px 12px;font-weight:900;box-shadow:0 3px 0 #0004;z-index:6}.map-certificate:hover{filter:brightness(1.08)}.wrap{padding:18px;background:radial-gradient(circle at top,#fff2d0,#c9e2ee 60%,#a9c8d8);min-height:calc(100vh - 64px)}.panel{max-width:1120px;margin:auto;background:#fff2d8;border:5px solid #68391f;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #0007}.head{background:linear-gradient(#7c2921,#591b18);color:#fff1d2;padding:12px 17px;display:flex;justify-content:space-between;align-items:center}.head h2{margin:0}.head p{margin:3px 0;font-size:12px}.back,.primary,.secondary{border:3px solid #60351e;border-radius:8px;padding:8px 13px;font-weight:900}.back,.secondary{background:#f3d58c;color:#4b291b}.primary{background:#2d7049;color:#fff1d2}.body{padding:16px}.hint{text-align:center;font-weight:900;color:#71291f;min-height:26px}.scene{position:relative;min-height:500px;border:4px solid #64381f;border-radius:11px;overflow:hidden;background-position:center;background-size:cover}.counter{display:inline-block;background:#fff2d8dd;border:3px solid #6c3b20;border-radius:8px;padding:7px 12px;font-weight:900;margin-bottom:8px}.snowflake{position:absolute;width:48px;height:48px;object-fit:contain;cursor:pointer;animation:drop linear forwards}@keyframes drop{to{transform:translateY(520px) rotate(300deg)}}.ice{background-image:url("images/icegarden.png")}.workshop{background-image:url("images/workshop.png")}.bench{position:absolute;bottom:4%;left:4%;right:4%;background:#9b6136dd;border:5px solid #5d341f;border-radius:10px;padding:12px}.gifts{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.gift{background:#fff6df;border:4px solid #784726;border-radius:9px;padding:5px;width:100px}.gift img{width:70px;height:70px;object-fit:contain}.gift.selected{border-color:#2d7249;box-shadow:0 0 0 4px #8dc56c}.boxes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.box{background:#c98c4c;border:5px dashed #60351e;border-radius:8px;min-width:145px;min-height:105px;padding:7px;text-align:center;font-weight:900}.box img{width:40px;height:40px;object-fit:contain}.box.full{background:#91c46e}.bakery{background-image:url("images/bakery.png");display:flex;align-items:flex-end;justify-content:center;padding:18px}.bowl{width:250px;height:155px;border-radius:50%;background:#fff3dfed;border:6px solid #6a3b20;display:flex;align-items:center;justify-content:center;font-weight:900}.ingredients{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.ingredient{background:#fff;border:3px solid #8e5b35;border-radius:8px;padding:6px;font-weight:900}.ingredient img{width:60px;height:60px;object-fit:contain}.ingredient.used{opacity:.4}.bake{display:block;margin:10px auto;background:#7d3023;color:#fff0d3;border:4px solid #4d2118;border-radius:8px;padding:10px 20px;font-weight:900}.stables{background-image:url("images/workshop.png");padding:14px}.deergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.deer{background:#fff0dbee;border:4px solid #744624;border-radius:9px;padding:8px;text-align:center}.deer img{width:100px;height:110px;object-fit:contain}.drop{background:#f2d58e;border:3px dashed #744624;border-radius:7px;padding:8px}.names{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px}.chip{background:#fff;border:3px solid #744624;border-radius:8px;padding:8px 13px;font-weight:900}.post{background-image:url("images/postoffice.png");padding:14px}.mail{display:grid;grid-template-columns:1fr 1fr;gap:14px}.desk{background:#fff1d9ed;border:4px solid #744624;border-radius:10px;padding:12px}.letter{display:flex;align-items:center;gap:8px;background:#fff;border:3px solid #986139;border-radius:8px;padding:7px;margin:7px 0}.letter img{width:50px;height:45px;object-fit:contain}.envs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.env{background:#fffaf0;border:4px solid #986139;border-radius:8px;padding:8px;text-align:center;min-height:105px}.env img{width:55px;height:55px;object-fit:contain}.closet{background:#dfc99f;min-height:500px;padding:12px;background-image:url("images/andie.png");background-repeat:no-repeat;background-position:center bottom;background-size:210px}.rack{background:#fff0d9ee;border:4px solid #704221;border-radius:10px;padding:10px;margin-bottom:10px}.rackgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.item{background:#fff;border:3px solid #8c5932;border-radius:8px;padding:7px}.item img{width:62px;height:62px;object-fit:contain}.item.sel{border-color:#2d7149;box-shadow:0 0 0 3px #8bc56c}.result{background:#e1f1d6;border:4px solid #4c8950;border-radius:10px;padding:15px;text-align:center;margin:12px auto;max-width:650px}.cert{background:#f7e2ae;border:12px solid #74391f;border-radius:10px;padding:22px;text-align:center}.cert h1{color:#75251c;font-size:40px}.certname-input{font:900 30px "Trebuchet MS",Arial,sans-serif;color:#24623e;background:transparent;border:0;border-bottom:4px solid #74391f;display:inline-block;width:min(90%,500px);padding:6px;text-align:center;outline:none}.certname-input::placeholder{color:#24623e;opacity:.55}.chars{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.chars img{width:82px;height:100px;object-fit:contain}@media(max-width:850px){.locations{grid-template-columns:1fr 1fr}.deergrid{grid-template-columns:1fr 1fr}.ingredients{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.locations{grid-template-columns:1fr}.mail{grid-template-columns:1fr}.title h1{font-size:30px}}@media print{header,#snow,.back,.print{display:none}.wrap{padding:0;background:white}.panel{border:0;box-shadow:none}.head,.body> :not(.cert){display:none}.cert{min-height:95vh}}

@media(max-width:850px){.top-right{gap:7px}.top-right>b{font-size:12px}.progress-track{width:150px}.logo{font-size:20px}.map-spot{width:58px;height:58px}.spot-ring{width:54px;height:54px}.spot-ring img{width:31px;height:31px}}
@media(max-width:550px){header{padding:7px 9px}.logo{font-size:16px}.top-right>b{display:none}.progress-track{width:90px;height:11px}.music{padding:6px 8px;font-size:12px}.map-board{background-position:center center}.map-spot{width:48px;height:48px}.spot-ring{width:46px;height:46px;border-width:3px}.spot-ring img{width:27px;height:27px}.map-certificate{right:8px;bottom:8px;font-size:11px}}
.center{text-align:center;margin-top:10px}.gamebar{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.gamebar span{background:#fff2d8;border:3px solid #704221;border-radius:8px;padding:7px 12px;font-weight:900}.match-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.match-side{background:#fff1d9eF;border:4px solid #744624;border-radius:12px;padding:12px}.match-side h3,.reindeer-game h3{text-align:center;margin:0 0 10px;color:#71291f}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.match-card{background:#fffaf0;border:4px solid #9a6338;border-radius:10px;min-height:155px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.15s}.match-card img{width:85px;height:85px;object-fit:contain}.match-card.selected{border-color:#d79d22;box-shadow:0 0 0 4px #f1d37b;transform:translateY(-2px)}.match-card.matched{border-color:#4b8b50;background:#e4f3d8;opacity:.75}.colour-dot,.large-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #60351e}.colour-dot.red,.large-dot.red{background:#d62e2e}.colour-dot.green,.large-dot.green{background:#36a84b}.colour-dot.blue,.large-dot.blue{background:#3989df}.colour-dot.white,.large-dot.white{background:#fff;border-color:#777}.large-dot{width:38px;height:38px}.reindeer-game{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;background:#fff1d9dd;border:4px solid #744624;border-radius:12px;padding:14px}.deer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.deer-card,.colour-card{background:#fffaf0;border:4px solid #9a6338;border-radius:10px;padding:8px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;min-height:145px}.deer-card{flex-direction:column}.deer-card img{width:100px;height:100px;object-fit:contain}.deer-card.selected,.colour-card.selected{border-color:#d79d22;box-shadow:0 0 0 4px #f1d37b}.deer-card.matched,.colour-card.matched{border-color:#4b8b50;background:#e4f3d8}.colour-grid{display:grid;grid-template-columns:1fr;gap:10px}.colour-card{min-height:75px;flex-direction:row}.memory-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:850px;margin:0 auto;background:#fff1d9dd;border:4px solid #744624;border-radius:12px;padding:14px}.memory-card{position:relative;aspect-ratio:1/1;background:#8c2630;border:4px solid #5e2e1d;border-radius:10px;padding:0;overflow:hidden}.memory-card .card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f5d78b;font-size:40px;font-weight:900}.memory-card .card-front{position:absolute;inset:0;background:#fffaf0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px}.memory-card .card-front img{width:62px;height:62px;object-fit:contain}.memory-card.flipped .card-back{display:none}.memory-card.flipped .card-front{display:flex}.memory-card.matched{border-color:#4b8b50}.ginger-result{max-width:480px;margin:14px auto;background:#e4f3d8;border:4px solid #4b8b50;border-radius:12px;text-align:center;padding:15px}.ginger-result img{width:95px;height:95px;object-fit:contain}.ginger-result h2{margin:4px 0;color:#6e2b20}@media(max-width:800px){.match-layout,.reindeer-game{grid-template-columns:1fr}.memory-board{grid-template-columns:repeat(4,1fr)}.match-card{min-height:135px}}@media(max-width:550px){.memory-board{grid-template-columns:repeat(3,1fr);gap:7px;padding:8px}.memory-card .card-front img{width:45px;height:45px}.match-grid{grid-template-columns:1fr 1fr}.deer-grid{grid-template-columns:1fr 1fr}}