:root{color-scheme:dark;--bg:#07151b;--surface:#0d222b;--text:#f2f8f7;--muted:#a0b5bc;--accent:#7ef2bd;--line:#28414a;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #ffdb8a;outline-offset:5px}button{border:0}a{color:inherit}button[hidden],[hidden]{display:none!important}.app{width:min(100%,510px);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 24px max(18px,env(safe-area-inset-bottom));padding-top:max(20px,var(--tg-content-safe-area-inset-top,0px));min-height:100svh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;min-height:44px}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:1rem;letter-spacing:.14em;font-weight:700}.wordmark>span{color:var(--accent);font-size:1.5rem}.collection-toggle{background:#132b35;border:1px solid var(--line);border-radius:24px;color:var(--text);min-height:44px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:.875rem;font-variant-numeric:tabular-nums}.collection-toggle>span:first-child{color:var(--accent);font-size:1.25rem}.view{flex:1}.home,.result{text-align:center}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:600;color:var(--muted);line-height:1.5}.capsule-art{width:min(100%,340px);margin:4px auto -5px;aspect-ratio:1;overflow:hidden}.capsule-art img{width:100%;height:100%;object-fit:contain;display:block;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 71%);-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,transparent 71%)}h1{font-size:clamp(2rem,8vw,2.65rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 16px}h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.025em;margin:7px 0 0}.intro{font-size:1rem;line-height:1.65;color:var(--muted);margin:0 auto 24px;max-width:390px}.intro strong{font-weight:500;color:var(--text)}.primary{min-height:56px;padding:15px 24px;width:100%;border-radius:17px;background:var(--accent);color:#072418;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 32px #7ef2bd10;transition:transform .15s,background .15s}.primary:active{transform:scale(.98)}.primary:hover{background:#9dffd1}.primary span{font-size:1.3rem}.secondary{background:#132b35;color:var(--text);min-height:50px;border-radius:16px;width:100%;padding:12px 20px;margin-top:12px}.best{font-size:.875rem;line-height:1.4;color:var(--muted);margin:16px 0}.app-footer{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center;margin-top:22px}.roundbar{display:flex;justify-content:space-between;gap:16px;margin:6px 0 17px}.roundbar>div{display:flex;flex-direction:column;gap:6px}.roundbar strong{font-size:2.2rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.roundbar small{font-size:1rem;color:var(--muted);font-weight:400}.clock{text-align:right}.label{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}progress{display:block;width:100%;height:5px;border:none;border-radius:8px;overflow:hidden;margin:0 0 18px;background:#203940}progress::-webkit-progress-bar{background:#203940}progress::-webkit-progress-value{background:var(--accent);border-radius:8px;transition:width .15s}progress::-moz-progress-bar{background:var(--accent)}.playfield{height:clamp(275px,51svh,445px);position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#103e3d 0%,#0a252d 47%,#0a1b24 100%);touch-action:manipulation}.field-hint{position:absolute;left:0;right:0;top:47%;text-align:center;font-size:.875rem;color:#9ebbb64f;letter-spacing:.25em;font-weight:600;pointer-events:none}.spark{position:absolute;width:68px;height:68px;border-radius:50%;color:#ecfff4;background:radial-gradient(circle,#98ffcf3b 0%,#44dc9d19 45%,transparent 68%);font-size:2.8rem;text-shadow:0 0 12px #bcffde,0 0 32px #4dffa9;line-height:1;display:grid;place-items:center;left:45%;top:40%;transition:filter .12s}.spark:active{filter:brightness(1.4)}.spark span{pointer-events:none}.pop{position:absolute;color:var(--accent);font-size:1.1rem;font-weight:700;pointer-events:none;animation:pop .5s forwards}.play-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:10px}.text-button{background:transparent;color:var(--accent);min-height:44px;padding:8px}.paused-panel{position:absolute;inset:0;background:#07151bee;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.paused-panel strong{font-size:2rem}.paused-panel p{font-size:1rem;line-height:1.5;color:var(--muted);margin:12px 0 24px}.result{padding-top:18px}.result-art{width:230px;height:230px;margin:12px auto 8px;display:grid;place-items:center;background:radial-gradient(circle,#67eab322,transparent 69%);border-radius:50%}.result-art>span{font-size:6.5rem;line-height:1.3;filter:drop-shadow(0 9px 25px #7ef2bd28)}.result-art.is-capsule{width:270px;height:270px;background:none}.result-art.is-capsule>span{display:none}.result-art.is-capsule{background:url('capsule.png') center/contain no-repeat;mask-image:radial-gradient(ellipse,#000 42%,transparent 71%);-webkit-mask-image:radial-gradient(ellipse,#000 42%,transparent 71%)}.result-art.opening{animation:opening .8s ease-in}.find-label{display:inline-block;font-size:.875rem;color:var(--accent);margin:0 0 23px;padding:8px 14px;background:#7ef2bd13;border-radius:14px}.result .intro{margin-bottom:17px}.result .primary{margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(94vw,520px);max-height:87svh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#020a0ddd;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.close-button{width:44px;min-width:44px;height:44px;color:var(--text);background:#17303a;border-radius:50%;font-size:1.7rem;line-height:1}.collection-summary{font-size:1rem;line-height:1.5;color:var(--muted);margin:20px 0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gift-slot{background:#10262f;border-radius:17px;min-height:118px;padding:12px 6px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;overflow-wrap:anywhere}.gift-slot.locked{background:#0b1d25;color:#a0b5bc}.gift-icon{font-size:2rem;line-height:1.25}.gift-name{font-size:.8125rem;line-height:1.3}.gift-count{font-size:.75rem;color:var(--accent);font-variant-numeric:tabular-nums}.collection-note{color:var(--muted);font-size:.8125rem;line-height:1.6;margin:20px 0 0}.urgent{color:#ffc08f}.new-gift{animation:reveal .55s cubic-bezier(.2,1,.4,1)}@keyframes pop{to{opacity:0;transform:translateY(-28px)}}@keyframes opening{20%{transform:rotate(-4deg)}40%{transform:rotate(5deg)}65%{transform:rotate(-7deg);filter:brightness(1.4)}100%{transform:scale(1.1);filter:brightness(2)}}@keyframes reveal{from{transform:scale(.55);opacity:.2}to{transform:scale(1);opacity:1}}@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 32%,#0d2830,var(--bg) 65%)}.app{padding-top:32px;padding-bottom:25px;min-height:min(850px,100svh)}.home{padding-top:8px}.capsule-art{width:350px}.topbar{margin-bottom:25px}.app-footer{margin-top:27px}}@media(max-height:760px){.topbar{margin-bottom:12px}.capsule-art{width:min(100%,265px)}.home .intro{margin-bottom:18px}.app-footer{margin-top:14px}.result-art{width:180px;height:180px}.result-art.is-capsule{width:225px;height:225px}}@media(max-width:360px){.app{padding-left:17px;padding-right:17px}.wordmark{font-size:.875rem}.collection-toggle{padding:9px 11px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-dot{display:none}.app-footer{flex-direction:column;gap:0}.play-footer{font-size:.8125rem}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}