@font-face{font-family:HomeChristmas;src:url('./fonts/Home-Christmas.otf') format('opentype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--forest,#11291f);color:var(--cream,#fff6df);font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fff4cc;outline-offset:5px}#stage{position:fixed;inset:0;overflow:hidden}#stage canvas{display:block}#welcome{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:var(--forest)}.room-art,.room-shade,.light-dust{position:absolute;inset:0;pointer-events:none;z-index:-1}.room-art{background-image:var(--card-art,url('/assets/card-bright.png'));background-size:cover;background-position:center 34%;width:68%;filter:brightness(.84) saturate(.88)}.room-shade{background:linear-gradient(90deg,rgba(17,41,31,.02) 30%,rgba(17,41,31,.3) 48%,var(--forest) 67%),linear-gradient(0deg,rgba(8,23,17,.5),transparent 45%)}.welcome-brand{position:absolute;top:max(28px,env(safe-area-inset-top));left:38px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;font-weight:600;text-shadow:0 1px 8px #000}.brand-star{color:var(--gold);font-size:32px;line-height:1;font-weight:400}.brand-rule{width:48px;height:1px;background:#e9d2a35c;margin-left:8px}.welcome-content{position:relative;width:min(38%,480px);margin-left:60%;padding:30px 38px 40px 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2.1px;color:#dbc69d;margin:0 0 18px;line-height:1.6}h1{font-family:HomeChristmas,Georgia,serif;font-size:clamp(32px,3.7vw,52px);line-height:1.21;font-weight:400;color:var(--gold);margin:0 0 21px;text-shadow:0 2px 22px #0003}h1 span{display:block}.welcome-description{max-width:330px;font-size:15px;line-height:1.65;color:#dedacb;margin:0 0 30px}.name-field label{display:flex;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.15px;margin-bottom:10px;color:#f7ebd3}.optional{font-size:11px;color:#baa98b;align-self:center}.name-field input{width:100%;height:52px;background:#071c1466;color:#fff5df;border:1px solid #d8bc7d59;border-radius:8px;padding:0 15px;font-size:14px;box-shadow:inset 0 1px 5px #0002}.name-field input::placeholder{color:#c6baa1}.field-note{font-size:11px;color:#b8b6a5;line-height:1.6;margin:9px 0 20px}.open-card{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;min-height:55px;border:1px solid #f2dda7;border-radius:8px;background:linear-gradient(115deg,#f9e8b7,#e9c879);color:#253526;font-size:14px;font-weight:600;letter-spacing:.1px;box-shadow:0 7px 24px #0003;transition:transform .2s,filter .2s}.open-card:hover{filter:brightness(1.06);transform:translateY(-1px)}.open-card>span:last-child{font-size:19px}.camera-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#c6bda6;line-height:1.5;margin:13px 0 18px}.preview-link{display:block;background:none;border:0;border-bottom:1px solid #d5be8050;padding:5px 0;color:#e1cd9e;font-size:12px;margin:0 auto;letter-spacing:.2px}.preview-link span{margin-left:6px}#startup{font-size:12px;line-height:1.5;color:#ffdda4;margin:18px 0 0}#startup:empty{display:none}.welcome-footer{position:absolute;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#e1d1b688;text-shadow:0 1px 5px #000}.footer-star{font-size:21px;line-height:1;color:#cfb786}.light-dust i{position:absolute;border-radius:50%;width:5px;height:5px;background:#fff1bd;box-shadow:0 0 12px 4px #ffc86b66;animation:twinkle 4s ease-in-out infinite alternate}.light-dust i:nth-child(1){left:15%;top:20%}.light-dust i:nth-child(2){left:23%;top:36%;animation-delay:-2s}.light-dust i:nth-child(3){left:11%;top:55%;animation-delay:-1s}.light-dust i:nth-child(4){left:40%;top:30%;animation-delay:-3s}.light-dust i:nth-child(5){left:43%;top:47%;animation-delay:-.5s}.light-dust i:nth-child(6){left:19%;top:44%;animation-delay:-1.4s}@keyframes twinkle{from{opacity:.15;transform:scale(.65)}to{opacity:.85;transform:scale(1.15)}}#loading-panel{text-align:center;border-top:1px solid #d2b67640;padding:15px 0 18px}.loading-star{color:#f8d88c;font-size:58px;line-height:1.2;animation:breathe 2s ease-in-out infinite}.loading-title{font-family:Georgia,serif;font-size:19px;color:#f4dfab;margin:12px 0}.loading-track{height:2px;background:#b4986250;overflow:hidden;width:160px;margin:20px auto 0}.loading-track span{display:block;width:45%;height:100%;background:#f6d991;animation:load-glow 1.5s ease-in-out infinite}#loading-copy{font-size:12px;line-height:1.6;color:#ded3b9;margin:0 auto;max-width:280px}@keyframes breathe{50%{opacity:.4;transform:scale(.85)}}@keyframes load-glow{from{transform:translateX(-100%)}to{transform:translateX(330%)}}body[data-state=loading] #form-wrap{display:none}body[data-state=loading] #startup{display:none}#scan-guide{position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,#07160fd9,transparent 34%,transparent 80%,#07160f50)}.scan-frame{position:absolute;width:min(68vw,330px);aspect-ratio:1;left:50%;top:43%;transform:translate(-50%,-50%)}.scan-frame i{position:absolute;width:28px;height:28px;border:1px solid #f5dda0c9}.scan-frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:9px 0 0}.scan-frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 9px 0 0}.scan-frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 9px}.scan-frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 9px}.scan-caption{position:absolute;bottom:max(65px,calc(env(safe-area-inset-bottom) + 40px));left:50%;transform:translateX(-50%);width:min(88vw,370px);display:flex;gap:16px;align-items:center}.scan-caption img{border-radius:7px;border:1px solid #f1d69788;box-shadow:0 3px 18px #0005;flex-shrink:0;object-fit:cover}.scan-caption h2{font:19px Georgia,serif;color:#f7dfaa;margin:0 0 7px}.scan-caption p{font-size:12px;line-height:1.55;color:#eee5d4;margin:0}#controls{position:fixed;inset:0;z-index:4;pointer-events:none}.camera-brand{position:absolute;left:18px;top:max(24px,env(safe-area-inset-top));font-size:10px;letter-spacing:1.5px;color:#fff1cc;text-shadow:0 1px 5px #000}.camera-actions{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));display:flex;gap:8px}#controls button{pointer-events:auto;border:1px solid #f6e4bb40;border-radius:30px;background:#10251dba;backdrop-filter:blur(10px);color:#fff0cf;min-height:44px;padding:9px 15px;font-size:11px}#close span{font-size:17px;margin-left:6px}.replay{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:none}.ending .replay{display:block}.replay span{font-size:15px;margin-left:9px}#preview-tools{position:absolute;bottom:20px;left:14px;display:flex;gap:8px}.ending #preview-tools #endingpreview{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[data-state=playing] .camera-brand{opacity:.75}body[data-state=ending] .camera-actions{z-index:12}body[data-state=loading] .welcome-description{margin-bottom:18px}
@media(max-width:700px){.room-art{width:100%;height:62svh;background-position:center 30%;filter:brightness(.92) saturate(.87)}.room-shade{background:linear-gradient(0deg,var(--forest) 33%,rgba(17,41,31,.97) 42%,rgba(17,41,31,.32) 65%,rgba(6,15,10,.06) 85%,rgba(6,15,10,.30))}.welcome-brand{left:23px;top:max(22px,env(safe-area-inset-top));font-size:10px;letter-spacing:2px;gap:9px}.brand-star{font-size:28px}.brand-rule{width:29px}.welcome-content{width:100%;max-width:440px;margin:0 auto;min-height:auto;padding:44svh 26px 72px;text-align:center}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}h1{font-size:36px;line-height:1.2;margin-bottom:13px}.welcome-description{font-size:13px;line-height:1.6;margin:0 auto 24px;max-width:290px}.name-field{text-align:left}.name-field label{font-size:12px}.name-field input{height:49px;font-size:13px}.field-note{font-size:10px;margin-bottom:17px}.open-card{min-height:53px;font-size:13px}.camera-note{font-size:9px;margin:12px 0 16px}.preview-link{font-size:11px}.welcome-footer{left:26px;right:26px;bottom:20px;font-size:8px;letter-spacing:.65px}.light-dust i:nth-child(1){left:21%;top:16%}.light-dust i:nth-child(2){left:30%;top:22%}.light-dust i:nth-child(3){left:17%;top:31%}.light-dust i:nth-child(4){left:76%;top:20%}.light-dust i:nth-child(5){left:72%;top:30%}.light-dust i:nth-child(6){left:26%;top:34%}.camera-brand{font-size:8px;letter-spacing:.8px;left:14px;top:max(28px,env(safe-area-inset-top))}.camera-actions{gap:5px;right:10px}#controls button{padding:9px 11px;font-size:10px}.scan-caption{bottom:max(70px,calc(env(safe-area-inset-bottom) + 40px))}}@media(max-width:380px){h1{font-size:31px}.welcome-content{padding-left:21px;padding-right:21px}.camera-brand{max-width:110px}}@media(prefers-reduced-motion:reduce){.light-dust i,.loading-star,.loading-track span{animation:none}.open-card{transition:none}.loading-track span{margin-left:30%}}

@media(max-width:700px){.name-field input{font-size:16px}.name-field label{font-size:13px}.field-note{font-size:11px}.camera-note{font-size:11px}.open-card{font-size:14px}#controls button{font-size:11px}}