:root{--ink: #f1ecdf;--dim: #c3baa4;--gold: #e6c071;--gold-soft: rgba(230, 192, 113, .4);--violet: #7d5bc6;--bg0: #07060d;--bg1: #161122;--panel: rgba(20, 16, 32, .42);--panel-edge: rgba(230, 192, 113, .22);--accent: var(--tg-theme-button-color, #7d5bc6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(140% 100% at 50% -10%,#241a3a 0%,var(--bg1) 38%,var(--bg0) 100%);color:var(--ink);font-family:Georgia,Iowan Old Style,Times New Roman,serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.mute-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:5;width:42px;height:42px;padding:0;font-size:1.15rem;line-height:1;border-radius:50%;background:#14102080;border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.7;transition:opacity .2s ease,transform .12s ease}.mute-btn:hover{opacity:1}.mute-btn:active{transform:scale(.9)}#app{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(24px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}#app[data-phase=welcome],#app[data-phase=select]{justify-content:flex-end}#app[data-phase=candle]{justify-content:flex-start}#app[data-phase=transition] .scene,#app[data-phase=transition] .welcome-ui{display:none}.welcome-ui{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;animation:rise .7s cubic-bezier(.22,1,.36,1)}.bubble{position:relative;max-width:270px;margin-top:11%;padding:15px 19px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:20px 20px 20px 6px;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);box-shadow:0 16px 40px -16px #000000b3}.bubble p{font-size:.98rem}.bubble:after{content:"";position:absolute;left:28px;bottom:-12px;border:12px solid transparent;border-top-color:var(--panel);border-bottom:0}.scene{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;padding:30px 24px 32px;border-radius:26px;background:var(--panel);border:1px solid var(--panel-edge);box-shadow:0 24px 60px -20px #000000b3,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%);animation:rise .7s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}h1{font-size:clamp(1.7rem,7vw,2.15rem);margin:0;font-weight:600;letter-spacing:.4px;line-height:1.2;color:var(--gold);text-shadow:0 0 18px rgba(230,192,113,.45),0 2px 10px rgba(0,0,0,.5)}p{margin:0;line-height:1.65;font-size:1.02rem;color:var(--dim);text-shadow:0 1px 6px rgba(0,0,0,.45)}b,strong{color:var(--ink);font-weight:600}.hint{font-size:.9rem;color:var(--dim);opacity:.8;letter-spacing:.3px}button,.btn{position:relative;font:inherit;font-size:1.05rem;color:var(--ink);background:#ffffff0d;border:1px solid var(--gold-soft);border-radius:16px;padding:15px 22px;cursor:pointer;width:100%;max-width:340px;letter-spacing:.3px;transition:transform .12s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}button:hover,.btn:hover{background:#ffffff17;border-color:var(--gold)}button:active,.btn:active{transform:scale(.965)}.btn-primary{color:#1a1226;font-weight:600;background:linear-gradient(180deg,#f0d495 0%,var(--gold) 70%,#cda14f 100%);border-color:#fff0c8b3;box-shadow:0 0 24px #e6c07159,inset 0 1px #ffffff80}.btn-primary:hover{box-shadow:0 0 34px #e6c0718c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px}.grid button{max-width:none;padding:20px 14px;font-size:1.05rem;background:#2d20448c;box-shadow:0 8px 24px -12px #0009,inset 0 1px #ffffff0d}.grid button:hover{border-color:var(--gold);box-shadow:0 0 22px #e6c07152}.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:11px;width:100%;max-width:400px}.door{position:relative;overflow:hidden;width:100%;max-width:none;min-height:142px;padding:16px 6px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;border-radius:48% 48% 15px 15px/30% 30% 5px 5px;border:1px solid hsl(var(--dh) 65% 66% / .42);background:radial-gradient(120% 70% at 50% 8%,hsl(var(--dh) 70% 60% / .32) 0%,transparent 58%),linear-gradient(180deg,hsl(var(--dh) 42% 26% / .62),hsl(var(--dh) 48% 9% / .8));box-shadow:0 14px 34px -16px hsl(var(--dh) 60% 30% / .8),inset 0 1px hsl(var(--dh) 80% 80% / .28),inset 0 -22px 34px -22px hsl(var(--dh) 70% 55% / .45);transition:transform .18s ease,box-shadow .3s ease,border-color .3s ease}.door:before{content:"";position:absolute;top:-8%;left:50%;width:46%;height:78%;transform:translate(-50%);background:radial-gradient(50% 60% at 50% 0%,hsl(var(--dh) 90% 72% / .5) 0%,transparent 72%);filter:blur(3px);opacity:.55;pointer-events:none;transition:opacity .3s ease;animation:door-breathe 3.4s ease-in-out infinite}@keyframes door-breathe{0%,to{opacity:.45}50%{opacity:.7}}.door-icon{font-size:2.05rem;line-height:1;filter:drop-shadow(0 0 12px hsl(var(--dh) 90% 65% / .7))}.door-label{font-size:.92rem;font-weight:600;letter-spacing:.3px;color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.55)}.door:hover,.door:focus-visible{border-color:hsl(var(--dh) 85% 72% / .85);box-shadow:0 18px 40px -14px hsl(var(--dh) 70% 40% / .9),inset 0 1px hsl(var(--dh) 85% 85% / .4),0 0 30px hsl(var(--dh) 80% 60% / .5)}.door:hover:before,.door:focus-visible:before{opacity:.95}.door:active{transform:scale(.96)}.reveal-text{text-align:left;white-space:pre-wrap;line-height:1.78;font-size:1.04rem;color:var(--ink);max-height:60dvh;overflow-y:auto;width:100%;padding:6px 4px;-webkit-overflow-scrolling:touch}.reveal-text p{color:var(--ink)}.muted{opacity:.45;pointer-events:none;filter:grayscale(.3)}.loader{width:38px;height:38px;border:3px solid rgba(230,192,113,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite;box-shadow:0 0 20px #e6c0714d}@keyframes spin{to{transform:rotate(360deg)}}input[type=text]{font:inherit;font-size:1rem;color:var(--ink);background:#00000047;border:1px solid var(--gold-soft);border-radius:14px;padding:14px 16px;width:100%;max-width:340px;outline:none;transition:border-color .2s ease}input[type=text]::placeholder{color:#c3baa48c}input[type=text]:focus{border-color:var(--gold)}input[type=file]{display:none}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;width:100%;max-width:420px}.choice-grid button{max-width:none;padding:14px 10px;font-size:.96rem;background:#2d20448c;box-shadow:0 8px 24px -12px #0009,inset 0 1px #ffffff0d}.choice-grid button:hover{border-color:var(--gold);box-shadow:0 0 22px #e6c07152}.cards{font-size:.95rem;color:var(--gold);font-weight:600;letter-spacing:.3px;text-align:left;width:100%;padding:4px 4px 8px;border-bottom:1px solid var(--panel-edge);margin-bottom:6px}.err{color:#e8a0a0;opacity:1;min-height:1.2em}textarea{font:inherit;font-size:1rem;color:var(--ink);background:#00000047;border:1px solid var(--gold-soft);border-radius:14px;padding:14px 16px;width:100%;max-width:360px;outline:none;resize:vertical;min-height:110px;transition:border-color .2s ease}textarea::placeholder{color:#c3baa48c}textarea:focus{border-color:var(--gold)}.legal-links{margin-bottom:6px;font-size:.78rem;color:var(--dim);opacity:.55}.legal-links span[onclick],.legal-links span:first-child,.legal-links span:last-child{cursor:pointer}.legal-links span:first-child,.legal-links span:last-child{text-decoration:underline}@media(prefers-reduced-motion:reduce){.scene{animation:none}}