:root{--font-serif:"Shippori Mincho", "Noto Serif JP", serif;--font-sans:"Inter", sans-serif;--bg-deep:#0a0a14;--bg-card:#12122073;--border-glass:#ffffff14;--color-ren:#3b82f6;--color-tsuki:#a855f7;--color-gold:#e2c074;--shadow-ren:0 0 20px #3b82f659;--shadow-tsuki:0 0 20px #a855f759;--shadow-gold:0 0 15px #e2c07466;--shadow-glass:0 8px 32px 0 #0000005e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:#020205;width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:#f3f4f6;justify-content:center;align-items:center;display:flex}.app-container{background-image:url(/assets/bg-stars.jpg);background-position:50%;background-size:cover;border-radius:40px;flex-direction:column;width:100%;max-width:440px;height:100dvh;max-height:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff0d}@media (width<=440px){html,body{background-image:url(/assets/bg-stars.jpg);background-position:50%;background-size:cover;background-attachment:fixed}body{align-items:stretch}.app-container{border-radius:0;height:100dvh;max-height:100dvh}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26}.font-serif{font-family:var(--font-serif)}.gold-text{background:linear-gradient(135deg,#fef08a 0%,#e2c074 50%,#ca8a04 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 8px #e2c07426;-webkit-background-clip:text}@keyframes pulse-ren{0%,to{border-color:#3b82f64d;box-shadow:0 0 20px #3b82f64d}50%{border-color:#3b82f699;box-shadow:0 0 35px #3b82f699}}@keyframes pulse-tsuki{0%,to{border-color:#a855f74d;box-shadow:0 0 20px #a855f74d}50%{border-color:#a855f799;box-shadow:0 0 35px #a855f799}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:6s ease-in-out infinite float}.ren-active{animation:3s infinite pulse-ren}.tsuki-active{animation:3s infinite pulse-tsuki}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chat-scrollbar::-webkit-scrollbar{width:4px}.chat-scrollbar::-webkit-scrollbar-track{background:0 0}.chat-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.app-header{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding-top:2rem;padding-bottom:.75rem;display:flex}.header-title{letter-spacing:.2em;justify-content:center;align-items:center;gap:.5rem;margin-right:-.2em;font-size:2.2rem;font-weight:500;display:flex}.header-subtitle{color:#d1d5db;letter-spacing:.1em;margin-top:.5rem;font-size:.85rem}.main-content{padding:.75rem 1.25rem calc(6.5rem + var(--safe-bottom,0px));flex-direction:column;flex:1;gap:1.25rem;display:flex;overflow-y:auto}.character-select-container{flex-direction:column;align-items:center;margin-top:.25rem;display:flex}.character-select-title{color:#9ca3af;letter-spacing:.1em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.character-select-title:before,.character-select-title:after{content:"✦";color:var(--color-gold);opacity:.7;font-size:.7rem}.character-cards-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.character-card{aspect-ratio:3/4;cursor:pointer;border:1px solid #ffffff14;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.character-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.character-card.active-ren{border-color:var(--color-ren);box-shadow:var(--shadow-ren)}.character-card.active-tsuki{border-color:var(--color-tsuki);box-shadow:var(--shadow-tsuki)}.character-card:hover img{transform:scale(1.04)}.character-card-overlay{text-align:center;background:linear-gradient(#08081000 0%,#08081066 50%,#080810f2 85%);flex-direction:column;justify-content:flex-end;align-items:center;padding:.8rem;display:flex;position:absolute;inset:0}.character-card-name{font-size:1.4rem;font-weight:500;font-family:var(--font-serif);letter-spacing:.1em;margin-bottom:.15rem}.character-card-desc{color:#9ca3af;letter-spacing:.05em;margin-top:.1rem;font-size:.65rem}.ren-text{color:#93c5fd;text-shadow:0 0 10px #3b82f666}.tsuki-text{color:#d8b4fe;text-shadow:0 0 10px #a855f766}.fortune-card-section{width:100%}.fortune-card-inner{align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.fortune-card-icon-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden;box-shadow:0 0 15px #e2c0741a}.fortune-card-icon-container img{object-fit:cover;width:100%;height:100%}.fortune-card-details{flex-direction:column;flex:1;gap:.35rem;display:flex}.fortune-card-title{letter-spacing:.1em;font-size:.85rem;font-family:var(--font-serif);color:#e2c074;align-items:center;gap:.3rem;display:flex}.fortune-card-stars{color:var(--color-gold);gap:.2rem;font-size:1rem;display:flex}.fortune-card-text{color:#e5e7eb;font-size:.9rem;line-height:1.5;font-family:var(--font-serif);margin-top:.2rem}.consult-btn{width:100%;font-size:1.05rem;font-weight:600;font-family:var(--font-serif);cursor:pointer;box-shadow:var(--shadow-gold);text-align:center;background:linear-gradient(90deg,#ca8a04 0%,#fef08a 25%,#e2c074 50%,#fef08a 75%,#ca8a04 100%) 0 0/200%;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:1.05rem;text-decoration:none;transition:all .4s;display:flex;color:#0a0a16!important}.consult-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 25px #e2c07473}.consult-btn:active{transform:translateY(0)}.navbar-container{-webkit-backdrop-filter:blur(20px)!important;width:100%!important;max-width:440px!important;padding:.65rem .5rem calc(.65rem + var(--safe-bottom,0px))!important;z-index:99999!important;pointer-events:auto!important;box-sizing:border-box!important;background:#080810f2!important;border-top:1px solid #ffffff26!important;grid-template-columns:repeat(4,1fr)!important;margin:0!important;display:grid!important;position:fixed!important;bottom:0!important;left:50%!important;transform:translate(-50%)translate(0,0)!important;box-shadow:0 -6px 25px #000000b3!important}.navbar-item{cursor:pointer;color:#9ca3af;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.25rem;font-size:.65rem;transition:all .3s;display:flex}.navbar-item.active{color:var(--color-gold);text-shadow:0 0 8px #e2c0744d}.navbar-item svg{width:22px;height:22px;transition:transform .3s}.navbar-item.active svg{transform:scale(1.08)}.chat-overlay{-webkit-backdrop-filter:blur(8px);z-index:20;background:#02020599;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.chat-window{background:#0d0d18;border-top:1px solid #ffffff1a;border-radius:30px 30px 0 0;flex-direction:column;width:100%;height:85%;display:flex;overflow:hidden;box-shadow:0 -10px 40px #0009}.chat-header{padding:calc(.85rem + var(--safe-top,0px)) 1.25rem .85rem;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.chat-header-user{align-items:center;gap:.75rem;display:flex}.chat-header-avatar{border:1px solid #ffffff1a;border-radius:50%;width:38px;height:38px;overflow:hidden}.chat-header-avatar img{object-fit:cover;width:100%;height:100%}.chat-header-info{flex-direction:column;display:flex}.chat-header-name{font-size:.95rem;font-weight:600;font-family:var(--font-serif)}.chat-header-status{color:#34d399;align-items:center;gap:.25rem;font-size:.65rem;display:flex}.chat-header-status:before{content:"";background-color:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #34d399}.chat-close-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.chat-close-btn:hover{color:#fff;background:#ffffff1a}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:18px;max-width:80%;padding:.85rem 1rem;font-size:.875rem;line-height:1.45}.chat-bubble.bot{background:#ffffff0a;border:1px solid #ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.user{color:#fff;background:linear-gradient(135deg,#e2c07433 0%,#ca8a0433 100%);border:1px solid #e2c07426;border-bottom-right-radius:4px;align-self:flex-end}.chat-options-container{background:#08081066;border-top:1px solid #ffffff08;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;display:flex}.chat-options-title{color:#9ca3af;text-align:center;margin-bottom:.25rem;font-size:.75rem}.chat-option-btn{color:#e5e7eb;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.85rem;transition:all .2s}.chat-option-btn:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(2px)}.chat-input-area{padding:.85rem 1.25rem calc(5.5rem + var(--safe-bottom,0px));z-index:10;background:#0a0a14;border-top:1px solid #ffffff14;gap:.75rem;display:flex;position:relative}.chat-input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.chat-input:focus{border-color:var(--color-gold);background:#ffffff0d}.chat-send-btn{background:var(--color-gold);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chat-send-btn:hover{opacity:.9;transform:scale(1.05)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.top-characters-container{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;padding:.5rem 1rem;display:grid}.top-char-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;transition:all .3s;display:flex}.top-char-avatar{aspect-ratio:3/4;border:1.5px solid #ffffff14;border-radius:20px;width:100%;max-width:170px;margin-bottom:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 30px #0009}.top-char-avatar img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.top-char-card:hover img{transform:scale(1.05)}.top-char-card.active-ren .top-char-avatar{transform:scale(1.04);border:3.5px solid var(--color-ren)!important;box-shadow:0 0 25px #3b82f6cc,inset 0 0 15px #3b82f680!important}.top-char-card.active-tsuki .top-char-avatar{transform:scale(1.04);border:3.5px solid var(--color-tsuki)!important;box-shadow:0 0 25px #a855f7cc,inset 0 0 15px #a855f780!important}.top-char-card.active-ren,.top-char-card.active-tsuki{transform:translateY(-8px)}.top-characters-container:has(.active-tsuki) .top-char-card:not(.active-tsuki){opacity:.58;filter:grayscale(.15)}.top-characters-container:has(.active-ren) .top-char-card:not(.active-ren){opacity:.58;filter:grayscale(.15)}.active-badge-overlay{letter-spacing:.05em;z-index:10;border:1px solid #ffffff4d;border-radius:30px;padding:3px 10px;font-size:.6rem;font-weight:800;animation:1.5s infinite pulse-gold;position:absolute;top:10px;left:10px;box-shadow:0 0 12px #d4af37cc;color:#0b0a14!important;text-shadow:none!important;background:linear-gradient(90deg,#fbbf24 0%,#d4af37 100%)!important}.top-char-name{font-size:1.1rem;font-weight:500;font-family:var(--font-serif);letter-spacing:.05em;margin-bottom:.15rem}.top-char-desc{color:#e2e8f0;letter-spacing:.05em;text-shadow:0 1px 4px #000000f2;font-size:.68rem;font-weight:500}.accordion-section{opacity:0;max-height:0;margin-top:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,margin-top .3s;overflow:hidden}.accordion-section.expanded{opacity:1;max-height:1500px;margin-top:1.25rem}.premium-blur-container{min-height:145px;position:relative;overflow:hidden}.mosaic-blurred-text{filter:blur(4.5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.65;letter-spacing:.05em;margin-top:.35rem;line-height:1.6;display:inline-block}.timeline-blurred{filter:blur(4.5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.65}.premium-lock-overlay{z-index:2;background:linear-gradient(#0d0c1633 0%,#0d0c1666 40%,#0d0c16d9 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-lock-tag{color:var(--color-gold);cursor:pointer;background:#0a0a14e6;border:1px solid #e2c0744d;border-radius:20px;align-items:center;gap:.35rem;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #00000080}.premium-lock-tag:hover{border-color:var(--color-gold);transform:translateY(-1px);box-shadow:0 6px 20px #e2c07433}.rare-rainbow-border{background-color:#0000!important;background-image:linear-gradient(#0d0c16f2,#0d0c16fa),linear-gradient(135deg,#facc15 0%,#f43f5e 25%,#c084fc 50%,#38bdf8 75%,#facc15 100%)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:200% 200%!important;background-attachment:scroll,scroll!important;background-origin:padding-box,border-box!important;background-clip:padding-box,border-box!important;border:2.5px solid #0000!important;animation:3s linear infinite rainbow-border-cycle,1.8s ease-in-out infinite alternate rare-pulse!important}.rare-holographic-img{filter:saturate(1.75)contrast(1.25)brightness(1.18)drop-shadow(0 0 18px #facc15e6)drop-shadow(0 0 35px #c026d3bf)!important;animation:2.2s ease-in-out infinite alternate rare-image-breathe!important}.rare-badge{animation:2s infinite pulse-gold;box-shadow:0 0 14px #fbbf24d9;color:#0b0a14!important;text-shadow:none!important;background:linear-gradient(90deg,#fbbf24 0%,#fb7185 100%)!important;border:none!important;font-weight:800!important}.kaigo-border{background-color:#0000!important;background-image:linear-gradient(#0a0810f2,#0a0810fa),linear-gradient(135deg,gold 0%,#ef4444 30%,#b91c1c 60%,gold 100%)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:200% 200%!important;background-attachment:scroll,scroll!important;background-origin:padding-box,border-box!important;background-clip:padding-box,border-box!important;border:2.5px solid #0000!important;animation:2.5s linear infinite rainbow-border-cycle,1.5s ease-in-out infinite alternate kaigo-pulse!important}.kaigo-img-glow{filter:saturate(1.65)contrast(1.2)brightness(1.15)drop-shadow(0 0 15px #ffd700d9)drop-shadow(0 0 30px #ef4444a6)!important;animation:2s ease-in-out infinite alternate kaigo-image-breathe!important}.kaigo-badge{letter-spacing:.5px;animation:1.5s infinite pulse-gold;box-shadow:0 0 16px #d4af37e6;color:#fff!important;text-shadow:0 1px 4px #0009!important;background:linear-gradient(90deg,#d4af37 0%,#b91c1c 50%,#d4af37 100%)!important;border:1px solid #ffffff4d!important;font-weight:800!important}.avatar-shimmer-overlay{pointer-events:none;z-index:2;background:linear-gradient(110deg,#0000 20%,#ffffff40 45%,#ffffff8c 50%,#ffffff40 55%,#0000 80%) 0 0/200% 100%;animation:2.8s linear infinite shimmer-sweep;position:absolute;inset:0}.avatar-halo-spotlight{pointer-events:none;z-index:2;mix-blend-mode:overlay;background:radial-gradient(circle at 50% 35%,#ffd70038 0%,#0000 75%);position:absolute;inset:0}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rainbow-border-cycle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes kaigo-image-breathe{0%{filter:saturate(1.5)contrast(1.15)brightness(1.1)drop-shadow(0 0 12px #ffd700b3)drop-shadow(0 0 25px #ef444480)}to{filter:saturate(1.85)contrast(1.28)brightness(1.22)drop-shadow(0 0 25px gold)drop-shadow(0 0 50px #dc2626d9)}}@keyframes rare-image-breathe{0%{filter:saturate(1.5)contrast(1.15)brightness(1.1)drop-shadow(0 0 12px #facc15b3)drop-shadow(0 0 25px #c026d380)}to{filter:saturate(1.9)contrast(1.3)brightness(1.25)drop-shadow(0 0 28px #fde047)drop-shadow(0 0 50px #a855f7e6)}}@keyframes kaigo-pulse{0%{box-shadow:0 0 15px #ef44444d,inset 0 0 10px #ffd70033}to{box-shadow:0 0 40px #ffd700b3,0 0 70px #dc262680,inset 0 0 25px #ef444466}}@keyframes rare-pulse{0%{box-shadow:0 0 15px #facc154d,inset 0 0 10px #c026d333}to{box-shadow:0 0 38px #facc15b3,0 0 65px #a855f780,inset 0 0 25px #facc1566}}@media (width<=480px){.app-container{height:100dvh!important;max-height:none!important;padding-top:calc(.5rem + var(--safe-top,0px))!important;border-radius:0!important}}