:root{--bg-deep:#0b0a1a;--bg-deep2:#141229;--ink:#f4f1ff;--ink-soft:#cdc7e8;--ink-dim:#8e88ab;--gold:#ffd98a;--gold-deep:#e9b85c;--accent:#b48cff;--accent-soft:#d9c4ff;--glass:rgba(20,17,40,.72);--glass-2:rgba(28,24,55,.85);--line:rgba(255,217,138,.28);--shadow:0 18px 50px rgba(0,0,0,.55);--radius:18px;--font-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-serif:"Songti SC","STSong","SimSun",Georgia,serif;--ui:min(2.4vw,18px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-cn);background:#000;color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none;text-rendering:optimizeLegibility}#game-root{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#1a1638,#0b0a1a 60%,#05040d)}.hidden{display:none!important}.screen{position:absolute;inset:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block}.loader{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 30%,#211a48,#0a0817 70%);transition:opacity .8s ease}.loader.fade-out{opacity:0;pointer-events:none}.loader-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#cdbcff,transparent),radial-gradient(1.5px 1.5px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent),radial-gradient(1px 1px at 55% 45%,#e9d9ff,transparent);opacity:.6;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.75}}.loader-inner{position:relative;text-align:center}.loader-logo-img{width:min(60vw,320px);height:auto;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 0 24px rgba(255,200,120,.5));animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.85;filter:drop-shadow(0 0 20px rgba(255,200,120,.4))}50%{opacity:1;filter:drop-shadow(0 0 36px rgba(255,200,120,.8))}}.loader-title{font-family:var(--font-serif);font-size:min(9vw,52px);letter-spacing:.35em;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,217,138,.25)}.loader-sub{margin-top:.4em;color:var(--accent-soft);letter-spacing:.45em;font-size:min(3.2vw,15px)}.loader-bar{margin:28px auto 10px;width:min(60vw,320px);height:5px;border-radius:5px;background:#ffffff1f;overflow:hidden}.loader-bar-fill{height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .3s ease;box-shadow:0 0 14px var(--accent)}.loader-tip{color:var(--ink-dim);font-size:min(3vw,13px);letter-spacing:.1em}.screen-title{z-index:30;overflow:hidden}.title-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:saturate(1.05);animation:slowdrift 30s ease-in-out infinite alternate}@keyframes slowdrift{0%{transform:scale(1.04) translate(-1%)}to{transform:scale(1.12) translate(1%,-2%)}}.title-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 10%,transparent 40%,rgba(5,4,15,.65) 100%),linear-gradient(180deg,#05040f26,#05040f99)}.title-shooting{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shoot{position:absolute;width:140px;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:drop-shadow(0 0 6px #bcdcff);opacity:0;transform:rotate(-28deg)}@keyframes shootacross{0%{opacity:0;transform:translate(0) rotate(-28deg) scaleX(.3)}10%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(-420px,230px) rotate(-28deg) scaleX(1)}}.title-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:8vh 4vw 2vh;gap:0}.game-logo{display:flex;flex-direction:column;align-items:center;gap:.1em;margin-bottom:.6em}.title-logo-img{width:min(62vw,400px);height:auto;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,200,120,.5)) drop-shadow(0 4px 20px rgba(180,140,255,.4));animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-cn{font-family:var(--font-serif);font-weight:700;font-size:min(13vw,96px);letter-spacing:.18em;background:linear-gradient(180deg,#fffdf6 0%,var(--gold) 55%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 40px rgba(255,200,120,.35);filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}.logo-en{font-size:min(3.4vw,16px);letter-spacing:.5em;color:var(--accent-soft);text-shadow:0 0 16px rgba(180,140,255,.6)}.title-tagline{margin:-2.5em 0 0;color:var(--ink-soft);font-size:min(3.4vw,15px);letter-spacing:.08em;text-shadow:0 2px 10px rgba(0,0,0,.6)}.title-menu{display:flex;flex-direction:column;gap:10px;width:min(78vw,300px);margin-top:0}.tbtn{position:relative;padding:.85em 1em;border-radius:14px;font-size:min(4.4vw,17px);letter-spacing:.28em;color:var(--ink);background:linear-gradient(120deg,#1e1a3cb8,#2822508c);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease,color .2s}.tbtn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,217,138,.18),transparent);transform:translate(-120%);transition:transform .5s ease}.tbtn:hover{transform:translateY(-2px) scale(1.02);border-color:var(--gold);box-shadow:0 10px 28px #ffc87838,0 0 0 1px #ffd98a40 inset;color:#fff}.tbtn:hover:before{transform:translate(120%)}.tbtn:active{transform:translateY(0) scale(.99)}.tbtn.locked{opacity:.45;filter:grayscale(.4)}.title-credit{position:absolute;bottom:12px;width:100%;text-align:center;color:var(--ink-dim);font-size:11px;letter-spacing:.08em}.screen-game{z-index:20;background:#05040d}.stage{position:absolute;inset:0;overflow:hidden}.stage-bg{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease,transform 8s ease-out;transform:scale(1.06)}.stage-bg.show{opacity:1}.stage-bg.kenburns{transform:scale(1.14) translate(1%,-1.5%)}.stage-tint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:0;transition:opacity 1s ease}.stage-tint.night{background:linear-gradient(180deg,#1a1d4a,#0a0a22);opacity:.35}.stage-tint.dusk{background:linear-gradient(180deg,#ff9a5a,#5a2a6a);opacity:.22}.stage-tint.dark{background:#05040d;opacity:.6}.stage-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.stage-flash.flash{animation:flash .5s ease}@keyframes flash{0%{opacity:0}20%{opacity:.85}to{opacity:0}}.stage-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-6%;width:14px;height:14px;border-radius:60% 0;background:radial-gradient(circle at 30% 30%,#ffd6ef,#ff9ccb);opacity:0;animation:fall linear infinite}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 8px var(--accent);opacity:0;animation:floatUp linear infinite}.snow{position:absolute;top:-6%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#cfe3ff);box-shadow:0 0 6px #dcebffb3;opacity:0;animation:snowfall linear infinite}@keyframes fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(112vh) translate(60px) rotate(360deg)}}@keyframes snowfall{0%{opacity:0;transform:translateY(0) translate(0)}12%{opacity:.9}to{opacity:.2;transform:translateY(112vh) translate(40px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}20%{opacity:.9}to{opacity:0;transform:translateY(-70vh)}}.stage-chars{position:absolute;inset:0}.char{position:absolute;bottom:-2%;left:50%;height:96%;transform:translate(-50%);will-change:opacity;opacity:0;transition:opacity .55s ease}.char.show{opacity:1}.char-inner{position:relative;height:100%;transform-origin:bottom center;will-change:transform;transition:filter .4s ease;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}.char-inner>img.cf{display:block;height:100%;width:auto;position:relative;pointer-events:none;-webkit-user-drag:none;will-change:opacity;backface-visibility:hidden}.char-inner>img.cf:not(:first-of-type){position:absolute;top:0;left:0}.char.dim .char-inner{filter:drop-shadow(0 18px 24px rgba(0,0,0,.5)) brightness(.55) saturate(.85)}.char.speaking .char-inner{filter:drop-shadow(0 22px 30px rgba(0,0,0,.55)) brightness(1.05)}.char .emote{position:absolute;top:4%;left:50%;transform:translate(-50%);font-size:42px;opacity:0;z-index:5}.char .emote.play{animation:emote 1.1s ease}@keyframes emote{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-22px) scale(.9)}}.char .blush{position:absolute;top:30%;left:50%;width:42%;height:8%;transform:translate(-50%);z-index:4;background:radial-gradient(ellipse at 28% 50%,rgba(255,120,150,.5),transparent 60%),radial-gradient(ellipse at 72% 50%,rgba(255,120,150,.5),transparent 60%);opacity:0;transition:opacity .4s;mix-blend-mode:screen;border-radius:50%;filter:blur(2px)}.char.blushing .blush{opacity:.7}.topbar{position:absolute;top:0;left:0;right:0;z-index:24;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;gap:8px;background:linear-gradient(180deg,rgba(5,4,15,.55),transparent);opacity:0;transition:opacity .4s}.topbar.show{opacity:1}.topbar-left{display:flex;gap:8px;align-items:center}.day-chip,.loc-chip{padding:.32em .8em;border-radius:20px;font-size:13px;letter-spacing:.08em;background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.day-chip{color:var(--gold);font-weight:600}.topbar-right{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.icon-btn{padding:.34em .7em;border-radius:12px;font-size:12.5px;letter-spacing:.05em;color:var(--ink-soft);background:var(--glass);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.18s}.icon-btn:hover{color:#fff;border-color:var(--gold);transform:translateY(-1px)}.icon-btn.active{color:var(--bg-deep);background:linear-gradient(120deg,var(--gold),var(--gold-deep));border-color:var(--gold);font-weight:700}.vn-layer{position:absolute;left:0;right:0;bottom:0;z-index:22;padding:0 max(14px,4vw) max(14px,3vh)}.dialogue-box{position:relative;max-width:1100px;margin:0 auto;min-height:23vh;background:linear-gradient(180deg,#100d229e,#0a0818eb);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 34px 26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s}.dialogue-box.show{opacity:1;transform:translateY(0)}.dialogue-box:after{content:"";position:absolute;inset:6px;border-radius:12px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.nameplate{position:absolute;top:-20px;left:26px;padding:.4em 1.4em;border-radius:12px;font-size:min(4.6vw,19px);font-weight:700;letter-spacing:.08em;color:#1a1430;background:linear-gradient(120deg,var(--accent),var(--accent-soft));box-shadow:0 6px 18px #0006,0 0 0 1px #ffffff40 inset;transform:translateY(0)}.nameplate.hidden{display:none}.dialogue-text{font-size:min(4.7vw,20px);line-height:1.85;color:var(--ink);letter-spacing:.02em;min-height:3.4em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.dialogue-text .cursor{display:inline-block;width:.5em;color:var(--accent-soft);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.next-indicator{position:absolute;right:24px;bottom:14px;color:var(--gold);font-size:14px;animation:bob 1.1s ease-in-out infinite;opacity:.85}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.narration-box{max-width:900px;margin:0 auto;text-align:center;font-size:min(4.6vw,19px);line-height:1.9;color:var(--ink-soft);background:#080614a8;border-radius:16px;padding:26px 30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);font-style:italic;letter-spacing:.04em;opacity:0;transform:translateY(14px);transition:.35s}.narration-box.show{opacity:1;transform:translateY(0)}.choices-layer{position:absolute;inset:0;z-index:26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(80% 80% at 50% 50%,#05040f59,#05040fb3);padding:6vh 6vw}.choice-q{color:var(--ink-soft);font-size:min(4.5vw,18px);margin-bottom:8px;letter-spacing:.06em;text-shadow:0 2px 10px #000}.choice-btn{width:min(86vw,640px);padding:1em 1.4em;border-radius:14px;font-size:min(4.4vw,18px);color:var(--ink);text-align:center;background:linear-gradient(120deg,#1e1a3ee6,#181434db);border:1px solid var(--line);box-shadow:0 8px 22px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(10px);opacity:0;transition:transform .25s,box-shadow .25s,border-color .2s,background .2s,opacity .3s}.choice-btn.in{opacity:1;transform:translateY(0)}.choice-btn:hover{border-color:var(--gold);background:linear-gradient(120deg,#3c3028eb,#282046e6);box-shadow:0 12px 30px #ffc87838;transform:translateY(-2px) scale(1.01)}.choice-btn .hint{display:inline-block;margin-left:.6em;font-size:.8em;color:var(--gold);opacity:0;transition:.2s}.choice-btn:hover .hint{opacity:.9}.hub-layer{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#070612bd,#070612e6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.hub-head{width:100%;max-width:1180px;margin:0 auto;padding:max(14px,3vh) max(16px,5vw) 10px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.hub-title{font-family:var(--font-serif);font-size:min(7vw,30px);letter-spacing:.1em;color:var(--gold)}.hub-sub{color:var(--ink-soft);font-size:min(3.6vw,15px);margin-top:6px;letter-spacing:.04em}.hub-day{text-align:right}.hub-day .big{font-size:min(8vw,34px);font-family:var(--font-serif);color:#fff}.hub-day .small{font-size:12px;color:var(--ink-dim);letter-spacing:.1em}.hub-grid{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px;padding:14px max(16px,5vw) 26px}.loc-card{position:relative;border-radius:16px;overflow:hidden;min-height:225px;cursor:pointer;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000073;transition:transform .22s,box-shadow .22s,border-color .22s;background:#15122a}.loc-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 40px #0009;border-color:var(--gold)}.loc-card .lc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform .4s;filter:brightness(.78)}.loc-card:hover .lc-bg{transform:scale(1.12)}.loc-card .lc-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,6,20,.92))}.loc-card .lc-body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px}.lc-name{font-size:18px;font-weight:700;color:#fff;letter-spacing:.05em;text-shadow:0 2px 8px #000}.lc-who{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px;color:var(--ink-soft)}.lc-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 8px currentColor}.lc-desc{font-size:12px;color:var(--ink-dim);margin-top:6px;line-height:1.5}.lc-badge{position:absolute;top:10px;right:10px;padding:.25em .7em;border-radius:14px;font-size:11px;font-weight:700;letter-spacing:.05em;background:linear-gradient(120deg,var(--gold),var(--gold-deep));color:#1a1430;box-shadow:0 4px 12px #0006}.lc-badge.done{background:#ffffff29;color:var(--ink-soft)}.lc-badge.lock{background:#00000080;color:var(--ink-dim)}.hub-foot{padding:0 max(16px,5vw) 24px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.hub-btn{padding:.7em 1.6em;border-radius:14px;font-size:15px;letter-spacing:.1em;border:1px solid var(--line);background:var(--glass-2);color:var(--ink);transition:.2s}.hub-btn:hover{border-color:var(--gold);color:#fff;transform:translateY(-2px)}.hub-btn.primary{background:linear-gradient(120deg,var(--gold),var(--gold-deep));color:#1a1430;font-weight:700;border-color:var(--gold)}.hub-btn.primary:hover{box-shadow:0 10px 26px #ffc87859}.overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:#04030cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel{width:min(94vw,880px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#16122cf5,#0d0a1cfa);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);animation:popin .3s ease}@keyframes popin{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-title{font-family:var(--font-serif);font-size:24px;color:var(--gold);letter-spacing:.1em}.panel-close{font-size:22px;color:var(--ink-soft);padding:4px 12px;border-radius:10px;transition:.2s}.panel-close:hover{color:#fff;background:#ffffff1a}.panel-body{padding:22px 26px;overflow-y:auto}.menu-list{display:flex;flex-direction:column;gap:12px}.menu-item{padding:1em 1.2em;border-radius:14px;font-size:17px;letter-spacing:.1em;text-align:center;color:var(--ink);background:#241e42b3;border:1px solid rgba(255,255,255,.1);transition:.2s}.menu-item:hover{border-color:var(--gold);color:#fff;transform:translateY(-2px);background:#2e2654cc}.menu-item.danger:hover{border-color:#ff8a8a;color:#ffd5d5}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.set-row label{font-size:16px;color:var(--ink);letter-spacing:.05em}.set-row .desc{font-size:12px;color:var(--ink-dim);margin-top:3px}.set-ctrl{display:flex;align-items:center;gap:10px;min-width:200px;justify-content:flex-end}input[type=range]{-webkit-appearance:none;appearance:none;width:160px;height:5px;border-radius:5px;background:#ffffff2e;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,var(--gold),var(--gold-deep));box-shadow:0 0 10px var(--gold);cursor:pointer}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{padding:.45em .9em;font-size:13px;color:var(--ink-soft);background:transparent;transition:.18s}.seg button.on{background:linear-gradient(120deg,var(--gold),var(--gold-deep));color:#1a1430;font-weight:700}.set-val{min-width:42px;text-align:right;color:var(--gold);font-size:14px}.save-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.save-slot{position:relative;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#1e193ab3;padding:14px;min-height:96px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:6px}.save-slot:hover{border-color:var(--gold);transform:translateY(-2px);background:#28214ccc}.save-slot .slot-no{font-size:12px;color:var(--gold);letter-spacing:.1em}.save-slot .slot-info{font-size:13px;color:var(--ink-soft);line-height:1.5}.save-slot .slot-empty{color:var(--ink-dim);font-style:italic}.save-slot .slot-time{font-size:11px;color:var(--ink-dim);margin-top:auto}.aff-list{display:flex;flex-direction:column;gap:18px}.aff-row{display:flex;align-items:center;gap:16px}.aff-ava{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;border:2px solid var(--line);background:#0d0a1e}.aff-ava img{width:120%;height:120%;object-fit:cover;object-position:top center;transform:translate(-8%,2%)}.aff-main{flex:1;min-width:0}.aff-name{display:flex;justify-content:space-between;align-items:baseline}.aff-name b{font-size:16px}.aff-name .arch{font-size:12px;color:var(--ink-dim);margin-left:8px}.aff-name .pct{font-size:13px}.aff-bar{height:9px;border-radius:9px;background:#ffffff1f;overflow:hidden;margin-top:7px}.aff-bar i{display:block;height:100%;border-radius:9px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.aff-stage{font-size:12px;color:var(--ink-soft);margin-top:5px;letter-spacing:.04em}.gal-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gal-tab{padding:.4em 1em;border-radius:20px;font-size:13px;color:var(--ink-soft);border:1px solid rgba(255,255,255,.12);background:#1e193a99;transition:.2s}.gal-tab.on{background:linear-gradient(120deg,var(--accent),var(--accent-soft));color:#1a1430;font-weight:700;border-color:transparent}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.gal-cell{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:#0d0a1e;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.2s}.gal-cell:hover{transform:translateY(-3px) scale(1.02);border-color:var(--gold);box-shadow:0 12px 26px #00000080}.gal-cell img{width:100%;height:100%;object-fit:cover;object-position:top center}.gal-cell.locked{filter:grayscale(1) brightness(.3)}.gal-cell .lockicon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--ink-dim)}.gal-cell .cap{position:absolute;left:0;right:0;bottom:0;padding:8px;font-size:12px;color:#fff;background:linear-gradient(transparent,#000000d9)}.viewer{position:absolute;inset:0;z-index:60;background:#03020af2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3vh 3vw}.viewer img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #000000b3}.viewer .vcap{margin-top:14px;color:var(--ink-soft);font-size:15px;letter-spacing:.06em;opacity:0;transition:opacity .4s ease}.viewer .vcap.ready{opacity:1;animation:vcapPulse 1.7s ease-in-out infinite;cursor:pointer}.cg-stage{display:flex;align-items:center;justify-content:center;min-height:30vh}.cg-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink-soft);font-size:14px;letter-spacing:.08em}.cg-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--gold);animation:cgspin .8s linear infinite}@keyframes cgspin{to{transform:rotate(360deg)}}@keyframes vcapPulse{0%,to{opacity:.55}50%{opacity:1}}.viewer .vclose{position:absolute;top:20px;right:24px;font-size:26px;color:#fff;padding:6px 14px;border-radius:10px;background:#ffffff1a}.log-list{display:flex;flex-direction:column;gap:12px}.log-item{padding:12px 14px;border-radius:12px;background:#1c17368c;border:1px solid rgba(255,255,255,.06)}.log-item .who{font-size:13px;color:var(--accent-soft);font-weight:700;margin-bottom:4px}.log-item .txt{font-size:14px;color:var(--ink-soft);line-height:1.7}.log-item.narr .txt{font-style:italic;color:var(--ink-dim)}.toast{position:absolute;left:50%;bottom:27vh;top:auto;transform:translate(-50%) translateY(8px);z-index:70;padding:.7em 1.4em;border-radius:30px;font-size:14.5px;letter-spacing:.05em;color:#1a1430;background:linear-gradient(120deg,var(--gold),var(--gold-deep));box-shadow:0 10px 30px #0006;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.heart{background:linear-gradient(120deg,#ff9bc4,#ff6f9f);color:#3a0d22}.chapter-card{position:absolute;inset:0;z-index:28;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#0a081899,#05040df5);opacity:0;transition:opacity .8s ease;text-align:center;padding:0 8vw}.chapter-card.show{opacity:1}.chapter-card .ch-kicker{color:var(--accent-soft);letter-spacing:.5em;font-size:min(3.6vw,15px);margin-bottom:1em}.chapter-card .ch-title{font-family:var(--font-serif);font-size:min(10vw,60px);letter-spacing:.12em;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.chapter-card .ch-line{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.4em auto 0;transition:width 1.2s ease .3s}.chapter-card.show .ch-line{width:min(70vw,420px)}.ending-card{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#05040d}.ending-card .ec-inner{text-align:center;padding:6vh 8vw;animation:popin .8s ease}.ending-card .ec-type{letter-spacing:.5em;color:var(--accent-soft);font-size:min(4vw,16px)}.ending-card .ec-title{font-family:var(--font-serif);font-size:min(11vw,68px);margin:.4em 0;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.ending-card .ec-text{color:var(--ink-soft);font-size:min(4.4vw,18px);line-height:1.9;max-width:680px;margin:1em auto 2em}.panel-body::-webkit-scrollbar,.hub-layer::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb,.hub-layer::-webkit-scrollbar-thumb{background:#ffd98a4d;border-radius:8px}@media (max-width:640px){.dialogue-box{min-height:26vh;padding:24px 20px 22px}.topbar-right .icon-btn{padding:.3em .5em;font-size:11px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (orientation:portrait) and (min-width:641px){.dialogue-text{font-size:22px}}@media (orientation:landscape) and (pointer:coarse) and (max-height:560px){.vn-layer{padding:0 max(10px,3vw) max(8px,2.4vh)}.dialogue-box{min-height:0;padding:10px 18px 11px;max-width:800px;border-radius:14px}.dialogue-box:after{inset:4px;border-radius:10px}.nameplate{top:-12px;left:16px;padding:.26em 1em;font-size:12.5px;border-radius:9px;letter-spacing:.05em}.dialogue-text{font-size:14px;line-height:1.58;min-height:2.3em;letter-spacing:0}.narration-box{max-width:660px;padding:13px 20px;font-size:13px;line-height:1.68}.next-indicator{right:14px;bottom:8px;font-size:12px}.toast{bottom:21vh;font-size:12.5px;padding:.5em 1.1em}}.rotate-hint{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:8vw;background:radial-gradient(120% 120% at 50% 30%,#211a48,#070611 75%)}.rotate-hint .rotate-ico{font-size:64px;animation:rotatePhone 2.4s ease-in-out infinite}@keyframes rotatePhone{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-hint .rotate-title{font-family:var(--font-serif);font-size:30px;letter-spacing:.2em;background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.rotate-hint .rotate-sub{color:var(--ink-soft);font-size:15px;line-height:1.9;letter-spacing:.04em}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{display:flex}}.site-header{position:fixed;top:0;left:0;right:0;z-index:300;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,#0b0a1aeb,#0b0a1a00);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto}.header-left{display:flex;align-items:center;gap:10px}.header-logo{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,217,138,.45))}.header-title{font-family:var(--font-serif);font-size:17px;letter-spacing:.18em;background:linear-gradient(135deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.header-right{display:flex;align-items:center;gap:10px}.header-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:22px;font-family:var(--font-cn);font-size:13px;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .22s cubic-bezier(.23,1,.32,1);border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--ink);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.header-btn:hover{background:#ffffff29;border-color:#ffffff52;transform:translateY(-1px);box-shadow:0 4px 16px #00000059}.header-btn:active{transform:scale(.97)}.header-x-btn{border-color:#fff3;padding:7px 15px;min-width:42px;justify-content:center}.header-x-btn span{display:none!important}.header-x-btn:hover{background:#1da1f22e;border-color:#1da1f280;color:#fff}.header-wallet-btn{border-color:#ffd98a59;color:var(--gold)}.header-wallet-btn:hover{background:#ffd98a26;border-color:#ffd98a99;box-shadow:0 0 18px #ffd98a33}.header-wallet-btn.connected{background:#b48cff26;border-color:#b48cff80;color:var(--accent-soft)}.header-wallet-btn.connected:hover{background:#b48cff40;border-color:var(--accent)}.header-wallet-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#game-root{top:68px!important}.loader,.rotate-hint{top:0!important}@media (max-width: 480px){.header-title,.header-btn span{display:none}.header-btn{padding:7px 10px}.header-logo{height:56px}}#wallet-gate,#wallet-disconnect-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;animation:wgFadeIn .25s ease}#wallet-gate.wg-fade-out,#wallet-disconnect-modal.wg-fade-out{animation:wgFadeOut .35s ease forwards}@keyframes wgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wgFadeOut{0%{opacity:1}to{opacity:0}}.wg-backdrop{position:absolute;inset:0;background:#05040fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wg-panel{position:relative;z-index:1;background:linear-gradient(160deg,#1c1638f7,#0e0b1ef7);border:1px solid rgba(255,217,138,.22);border-radius:20px;padding:40px 36px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 24px 80px #000000b3,0 0 0 1px #b48cff1a;animation:wgSlideUp .3s cubic-bezier(.23,1,.32,1)}.wg-panel-sm{max-width:340px;padding:32px 28px 24px}@keyframes wgSlideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.wg-panel.wg-shake{animation:wgShake .35s ease}@keyframes wgShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.wg-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#ffd98a1a;border:1px solid rgba(255,217,138,.25);margin:0 auto 20px;color:var(--gold)}.wg-title{font-family:var(--font-serif);font-size:22px;letter-spacing:.12em;background:linear-gradient(135deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.wg-desc{color:var(--ink-soft);font-size:14px;line-height:1.8;margin-bottom:24px}.wg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border-radius:12px;font-family:var(--font-cn);font-size:15px;font-weight:600;letter-spacing:.06em;cursor:pointer;border:1px solid rgba(255,217,138,.4);background:linear-gradient(135deg,#ffd98a2e,#b48cff1f);color:var(--gold);transition:all .22s cubic-bezier(.23,1,.32,1)}.wg-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd98a47,#b48cff33);border-color:#ffd98ab3;transform:translateY(-1px);box-shadow:0 6px 20px #ffd98a33}.wg-btn:active:not(:disabled){transform:scale(.97)}.wg-btn:disabled{opacity:.55;cursor:not-allowed}.wg-btn-cancel{flex:1;background:#ffffff0f;border-color:#ffffff2e;color:var(--ink-soft);font-size:14px;padding:11px 16px}.wg-btn-cancel:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;box-shadow:none;transform:none}.wg-btn-danger{flex:1;background:#ff50501f;border-color:#ff646466;color:#ff8080;font-size:14px;padding:11px 16px}.wg-btn-danger:hover:not(:disabled){background:#ff505038;border-color:#ff6464b3;box-shadow:0 4px 16px #ff505033;transform:translateY(-1px)}.wg-hint{margin-top:16px;color:var(--ink-dim);font-size:12px}.wg-hint a{color:var(--accent-soft);text-decoration:none}.wg-hint a:hover{color:var(--accent);text-decoration:underline}.about-panel{max-width:660px}.about-body{max-height:65vh;overflow-y:auto;padding-right:4px}.about-body::-webkit-scrollbar{width:4px}.about-body::-webkit-scrollbar-track{background:transparent}.about-body::-webkit-scrollbar-thumb{background:#ffd98a4d;border-radius:4px}.about-headline{font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,#fffdf6 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;line-height:1.4}.about-text{color:var(--ink-soft);font-size:14px;line-height:1.9;margin-bottom:10px}.about-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,217,138,.3),transparent);margin:18px 0}.about-section-title{color:var(--gold);font-size:14px;font-weight:600;letter-spacing:.08em;margin-bottom:10px}.about-camps{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;padding:14px 16px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,217,138,.1)}.camp-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);line-height:1.6}.camp-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.camp-item b{color:var(--ink);font-weight:600}.about-footer{margin-top:16px;color:var(--ink-dim);font-size:12px;text-align:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}