:root{color-scheme:dark;--cream:#f1eadc;--muted:#bdcbd0;--gold:#edce90;--green:#285047;--line:#e8e5d72a;--panel:#10272de8}*{box-sizing:border-box}body{margin:0;background:#102432;color:var(--cream);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#scenery,.shade,#snow{position:fixed;inset:0;pointer-events:none}#scenery{z-index:-3;background:url('assets/bg-01.webp') center center/cover no-repeat}.shade{z-index:-2;background:linear-gradient(180deg,#06192340,#06192300 40%,#06192320 65%,#061923c9)}#snow{z-index:-1;overflow:hidden}.flake{position:absolute;top:-20px;width:3px;height:3px;border-radius:50%;background:#fff9;animation:fall 23s linear infinite}@keyframes fall{to{transform:translate(35px,110vh)}}.topbar{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.wordmark{text-decoration:none;font:600 17px Georgia,serif;letter-spacing:.07em}.wordmark span{opacity:.55}.snow-button{height:48px;width:48px;border:1px solid #fff3;border-radius:50%;background:#10273360;display:grid;place-items:center}.snow-button img{object-fit:contain}.landing{text-align:center;min-height:calc(100svh - 150px);display:flex;flex-direction:column;align-items:center;padding:28px 20px 50px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:650;margin:0 0 16px}.hero-title{width:min(90%,420px);height:auto;filter:drop-shadow(0 8px 20px #00101e80);margin:15px auto 28px}.landing .hero-title{margin-top:4vh}.date{font-size:13px;letter-spacing:.025em;color:#e1e8ed}.count-wrap{margin-top:12px;padding:16px 22px 22px;border-top:1px solid #ffedc94d;background:linear-gradient(#081e3970,#081e3900);border-radius:4px}.count-label{font:18px Georgia,serif;margin:0 0 15px}.countdown{display:flex;justify-content:center;gap:16px}.countdown b{display:block;font:32px/1.15 Georgia,serif;font-variant-numeric:tabular-nums}.countdown small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-top:7px}.landing-note{margin-top:auto;padding-top:90px;font:italic 18px/1.5 Georgia,serif;text-shadow:0 2px 8px #000;max-width:280px}.landing .text-button{color:#fff;font-size:13px}.text-button{background:transparent;border:0;padding:12px;color:var(--gold);text-decoration:underline;text-underline-offset:5px;min-height:44px}.page{width:min(100% - 32px,600px);margin:14px auto 30px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 22px;box-shadow:0 20px 60px #06141a35;backdrop-filter:blur(12px)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2}h1{font-size:31px;margin:0 0 14px}h2{font-size:26px;margin:0 0 16px}h3{font-size:21px}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.intro{margin:20px 0 24px;text-align:center}.intro h1{font-size:25px;margin:0 0 7px}.intro .hero-title{width:245px;margin:10px auto 0}.intro .date{margin:0}.intro .remaining{font:italic 17px Georgia,serif;color:var(--gold);margin:9px 0 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 18px}.section-head h2{margin:0}.section-head span{font-size:12px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tile{position:relative;min-height:70px;aspect-ratio:.85;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:1px solid #d0d8cb40;border-radius:12px;background:#31464770;color:var(--cream)}.tile .number{font:24px Georgia,serif}.tile .mark{font-size:12px;line-height:17px;min-height:17px}.tile.locked{background:#12262e90;color:#a3b1b8;border-color:#81949a22}.tile.solved .mark{color:#91d6a7}.tile.archive .mark{color:#b1bac1}.tile.active{background:#325a4b;border-color:var(--gold);box-shadow:0 0 0 2px #edce9026}.tile.vault{border-radius:7px;border-style:double;border-width:3px}.tile.vault .number{color:var(--gold)}.tile:hover:not(:disabled){background:#3a6154;transform:translateY(-1px)}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 15px;font-size:10px;color:var(--muted);margin-top:19px}.legend .green{color:#91d6a7}.hint-note{border-top:1px solid var(--line);padding-top:15px;margin:20px 0 0;font-size:12px;color:var(--muted);text-align:center}.tabs{display:flex;gap:8px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#10262eea;margin:16px 0}.tabs a{flex:1;text-align:center;padding:12px 4px;text-decoration:none;border-radius:12px;font-size:14px}.tabs a[aria-current=page]{background:#315447;color:#fff3d0}.back{display:inline-flex;align-items:center;text-decoration:none;font-size:13px;color:#e1e8e9;min-height:44px;margin-bottom:12px}.back span{margin-right:9px;font-size:20px}.form-label{display:block;margin:20px 0 7px;font-size:13px;color:#dfdfd3}input,select{width:100%;min-height:50px;background:#081e27;color:var(--cream);border:1px solid #b1c4c24d;border-radius:11px;padding:12px 14px}input::placeholder{color:#9aaeb5}.hoho{display:block;width:min(100%,268px);padding:0;background:transparent;border:0;margin:27px auto 10px;min-height:55px}.hoho img{display:block;width:100%;height:auto}.hoho:hover{filter:brightness(1.12)}.hoho:disabled{opacity:.4}.error{color:#ffc9a8;background:#733a282e;padding:10px 12px;border-left:2px solid #e8ad85;font-size:14px;margin:15px 0}.demo-note{font-size:12px;color:var(--muted);line-height:1.6}.demo-chip{display:inline-block;font-size:10px;letter-spacing:.1em;border:1px solid #e6cf9a55;color:var(--gold);padding:4px 9px;border-radius:20px;margin-bottom:18px}.riddle{aspect-ratio:4/3;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#365e60,#122d35);border:1px solid #abc2b12b;border-radius:15px;margin:20px 0}.riddle .star{font-size:34px;color:var(--gold);margin-bottom:13px}.riddle p{font:21px/1.5 Georgia,serif;margin:0}.stats{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:18px}.secondary,.primary{min-height:48px;padding:12px 18px;border-radius:14px;border:1px solid #a9c0b44d;background:transparent;color:var(--cream);display:block;text-decoration:none;text-align:center;width:100%;margin:14px 0 0}.primary{background:var(--green);border-color:#80aa9360}.primary:hover,.secondary:hover{background:#396151}.secondary:disabled{opacity:.5}.success-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;border:1px solid #9ccea273;color:#b4e0b7;background:#2e584342;font:35px Georgia,serif;margin:3px auto 20px}.rating{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.rating button{min-height:46px;border:1px solid #c3d1be60;background:#1b393e;border-radius:9px;color:var(--cream)}.rating button.selected{background:#d7bf86;color:#102a2c}.reveal{padding:20px;margin:20px 0;background:#31564c60;border:1px solid #e1c88b42;border-radius:12px}.reveal p{font:22px/1.5 Georgia,serif;margin:0}.progress{height:4px;background:#ffffff20;overflow:hidden;border-radius:5px;margin:18px 0 24px}.progress span{display:block;height:100%;background:#b6d2ac}.photo-preview{aspect-ratio:4/3;border:1px dashed #b7cec36b;border-radius:15px;margin:24px 0 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);overflow:hidden;background:#0c232b;text-align:center;padding:12px}.photo-preview img{width:100%;height:100%;object-fit:contain}.photo-preview.has-photo{padding:0;border-style:solid}.camera-icon{font-size:36px;color:var(--gold)}.file-control{display:block;cursor:pointer;min-height:48px;padding:12px 18px;border-radius:15px;text-align:center;background:#285047;border:1px solid #80aa9360;margin-top:14px}.file-control:focus-within{outline:3px solid var(--gold)}.demo-bar{position:relative;max-width:600px;margin:20px auto 0;padding:0 16px calc(18px + env(safe-area-inset-bottom));font-size:11px;color:var(--muted)}.demo-bar summary{cursor:pointer;padding:12px 16px;background:#0b202be8;border:1px solid #b7c9c22d;border-radius:12px;text-align:center;list-style:none;min-height:44px}.demo-bar summary::before{content:'◇ ';color:var(--gold)}.demo-controls{background:#0b202bf7;padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:5px}.demo-controls label{display:block;margin:14px 0 6px}.demo-controls p{margin:0 0 8px}.demo-controls select{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spacer{margin-top:25px}.big-symbol{font:48px Georgia,serif;color:var(--gold);margin:20px}.notice{padding:12px;background:#e7cc8820;border-radius:10px;color:#f1dcae;font-size:13px}.exit{display:block;margin:15px auto 0}.closed{margin-top:12vh}@media(min-width:760px){#scenery{background-size:auto 100%;background-color:#102432}.shade{background:linear-gradient(90deg,#071b30d9,transparent 40%,transparent 60%,#071b30d9)}.landing{padding-top:5vh}.landing .hero-title{width:400px}.countdown b{font-size:42px}.countdown{gap:24px}.page{margin-top:30px}.panel{padding:32px}.tile{min-height:86px}.landing-note{padding-top:60px}.calendar{gap:12px}.intro .hero-title{width:280px}}@media(max-width:350px){.page{width:calc(100% - 20px)}.panel{padding:22px 14px}.calendar{gap:5px}.tile{min-height:59px}.tile .number{font-size:21px}.countdown{gap:12px}.countdown b{font-size:28px}.topbar{padding:13px 17px}.riddle p{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}#snow{display:none}}

/* Kalėdinis dovanų popierius: datos spalva nepriklauso nuo misijos prieinamumo. */
.tile{isolation:isolate;overflow:visible;border:1px solid #e9d5ab70;border-radius:10px;box-shadow:0 3px 0 #030e1580, inset 0 0 0 3px #fff1;background:#632b32;color:#fff7e6;gap:2px;transition:transform .16s,box-shadow .16s;--paper:#923340;--ink:#f9dca72e;--ribbon:#e5bb70}
.tile .gift-art{position:absolute;inset:0;border-radius:9px;overflow:hidden;z-index:-1;background-color:var(--paper);background-image:repeating-linear-gradient(135deg,transparent 0 9px,var(--ink) 9px 12px,transparent 12px 21px)}
.tile.wrap-1{--paper:#276455;--ink:#f6e1af38;--ribbon:#dca34e}.tile.wrap-1 .gift-art{background-image:repeating-linear-gradient(45deg,transparent 0 12px,var(--ink) 12px 14px,transparent 14px 25px),repeating-linear-gradient(-45deg,transparent 0 12px,var(--ink) 12px 14px,transparent 14px 25px)}
.tile.wrap-2{--paper:#b54243;--ink:#ffedc67a;--ribbon:#c9d8bc}.tile.wrap-2 .gift-art{background-image:radial-gradient(circle,var(--ink) 1.5px,transparent 2px);background-size:13px 13px}
.tile.wrap-3{--paper:#e3c78d;--ink:#86643833;--ribbon:#a63340}.tile.wrap-3 .gift-art{background-image:repeating-linear-gradient(90deg,transparent 0 8px,var(--ink) 8px 11px,transparent 11px 18px)}
.tile.wrap-4{--paper:#1d5355;--ink:#d6e9d52b;--ribbon:#dcaaa1}.tile.wrap-4 .gift-art{background-image:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%);background-size:17px 17px}
.tile.wrap-5{--paper:#963b35;--ink:#f5dba23b;--ribbon:#a4c2a8}.tile.wrap-5 .gift-art{background-image:repeating-linear-gradient(0deg,transparent 0 10px,var(--ink) 10px 12px,transparent 12px 20px),repeating-linear-gradient(90deg,transparent 0 10px,var(--ink) 10px 12px,transparent 12px 20px)}
.gift-ribbon{position:absolute;inset:0 auto 0 14%;width:12%;background:var(--ribbon);box-shadow:inset 1px 0 #fff5,inset -1px 0 #0002;opacity:.8}
.gift-bow{position:absolute;width:54%;height:auto;top:3%;left:0;color:var(--ribbon);filter:drop-shadow(0 2px 1px #0005)}
.gift-spark{position:absolute;right:6%;bottom:2%;font-size:25px;color:#fff6;line-height:1}
.tile .number{font:bold clamp(23px,5vw,32px)/1.05 Georgia,serif;position:relative;margin-top:12px;z-index:1;text-shadow:0 2px 3px #000b;color:#fff9e9}
.tile .number::before{content:'';position:absolute;inset:-4px -9px;background:#132b2bd9;border:1px solid #f9e7bd5c;border-radius:7px;z-index:-1;box-shadow:0 2px 5px #0002}
.tile .mark{position:relative;display:grid;place-items:center;min-height:19px;min-width:21px;margin-top:5px;padding:1px 4px;background:#10272df2;border:1px solid #f7e6bf40;border-radius:20px;color:#ffe1a4;z-index:1}
.tile.solved .mark{color:#91d6a7}.tile.archive .mark{color:#b1bac1}
.tile.future .gift-art{filter:grayscale(1);opacity:.47}.tile.future{background:#25373c;border-color:#97a4aa59}.tile.future .number{color:#d1d8da}.tile.future .number::before{background:#17282ee8;border-color:#a1acb34d}.tile.future .mark{color:#b7c1c5}
.tile.locked{color:#b7c1c5}.tile.active{box-shadow:0 3px 0 #030e1580}.tile.vault{border-width:1px;border-style:solid;border-radius:10px}.tile.vault .number{color:#ffe0a0}.tile.future.vault .number{color:#d1d8da}
.tile.today{border:2px solid #ffe2a1;box-shadow:0 0 0 2px #b98a39,0 0 18px #ecc15b40,0 4px 0 #07191d}.tile.today::after{content:'ŠIANDIEN';position:absolute;top:-7px;left:50%;transform:translateX(-50%);padding:1px 5px;border-radius:4px;background:#f3d28b;color:#26372f;font:bold 7px/1.5 system-ui;letter-spacing:.06em;z-index:3}.today-key{color:var(--gold)}
.tile:hover:not(:disabled){background:#25373c;transform:translateY(-2px);box-shadow:0 4px 12px #0005}.tile.today:hover:not(:disabled){box-shadow:0 0 0 2px #b98a39,0 0 20px #ecc15b50}
.tile:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:350px){.tile .number{font-size:22px}.gift-spark{font-size:19px}.tile.today::after{font-size:6px;padding:1px 3px}.tile .mark{min-height:17px;margin-top:4px}.tile .number::before{inset:-3px -6px}}

.header-actions{display:flex;align-items:center;gap:10px}.music-button{color:var(--muted);flex-shrink:0}.music-button .sound-waves{display:none}.music-button[aria-pressed="true"]{color:var(--gold);border-color:#edce9080;background:#29463b90}.music-button[aria-pressed="true"] .sound-waves{display:block}.music-button[aria-pressed="true"] .sound-muted{display:none}

.puzzle-media{display:block;max-width:100%;width:100%;margin:1.2rem auto;border-radius:12px}video.puzzle-media{max-height:60vh;background:#071b25}audio.puzzle-media{height:54px}img.puzzle-media{max-height:65vh;object-fit:contain}

.reward-card{margin:24px 0;padding:24px;border:1px solid #dfbf73;border-radius:18px;background:#173a3b}.reward-text{white-space:pre-wrap;overflow-wrap:anywhere}

/* v7: compact family calendar, comfortable touch targets and quiet account controls. */
.topbar{max-width:640px;padding:12px 18px 4px;gap:10px;min-height:64px}.player-heading{display:flex;flex-direction:column;gap:3px;min-width:0;text-shadow:0 2px 6px #000}.player-heading #header-date{font-size:11px;color:#e8e1cf}.player-heading #header-name{font-size:14px;overflow-wrap:anywhere;line-height:1.25}.header-actions{gap:7px;flex-shrink:0}.snow-button{width:44px;height:44px;color:var(--cream);text-decoration:none}.home-button{color:var(--gold)}.page{margin-top:8px}.intro{margin:4px 0 12px}.intro .remaining{font:italic 23px/1.2 Georgia,serif;margin:4px 0}.intro .remaining strong{font-weight:400;color:#ffe6ae}.intro .hero-title{width:210px;max-width:66%;margin:4px auto 0;display:block}.panel:has(>.calendar){padding:22px 20px 17px}.panel:has(>.calendar) .section-head{margin-bottom:16px}.panel:has(>.calendar) h2{font-size:24px}.panel:has(>.calendar) .hint-note{margin-top:13px;padding-top:10px;font-size:11px}.legend{margin-top:13px;gap:5px 12px;font-size:9px}.tabs{margin:12px 0 0;padding:6px;border-color:#d6bd794d;background:linear-gradient(125deg,#173a35f5,#142b31f5)}.tabs a{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 5px;min-height:55px;font-size:13px}.tabs a[aria-current=page]{background:linear-gradient(130deg,#385e46,#254a40);box-shadow:inset 0 0 0 1px #e9cc794d;color:#ffe4aa}.festive-icon{position:relative;display:grid;place-items:center;width:37px;height:36px;flex-shrink:0;border:1px solid #e9bf69;border-radius:8px;box-shadow:0 2px 5px #0005;background:#e5d6ac;color:#812d2e}.festive-icon:after{content:'✦';position:absolute;right:-4px;top:-7px;color:#ffe4a7;font-size:19px;text-shadow:0 0 4px #d29838}.calendar-icon{background:linear-gradient(#a23b3c 0 30%,#f1dfb9 30%);font:bold 21px Georgia,serif;padding-top:9px}.calendar-icon:before{content:'';position:absolute;top:-4px;left:8px;width:4px;height:10px;background:#efd39a;border-radius:3px;box-shadow:15px 0 #efd39a}.photo-icon{background:linear-gradient(140deg,#bc4543,#792b35);color:#eed7a0}.photo-icon svg{width:29px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.flake{width:3.3px;height:3.3px}.flake-large{width:6px;height:6px;opacity:.65;box-shadow:0 0 5px #fff8}.account-panel h1{overflow-wrap:anywhere}.account-panel .text-button{display:block;margin:15px auto 0}
@media(max-width:759px){.page{width:calc(100% - 20px);margin-bottom:18px}.calendar{gap:9px}.tile{aspect-ratio:1;min-height:58px}.tile .number{font-size:clamp(23px,6vw,31px)}.panel:has(>.calendar){padding:19px 15px 14px}.intro .hero-title{width:190px}.intro .remaining{font-size:22px}.panel:has(>.calendar) .progress{margin:10px 0 17px}.panel:has(>.calendar)>.muted{margin:6px 0;font-size:12px}}
@media(max-width:359px){.topbar{padding:9px 12px 2px}.header-actions{gap:3px}.player-heading #header-date{font-size:9px}.calendar{gap:7px}.panel:has(>.calendar){padding:16px 11px}.panel:has(>.calendar) h2{font-size:21px}.tabs a{gap:7px;font-size:12px}.intro .hero-title{width:170px}.tile .number{margin-top:9px}.tile .mark{margin-top:4px}}
/* v8 */
.remember{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:20px}.remember input{width:20px;min-height:20px;flex-shrink:0;accent-color:#d6b86e}.reaction-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:12px;text-align:center}.reaction-panel h3{margin:10px 0}.reactions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.reactions button{min-height:46px;border:1px solid #e7d09555;border-radius:13px;padding:10px 12px;background:#183d37;color:var(--cream);font-size:14px}.reactions button[aria-pressed=true]{background:#efd49b;color:#183b35;border-color:#ffeac1;box-shadow:0 0 12px #d6ac5033}.reaction-saved{font-size:12px;color:#d6e9c3}.countdown{font-variant-numeric:tabular-nums}.landing .count-wrap{max-width:100%}.landing .count-label{line-height:1.35}
.landing>.text-button{margin-top:auto;padding-top:28px}