.led-string{width:100%;position:relative}.led-bulb{background:radial-gradient(circle at 40% 35%,#fff8ea,#ffe6b3 60%,#f4c97a);border-radius:50% 50% 52% 52%/44% 44% 60% 60%;width:13px;height:13px;margin-left:-6.5px;position:absolute;box-shadow:0 0 8px 2px #ffe0a080}.led-bulb:before{content:"";background:#f3ece066;border-radius:2px 2px 0 0;width:4px;height:5px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@keyframes led-pulse{0%,to{opacity:.45;box-shadow:0 0 5px 1px #ffe0a059}50%{opacity:var(--peak,1);box-shadow:0 0 16px 5px #ffe0a099}}.led-bulb.on{animation:led-pulse var(--dur,2.4s) ease-in-out var(--delay,0s) infinite}.welcome{text-align:center;padding-top:max(54px, env(safe-area-inset-top));justify-content:space-between}.welcome-lights{width:100%;margin-top:6px}.welcome-body{flex-direction:column;align-items:center;gap:6px;padding:0 6px;display:flex}.welcome-kicker{color:var(--ink-soft);letter-spacing:.5px;font-size:19px}.welcome-name{font-family:var(--font-head);color:var(--accent-soft);text-shadow:0 4px 30px var(--accent-glow);margin:2px 0 0;font-size:92px;font-weight:700;line-height:.85}.welcome-age{color:var(--ink-soft);letter-spacing:3px;text-transform:lowercase;margin-top:4px;font-size:22px}.welcome-note{color:var(--ink);opacity:.86;text-wrap:pretty;max-width:300px;margin:18px auto 0;font-size:19px;line-height:1.5}.welcome-cta-wrap{flex-direction:column;align-items:center;gap:14px;padding-bottom:8px;display:flex}.welcome-hint{font-family:var(--font-head);color:var(--ink-soft);font-size:24px}.win{text-align:center;justify-content:center;gap:4px}.win-body{flex-direction:column;align-items:center;gap:10px;margin:auto 0;display:flex}.win-kicker{color:var(--ink-soft);letter-spacing:2px;text-transform:lowercase;font-size:18px}.win-head{font-family:var(--font-head);color:var(--accent-soft);margin:2px 0 6px;font-size:58px;font-weight:700;line-height:.92}.win-message{color:var(--ink);opacity:.9;text-wrap:pretty;max-width:304px;font-size:19px;line-height:1.55}.win-message p{margin:0 0 12px}.win-sign{font-family:var(--font-head);color:var(--accent-soft);opacity:1;font-size:26px}.win-cta-wrap{justify-content:center;padding-bottom:6px;display:flex}.finale{text-align:center;justify-content:flex-start;align-items:center;gap:16px}.finale-head{flex-direction:column;flex:none;gap:4px;display:flex}.finale-kicker{color:var(--ink-soft);letter-spacing:2px;text-transform:lowercase;font-size:16px}.finale-heading{font-family:var(--font-head);color:var(--accent-soft);text-shadow:0 4px 24px #d99a4e4d;margin:0;font-size:34px;font-weight:700;line-height:1}.finale-actions{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.finale-placeholder{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;display:flex}.gift-reveal-kicker{color:var(--ink-soft);letter-spacing:2px;text-transform:lowercase;font-size:17px}.gift-placeholder{border:2px dashed var(--line);background:#f3ece008;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:188px;height:188px;display:flex}.gift-placeholder-mark{font-family:var(--font-head);color:var(--accent-soft);font-size:56px}.gift-placeholder-label{color:var(--ink-soft);font-size:16px}.gift-reveal-note{color:var(--ink-soft);text-wrap:pretty;max-width:250px;font-size:17px;line-height:1.5}.gallery{gap:0;padding:0;overflow:hidden}.gallery-header{padding:max(54px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));border-bottom:1px solid var(--line);flex-direction:column;flex:none;gap:6px;display:flex}.gallery-back{align-self:flex-start;padding:8px 16px;font-size:16px}.gallery-title{font-family:var(--font-head);color:var(--accent-soft);margin:0;font-size:26px;font-weight:700}.gallery-list{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:max(40px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.gallery-row-group{flex-direction:column;display:flex}.gallery-photo-row{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.gallery-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:none;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.gallery-cell[aria-disabled=true]{cursor:default}.gallery-cell img{object-fit:cover;width:100%;height:100%;transition:opacity .15s;display:block}.gallery-cell--open img{opacity:.7}.gallery-cell--open:after{content:"";border:2px solid var(--accent-soft);pointer-events:none;position:absolute;inset:0}.gallery-expand{padding:14px max(14px, env(safe-area-inset-right)) 14px max(14px, env(safe-area-inset-left));background:#ffffff0a;flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.gallery-gif{border-radius:8px;width:100%;display:block}.gallery-expand audio{width:100%}.gallery-video{border-radius:8px;width:100%;display:block}.video-wall{flex:1;width:100%;min-height:0;display:flex;position:relative}.video-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:center;gap:8px;width:100%;min-height:0;display:grid;overflow-y:auto}.video-grid video{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:#0006;border-radius:10px;width:100%;display:block}.video-unmute{z-index:5;padding:12px 24px;font-size:18px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.game{padding:max(70px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:center}.game-top{flex:none}.preview-big{justify-content:center;gap:18px;margin:0;display:flex}.preview-card{border:1.5px dashed var(--line);background:#f3ece008;border-radius:10px;place-items:center;width:134px;height:134px;transition:transform .3s cubic-bezier(.2,1.3,.4,1),border-color .3s;display:grid;overflow:hidden}.preview-card.filled{border:none;animation:.34s cubic-bezier(.2,1.4,.4,1) both pv-pop;transform:translateY(-2px)rotate(-1.5deg);box-shadow:0 10px 26px #0006}.preview-card.filled:last-child{transform:translateY(-2px)rotate(1.5deg)}@keyframes pv-pop{0%{opacity:0;transform:scale(.8)}}.preview-empty{color:var(--ink-faint);text-align:center;padding:0 8px;font-size:15px}.preview-peek{border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:9px;margin-bottom:12px;padding:7px 12px;display:flex}.preview-peek-label{color:var(--ink-soft);margin-right:auto;font-size:16px}.preview-peek-card{background:#f3ece00d;border-radius:5px;width:38px;height:38px;overflow:hidden}.grid{gap:6px;width:100%;max-width:358px;margin:42px auto 26px;display:grid}.grid.cols-8{gap:4px}.grid.cols-6{gap:5px}.tile{aspect-ratio:1;cursor:pointer;perspective:600px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;transition:transform .25s cubic-bezier(.2,1.3,.4,1)}.tile:disabled{cursor:default}.tile-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,.9,.3,1);display:block;position:relative}.tile.up .tile-inner{transform:rotateY(180deg)}.tile-face{backface-visibility:hidden;border-radius:6px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.tile-back{background-image:repeating-linear-gradient(45deg, var(--tile-stripe) 0 6px, transparent 6px 15px), var(--tile-bg);border:1.5px solid var(--tile-line);box-shadow:inset 0 1px #ffffff12,0 1px 2px #0000004d}.tile-front{transform:rotateY(180deg)}.tile.matched{animation:.5s matched-pop}.tile.matched .tile-front{box-shadow:0 0 0 2px var(--accent), 0 6px 16px #0006}@keyframes matched-pop{0%{transform:scale(1)}40%{transform:scale(1.09)}to{transform:scale(1)}}.tile.lift{z-index:3;transform:translateY(-8px)scale(1.06)}.tile.lift .tile-inner{border-radius:7px;box-shadow:0 12px 24px #00000073}.photoface{place-items:center;width:100%;height:100%;display:grid;position:relative}.photoface-img{object-fit:cover;width:100%;height:100%;display:block}.photoface-frame{place-items:center;display:grid;position:absolute;inset:9%}.photoface-tag{color:#ffffffb3;background:#0000002e;border-radius:4px;padding:0 4px;font-family:ui-monospace,monospace;font-size:9px;position:absolute;bottom:4px;right:5px}.game-progress{flex:none;justify-content:center;align-items:center;gap:11px;margin-top:4px;display:flex}.game-progress-count{font-family:var(--font-head);color:var(--ink);font-size:26px}.game-progress-count .muted{color:var(--ink-faint);font-size:20px}.game-progress-bar{background:#f3ece01f;border-radius:6px;width:120px;height:9px;overflow:hidden}.game-progress-bar i{background:linear-gradient(90deg, var(--accent-soft), var(--accent));border-radius:6px;height:100%;transition:width .5s cubic-bezier(.3,.9,.3,1);display:block}.game-progress-label{color:var(--ink-soft);font-size:16px}.celebrate{z-index:40;cursor:pointer;-webkit-backdrop-filter:blur(3px);background:radial-gradient(60% 50% at 50% 45%,#2a263299,#1c1925db);place-items:center;animation:.25s screen-in;display:grid;position:absolute;inset:0}.celebrate-inner{flex-direction:column;align-items:center;gap:22px;display:flex}.celebrate-stack{width:212px;height:206px;animation:.5s cubic-bezier(.2,1.4,.4,1) cel-pop;position:relative}.celebrate-card{border-radius:12px;width:188px;height:188px;position:absolute;overflow:hidden;box-shadow:0 18px 40px #00000080}.celebrate-card.back{top:16px;left:22px;transform:rotate(7deg)}.celebrate-card.front{border:2px solid var(--accent-soft);top:0;left:0;transform:rotate(-5deg)}@keyframes cel-pop{0%{opacity:0;transform:scale(.5)}}.celebrate-gif{border:1.5px solid #f3ece024;border-radius:14px;width:220px;max-width:78vw;animation:.5s cubic-bezier(.2,1.4,.4,1) 60ms both cel-pop;overflow:hidden;box-shadow:0 16px 36px #00000080}.celebrate-gif img{object-fit:cover;width:100%;max-height:220px;display:block}.celebrate-text{font-family:var(--font-head);color:var(--accent-soft);text-shadow:0 4px 24px var(--accent-glow);font-size:44px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s cel-text}@keyframes cel-text{0%{opacity:0;transform:translateY(12px)scale(.8)}}.celebrate-hint{color:var(--ink-soft);opacity:.8;margin-top:2px;font-size:15px;animation:.5s .6s both cel-hint}@keyframes cel-hint{0%{opacity:0}to{opacity:.8}}.app{background:var(--app-bg);width:100%;max-width:460px;height:100dvh;color:var(--ink);font-family:var(--font-body);position:relative;overflow:hidden}@media (width>=480px){.app{border-radius:30px;height:min(100dvh,900px);box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #f3ece00d}}:root{--ink:#f1ede3;--ink-soft:#f1ede3a8;--ink-faint:#f1ede352;--line:#f1ede329;--accent:#f0b429;--accent-soft:#ffd35c;--accent-glow:#f0b42966;--on-accent:#08131f;--font-head:"Syne", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--page-bg:radial-gradient(120% 80% at 50% -10%, #15314f 0%, transparent 55%), linear-gradient(160deg, #0a1626, #050b14);--app-bg:radial-gradient(135% 75% at 50% 0%, #102a44 0%, transparent 52%), linear-gradient(165deg, #081523 0%, #050d18 100%);--tile-bg:linear-gradient(155deg, #15304e, #0d1c2e);--tile-line:#f1ede352;--tile-stripe:#ffd35c1f}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--page-bg);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;background-attachment:fixed;overflow:hidden}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}.screen{padding:max(60px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));flex-direction:column;animation:.5s screen-in;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.cta{cursor:pointer;font-family:var(--font-body);color:var(--on-accent);background:linear-gradient(180deg, var(--accent-soft), var(--accent));box-shadow:0 6px 22px var(--accent-glow), inset 0 1px 0 #fff6;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;border:none;border-radius:18px;align-items:center;gap:10px;padding:15px 30px;font-size:23px;transition:transform .16s,box-shadow .16s;display:inline-flex}.cta:hover{box-shadow:0 10px 28px var(--accent-glow), inset 0 1px 0 #fff6;transform:translateY(-2px)}.cta:active{transform:translateY(0)scale(.98)}.cta-arrow{font-family:var(--font-body);transition:transform .18s}.cta:hover .cta-arrow{transform:translate(4px)}.cta.ghost{color:var(--ink);border:1.5px solid var(--line);box-shadow:none;background:0 0;padding:11px 22px;font-size:19px}.cta.ghost:hover{border-color:var(--accent);box-shadow:none;transform:translateY(-1px)}.confetti-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.confetti-bit{animation:linear forwards confetti-fall;position:absolute;top:-8%}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 115%) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}