*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#09080e;color:#f7f2f3;font-family:Inter,"Noto Sans SC",sans-serif}button,input{font:inherit}.app{--accent:#ff6f91;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 70% 32%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%),linear-gradient(135deg,#08070d,#12101b 56%,#08090f);transition:--accent .5s}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;width:38vw;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;animation:orbit 24s linear infinite}.ambient i:nth-child(1){right:-12vw;top:9vh}.ambient i:nth-child(2){left:-22vw;bottom:-25vw;animation-duration:32s}.ambient i:nth-child(3){width:8px;left:21%;top:28%;border:0;background:var(--accent);box-shadow:0 0 32px var(--accent);animation:float 6s ease-in-out infinite}.hud{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:12px clamp(16px,4vw,52px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff12;background:#09080ccc;backdrop-filter:blur(18px)}.back{color:#ffffff8f;text-decoration:none;font-size:12px;letter-spacing:.1em}.brand{text-align:center}.brand b{display:block;letter-spacing:.26em;font-size:17px}.brand small{color:var(--accent);font-size:8px;letter-spacing:.28em}.resources{display:flex;justify-content:flex-end;gap:9px}.resources span{padding:8px 11px;border:1px solid #ffffff14;background:#ffffff08;font-size:11px}.resources b{color:#fff}.dock{position:fixed;z-index:30;left:50%;bottom:18px;transform:translateX(-50%);display:flex;padding:7px;border:1px solid #ffffff18;border-radius:18px;background:#100f18dd;backdrop-filter:blur(22px);box-shadow:0 14px 48px #0008}.dock button{min-width:76px;padding:8px 14px;color:#ffffff72;border:0;border-radius:12px;background:none;cursor:pointer;transition:.2s}.dock i{display:block;font-style:normal;font-size:18px}.dock span{font-size:9px;letter-spacing:.1em}.dock button:hover,.dock button.active{color:#fff;background:color-mix(in srgb,var(--accent) 18%,#ffffff05);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}#view{position:relative;z-index:2;min-height:100dvh;padding:105px clamp(18px,5vw,70px) 112px}.home{min-height:calc(100dvh - 217px);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);align-items:center;gap:5vw}.hero-copy small,.section-head small{color:var(--accent);letter-spacing:.28em;font-weight:700}.hero-copy h1{margin:14px 0 8px;font-size:clamp(48px,8vw,104px);line-height:.9;letter-spacing:-.06em}.hero-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px #ffffff3a;font-size:.42em;letter-spacing:.2em}.hero-copy p{max-width:520px;color:#ffffff91;line-height:1.9}.affection{display:flex;align-items:center;gap:10px;margin:23px 0;font-size:11px}.meter{width:min(260px,48vw);height:3px;background:#ffffff14}.meter i{display:block;height:100%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.primary,.ghost,.choice{padding:12px 20px;color:#fff;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 16%,#0d0b13);cursor:pointer;transition:.2s}.primary:hover,.ghost:hover,.choice:hover{transform:translateY(-2px);box-shadow:0 9px 25px color-mix(in srgb,var(--accent) 20%,transparent)}.portrait{position:relative;display:grid;place-items:center;height:min(67vh,650px);filter:drop-shadow(0 32px 60px #0008)}.portrait-shape{position:absolute;width:min(32vw,370px);aspect-ratio:.7;border-radius:48% 48% 16% 16%;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 56%,#19121d),#100e16 68%);box-shadow:inset 0 0 60px #ffffff0c,0 0 90px color-mix(in srgb,var(--accent) 18%,transparent);animation:float 6s ease-in-out infinite}.portrait-shape:before{content:"";position:absolute;width:48%;aspect-ratio:1;left:26%;top:8%;border-radius:50%;background:linear-gradient(150deg,#ffe6e2,#d29d9c)}.portrait-shape:after{content:attr(data-mark);position:absolute;inset:37% 0 auto;text-align:center;color:#ffffff9f;font-size:80px}.selector{position:absolute;right:0;display:flex;flex-direction:column;gap:9px}.avatar{width:52px;height:52px;border:1px solid #ffffff1c;border-radius:50%;background:#111;color:#fff;cursor:pointer}.avatar.active{border-color:var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 38%,transparent)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head h2{margin:5px 0 0;font-size:clamp(28px,5vw,56px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{position:relative;min-height:250px;padding:24px;overflow:hidden;border:1px solid #ffffff14;background:linear-gradient(145deg,#ffffff0b,#ffffff03);transition:.25s}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c,var(--accent)) 52%,transparent)}.card .symbol{font-size:52px;color:var(--c,var(--accent));opacity:.6}.card h3{margin:26px 0 7px;font-size:24px}.card p{min-height:46px;color:#ffffff72;font-size:12px;line-height:1.7}.card footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.badge{padding:4px 8px;border:1px solid #ffffff18;color:#ffffff8a;font-size:9px}.gacha-stage{text-align:center;max-width:900px;margin:auto}.banner{position:relative;min-height:330px;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;border:1px solid #ffffff1a;overflow:hidden;background:linear-gradient(90deg,#12101a 20%,color-mix(in srgb,var(--accent) 26%,#0d0c12))}.banner:after{content:"✦";position:absolute;right:8%;top:2%;font-size:250px;color:#ffffff0c}.banner h2{font-size:clamp(38px,7vw,76px);margin:6px 0}.rates{margin:22px;color:#ffffff72;font-size:11px}.pull-actions{display:flex;justify-content:center;gap:12px}.gallery .card{min-height:290px}.gallery .card.locked{filter:grayscale(1);opacity:.45}.rarity{position:absolute;right:16px;top:16px;font-weight:900}.rarity.SSR{color:#ffd966;text-shadow:0 0 15px #ff9}.rarity.SR{color:#c998ff}.story-stage{min-height:calc(100dvh - 220px);display:flex;flex-direction:column;justify-content:flex-end}.story-bg{position:absolute;inset:76px 0 0;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 40%);z-index:-1}.dialogue{padding:25px 30px;border:1px solid #ffffff20;background:#09080cc7;backdrop-filter:blur(20px);box-shadow:0 -20px 80px #0005}.speaker{color:var(--accent);font-weight:800;letter-spacing:.16em}.line{min-height:64px;margin:12px 0;color:#ffffffe0;line-height:1.85}.choices{display:grid;gap:9px;margin:16px auto 0;max-width:700px}.choice{text-align:left}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.panel{padding:24px;border:1px solid #ffffff14;background:#ffffff07}.panel h3{margin-top:0}.code-row{display:flex}.code-row input{min-width:0;flex:1;padding:12px;color:white;border:1px solid #ffffff18;background:#05050a}.achievement{padding:10px 0;border-bottom:1px solid #ffffff0d;color:#ffffff82}.achievement.done{color:#ffe2a0}.toasts{position:fixed;z-index:80;top:90px;left:50%;transform:translateX(-50%);display:grid;gap:8px}.toast{padding:12px 18px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:#11101aea;box-shadow:0 12px 35px #0008;animation:toast .35s}.modal{position:fixed;z-index:70;inset:0;place-items:center;padding:20px;background:#050409d9;backdrop-filter:blur(12px)}.modal:not([hidden]){display:grid}.reveal{text-align:center;animation:reveal .8s cubic-bezier(.2,.9,.2,1)}.reveal .memory{width:min(330px,75vw);aspect-ratio:.72;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid var(--glow);background:radial-gradient(circle at 50% 30%,var(--glow),#17121e 52%);box-shadow:0 0 70px var(--glow);transform:perspective(800px) rotateY(-3deg)}.reveal h2{font-size:38px;margin:5px}.close{margin-top:30px}.fatal{padding:30px}.shake{animation:shake .5s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes toast{from{opacity:0;transform:translateY(-12px)}}@keyframes reveal{from{opacity:0;transform:scale(.7) rotateY(40deg)}}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@media(max-width:760px){.hud{grid-template-columns:auto 1fr}.brand{display:none}.resources{gap:4px}.resources span{padding:7px;font-size:9px}.back span{display:none}#view{padding:88px 16px 105px}.home{grid-template-columns:1fr;align-content:start}.hero-copy h1{font-size:58px}.portrait{height:38vh;order:-1}.portrait-shape{width:42vw}.selector{right:2%;top:10%;gap:6px}.avatar{width:40px;height:40px}.dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:space-around}.dock button{min-width:0;flex:1;padding:7px 3px}.banner{min-height:300px;padding:26px}.pull-actions{flex-direction:column}.section-head{align-items:start}.section-head p{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}