*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;user-select:none;-webkit-user-select:none;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#game-container{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:1280px;height:720px;transform:scale(var(--ui-scale, 1));transform-origin:top left;pointer-events:none}#ui-layer>*{pointer-events:auto}#top-bar{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:300;opacity:0;transition:opacity .3s}#game-container:hover #top-bar,#top-bar.visible{opacity:1}#top-bar button{background:#0000008c;color:#ccc;border:1px solid rgba(255,255,255,.15);padding:4px 12px;font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s;font-family:inherit}#top-bar button:hover{background:#000000bf;color:#fff;border-color:#fff6}#top-bar button.active{background:#508cdc99;border-color:#508cdccc;color:#fff}#dialog-box{position:absolute;bottom:0;left:0;right:0;min-height:160px;background:linear-gradient(to bottom,#0000,#000000b3 15%,#000000d9);padding:40px 48px 28px;cursor:pointer;transition:opacity .3s}#dialog-box.hidden{opacity:0;pointer-events:none}#speaker-name{position:absolute;top:-32px;left:48px;background:#141428e6;color:#fff;padding:6px 24px;font-size:16px;font-weight:700;border-radius:6px 6px 0 0;border:1px solid rgba(255,255,255,.2);border-bottom:none;letter-spacing:2px}#dialog-text{color:#fff;font-size:18px;line-height:1.8;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.8);min-height:64px}#click-indicator{position:absolute;bottom:16px;right:32px;color:#ffffff80;font-size:14px;animation:blink 1.2s ease-in-out infinite}#click-indicator.hidden{display:none}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}#choice-panel{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);display:flex;flex-direction:column;gap:14px;z-index:50}#choice-panel.hidden{display:none}.choice-btn{background:#141432d9;color:#e0e0f0;border:1px solid rgba(150,160,200,.4);padding:14px 48px;font-size:17px;cursor:pointer;border-radius:8px;transition:all .25s;text-align:center;min-width:320px;font-family:inherit;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.choice-btn:hover{background:#3c3c64e6;border-color:#b4bef0b3;color:#fff;transform:scale(1.03);box-shadow:0 0 20px #6478c84d}.panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-overlay.hidden{display:none}#save-load-panel,#settings-panel,#backlog-panel,#clues-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}#save-load-panel.hidden,#settings-panel.hidden,#backlog-panel.hidden,#clues-panel.hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{color:#fff;font-size:20px;letter-spacing:2px}.panel-header button{background:none;border:none;color:#999;font-size:22px;cursor:pointer;padding:4px 10px;transition:color .2s}.panel-header button:hover{color:#fff}.panel-tabs{display:flex;gap:0;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-tabs .tab{background:none;border:none;color:#888;padding:10px 20px;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}.panel-tabs .tab.active{color:#fff;border-bottom-color:#508cdc}.slot-list{flex:1;overflow-y:auto;padding:16px 32px;display:flex;flex-direction:column;gap:10px}.save-slot{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;color:#ccc}.save-slot:hover{background:#ffffff1a;border-color:#ffffff4d}.save-slot .slot-thumb{width:80px;height:45px;background:#0006;border-radius:4px;overflow:hidden}.save-slot .slot-thumb canvas{width:100%;height:100%}.save-slot .slot-info{flex:1}.save-slot .slot-info .slot-label{font-size:15px;color:#fff}.save-slot .slot-info .slot-meta{font-size:12px;color:#777;margin-top:4px}.save-slot .slot-empty{color:#555;font-style:italic}.save-slot .btn-delete-slot{background:#c83c3c66;border:none;color:#ccc;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.save-slot .btn-delete-slot:hover{background:#c83c3cb3;color:#fff}.settings-content{padding:24px 48px;display:flex;flex-direction:column;gap:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;color:#ccc}.setting-row label{font-size:15px;min-width:120px}.setting-row input[type=range]{flex:1;max-width:300px;accent-color:#508cdc}.setting-row select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:4px;font-size:14px;font-family:inherit}#backlog-content{flex:1;overflow-y:auto;padding:16px 48px;display:flex;flex-direction:column;gap:8px}.backlog-entry{color:#aaa;font-size:14px;line-height:1.6;padding:4px 0}.backlog-entry .backlog-speaker{color:#508cdc;font-weight:700;margin-right:8px}#title-menu{position:absolute;left:0;right:0;top:44%;bottom:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:5%}#title-menu.hidden{display:none}.title-menu-inner{display:flex;flex-direction:column;gap:12px;align-items:center;animation:titleMenuIn .8s ease-out;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:8px 4px}@keyframes titleMenuIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#d0d0e0;padding:12px 60px;min-width:240px;cursor:pointer;border-radius:6px;transition:all .3s ease;font-family:inherit;letter-spacing:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.title-menu-btn.ng{border-color:#dcb45a80;color:#f0d8a0;background:#dcb45a14}.title-menu-btn.ng:hover{background:#dcb45a2e;border-color:#dcb45ad9}.title-menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .5s}.title-menu-btn:hover{background:#ffffff1f;border-color:#ffffff59;color:#fff;transform:scale(1.04);box-shadow:0 0 24px #508cdc33}.title-menu-btn:hover:before{left:100%}.title-menu-btn .btn-label{font-size:18px;font-weight:700}.title-menu-btn .btn-sub{font-size:10px;color:#fff6;letter-spacing:3px;margin-top:2px}.title-menu-btn.hidden{display:none}#story-select-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}#story-select-panel.hidden{display:none}.story-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 48px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:flex-start}.story-list:before,.story-list:after{content:"";flex:1 0 0;min-height:4px}.story-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 40px;min-width:400px;max-width:500px;cursor:pointer;transition:all .3s ease;text-align:center}.story-card:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 30px #508cdc33}.story-card-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:3px;margin-bottom:6px}.story-card-subtitle{font-size:13px;color:#c8c8dcb3;letter-spacing:2px;margin-bottom:10px}.story-card-desc{font-size:14px;color:#b4b4c899;line-height:1.6;margin-top:8px}#ending-gallery-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}#ending-gallery-panel.hidden{display:none}.ending-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px 48px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;align-content:start}.ending-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ending-card:hover{transform:translateY(-4px);border-color:#ffffff4d;box-shadow:0 10px 30px #78a0e640}.ending-thumb{width:100%;height:150px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.1)}.locked-thumb{display:flex;align-items:center;justify-content:center;font-size:52px;color:#ffffff40;background:repeating-linear-gradient(45deg,#ffffff0a,#ffffff0a 12px,#ffffff12 12px,#ffffff12 24px)}.ending-card-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:2px;margin:12px 8px 6px}.ending-card-desc{font-size:13px;color:#c8c8dca6;line-height:1.6;margin:0 14px 16px}.ending-card.locked{opacity:.75;border-style:dashed}.ending-card.locked .ending-card-title,.ending-card.locked .ending-card-desc{color:#ffffff59}.ending-empty{grid-column:1 / -1;text-align:center;color:#dcdceb99;font-size:15px;padding:60px 20px}#ending-detail-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300}#ending-detail-modal.hidden{display:none}#ending-detail-body{position:relative;width:min(520px,88%);max-height:86%;overflow-y:auto;background:linear-gradient(160deg,#282e46f5,#161828fa);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 24px 70px #0000008c;animation:detailPop .28s ease-out}@keyframes detailPop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ending-detail-banner{position:relative;width:100%;height:200px;background-size:cover;background-position:center;border-radius:16px 16px 0 0}.ending-detail-banner-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 30%,#080a14eb);border-radius:16px 16px 0 0}.ending-detail-banner-title{position:absolute;left:22px;bottom:16px;right:22px;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}.ending-detail-section{padding:16px 22px}.ending-detail-label{font-size:12px;letter-spacing:2px;color:#96aae6d9;margin-bottom:8px}.ending-detail-text{font-size:15px;line-height:1.8;color:#e8eaf5eb}.ending-detail-status{font-size:15px;color:#7bd88f;font-weight:700}.ending-detail-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#141828b3;color:#fff;font-size:16px;cursor:pointer;z-index:2;transition:background .2s ease}.ending-detail-close:hover{background:#3c466ef2}.fade-in{animation:fadeIn .6s ease-out}.fade-out{animation:fadeOut .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 960px){#dialog-box{padding:30px 24px 20px;min-height:140px}#speaker-name{left:24px;font-size:14px;padding:4px 16px}#dialog-text{font-size:16px}.choice-btn{min-width:240px;padding:12px 36px;font-size:15px}}#ending-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:320}#ending-modal.hidden{display:none}.ending-modal-card{position:relative;width:min(520px,88%);background:linear-gradient(160deg,#282e46f5,#161828fa);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 24px 70px #0000008c;padding:28px 32px 26px;text-align:center;animation:detailPop .32s ease-out}.ending-modal-badge{display:inline-block;font-size:13px;letter-spacing:3px;color:#ffd479;border:1px solid rgba(255,212,121,.45);border-radius:999px;padding:4px 16px;margin-bottom:14px}#ending-modal-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.6)}#ending-modal-body{font-size:15px;line-height:1.9;color:#e8eaf5e6;margin:0 0 22px;max-height:38vh;overflow-y:auto;text-align:left}.ending-modal-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ending-modal-actions .title-menu-btn{padding:10px 28px;min-width:0;flex:1 1 auto}.title-menu-btn.primary{background:#508cdc47;border-color:#78aaf080;color:#eaf2ff}.title-menu-btn.primary:hover{background:#5a96e66b;border-color:#96befab3;box-shadow:0 0 24px #5a96e659}@media (max-width: 640px){#top-bar button{font-size:11px;padding:3px 8px}#dialog-text{font-size:14px}.choice-btn{min-width:200px;padding:10px 28px;font-size:14px}}.avg-item-overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000d1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;animation:avg-item-fade .25s ease forwards}.avg-item-frame{max-width:86%;max-height:86%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;background:#14141899;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 0 0 1px #ffd78273,0 0 34px #ffc85a59,0 18px 60px #0009;animation:avg-item-pop .3s cubic-bezier(.2,.8,.3,1) forwards}.avg-item-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 30px #00000080}.avg-item-caption{color:#f4f4f4;font-size:clamp(14px,2.4vh,20px);letter-spacing:1px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.avg-item-hint{color:#ffffff8c;font-size:clamp(11px,1.8vh,14px);letter-spacing:2px}.avg-item-missing{color:#ffffffb3;font-size:16px;padding:40px 20px}@keyframes avg-item-fade{0%{opacity:0}to{opacity:1}}@keyframes avg-item-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#relations-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a14a8;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}#relations-panel.hidden{display:none}.relations-content{flex:1;overflow-y:auto;padding:20px 48px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;align-content:start}.relation-card{background:linear-gradient(160deg,#282e4680,#16182899);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 20px;color:#e6e8f2;transition:border-color .25s ease,transform .25s ease}.relation-card:hover{border-color:#96befa66;transform:translateY(-2px)}.relation-name{font-size:19px;font-weight:700;letter-spacing:2px;color:#fff}.relation-personality{font-size:13px;color:#b4c3e6cc;margin:6px 0 10px;line-height:1.5}.relation-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.relation-tag{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid transparent}.relation-tag.like{color:#8fe0a0;background:#78dc961a;border-color:#78dc964d}.relation-tag.dislike{color:#f0a0a0;background:#e678781a;border-color:#e678784d}.affinity-row{display:flex;align-items:center;gap:10px}.affinity-label{font-size:12px;color:#c8cde1b3;min-width:36px}.affinity-bar{position:relative;flex:1;height:12px;border-radius:6px;background:#ffffff14;overflow:hidden}.affinity-bar .mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff40;z-index:2}.affinity-fill{position:absolute;top:0;bottom:0;border-radius:6px;transition:width .5s ease,left .5s ease}.affinity-fill.pos{background:linear-gradient(90deg,#6eaaf0b3,#78dca0e6)}.affinity-fill.neg{background:linear-gradient(90deg,#e67878e6,#c8648cb3)}.affinity-value{font-size:13px;font-weight:700;color:#fff;min-width:28px;text-align:right}#event-toast{position:absolute;top:18px;left:50%;transform:translate(-50%) translateY(-12px);z-index:400;background:linear-gradient(160deg,#3c5082f2,#1e2846f5);border:1px solid rgba(150,190,250,.5);color:#eaf2ff;padding:12px 28px;font-size:15px;letter-spacing:1px;border-radius:999px;box-shadow:0 8px 30px #00000080;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center;gap:8px;max-width:80%}#event-toast.hidden{display:none}#event-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#event-toast .toast-badge{font-size:16px}.clues-content{flex:1;overflow-y:auto;padding:18px 24px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}.clue-card{position:relative;background:linear-gradient(160deg,#262c428c,#1416269e);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 10px 12px;color:#e6e8f2;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:148px;justify-content:flex-start;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease}.clue-card:hover{border-color:#96befa66;transform:translateY(-2px)}.clue-icon{width:100%;height:96px;flex:0 0 96px;border-radius:10px;object-fit:cover;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.clue-body{flex:1;min-width:0;text-align:center}.clue-name{font-size:14px;font-weight:700;letter-spacing:.5px;color:#fff;line-height:1.3}.clue-desc{font-size:13px;color:#b9c6e4d1;margin-top:6px;line-height:1.55}.clue-empty{grid-column:1 / -1;text-align:center;color:#c8cde180;font-size:15px;padding:60px 0}.clue-card.selectable{cursor:pointer}.clue-card.selected{border-color:#8cc8ffd9;box-shadow:0 0 0 2px #8cc8ff59,0 6px 20px #3c78c840}.clue-check{position:absolute;top:8px;right:8px;width:22px;height:22px;flex:0 0 22px;border-radius:6px;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;opacity:0;transition:opacity .2s ease}.clue-card:hover .clue-check{opacity:1}.clue-card.selected .clue-check{opacity:1;background:#8cc8ffe6;border-color:#8cc8ffe6}.clues-footer{display:flex;gap:12px;justify-content:center;padding:14px 0 22px;border-top:1px solid rgba(255,255,255,.08)}.clues-footer button{min-width:120px;padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#eaf2ff;font-size:15px;letter-spacing:1px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.clues-footer button:hover{background:#ffffff24;border-color:#96befa80}.clues-footer button:active{transform:scale(.97)}.clues-footer button.primary{background:linear-gradient(160deg,#5a82d2e6,#3c5aaaeb);border-color:#96befa99}.clues-hint{position:absolute;left:50%;bottom:76px;transform:translate(-50%);max-width:78%;background:#141828f0;color:#ffd98a;border:1px solid rgba(255,217,138,.45);padding:10px 20px;border-radius:20px;font-size:14px;text-align:center;line-height:1.5;pointer-events:none;z-index:60;box-shadow:0 4px 18px #00000080}#clue-detail-modal{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}#clue-detail-modal.hidden{display:none}#clue-detail-card{position:relative;width:460px;background:linear-gradient(160deg,#282e46fa,#161828fa);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:30px 32px 34px;box-shadow:0 20px 60px #0000008c;text-align:center}.clue-detail-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#eaf2ff;font-size:16px;cursor:pointer}.clue-detail-close:hover{background:#ffffff29}.clue-detail-img{width:180px;height:180px;object-fit:cover;border-radius:14px;margin:6px auto 18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;display:block}.clue-detail-name{font-size:20px;color:#fff;letter-spacing:1px;margin:0 0 12px}.clue-detail-desc{font-size:14px;color:#c8d2ebe0;line-height:1.7;margin:0;text-align:left}.clue-hint{text-align:center;font-size:13px;color:#ffd296e6;padding:0 0 16px}#btn-clues{position:relative}#btn-clues .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e0584f;color:#fff;font-size:11px;line-height:18px;text-align:center;box-shadow:0 2px 6px #0006}#btn-clues .badge.hidden{display:none}#explore-hud{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px;pointer-events:none;z-index:320}#explore-hud button{pointer-events:auto}#explore-hud.hidden{display:none}.explore-hint{position:absolute;top:50px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#00000080;color:#ffe6a8;border:1px solid rgba(255,230,168,.3);padding:5px 12px;border-radius:14px;font-size:12px;letter-spacing:.5px;white-space:nowrap}.explore-end-link{background:transparent;border:1px solid rgba(255,230,168,.4);color:#ffe6a8;font-size:11px;padding:2px 10px;border-radius:12px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.explore-end-link:hover{background:#ffe6a826;color:#fff}.explore-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:60px;display:flex;align-items:center;justify-content:center;background:#00000038;color:#fff9;border:1px solid rgba(255,255,255,.14);border-radius:9px;font-size:28px;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.explore-arrow:hover{background:#00000080;color:#fff;border-color:#ffffff73}.explore-arrow-left{left:12px}.explore-arrow-right{right:12px}#hub-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px;pointer-events:none;z-index:170;display:flex;align-items:center;justify-content:center}#hub-overlay>*{pointer-events:auto}#hub-overlay.hidden{display:none}#cinematic-bars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}#cinematic-bars.hidden{display:none}#cinematic-bars .cb-top,#cinematic-bars .cb-bottom{position:absolute;left:0;width:100%;height:11%;background:#000}#cinematic-bars .cb-top{top:0}#cinematic-bars .cb-bottom{bottom:0}#pickup-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:190;opacity:0;background:radial-gradient(circle at 50% 54%,rgba(255,216,130,.55) 0%,rgba(255,190,90,.14) 30%,transparent 62%)}#pickup-flash.hidden{display:none}#pickup-flash.play{animation:pickupFlash .65s ease-out forwards}@keyframes pickupFlash{0%{opacity:0;transform:scale(1.15)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#hub-panel{width:880px;max-width:94%;background:#0a0e16db;border:1px solid rgba(120,160,210,.25);border-radius:16px;padding:26px 30px 30px;box-shadow:0 18px 60px #0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#hub-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:22px}#hub-title{font-size:26px;font-weight:700;color:#eaf2fb;letter-spacing:2px}#hub-status{display:flex;gap:16px;font-size:16px}#hub-time-phase{color:#ffd98a}#hub-ap{color:#9fd0ff}#hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hub-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:120px;background:linear-gradient(160deg,#283c5c8c,#141e308c);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(130,170,220,.3);border-radius:12px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.hub-node:hover{transform:translateY(-3px);border-color:#96c8ffd9;background:linear-gradient(160deg,#324b73b3,#1a283eb3)}.hub-node:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c146b,#080c14d1);border-radius:inherit;pointer-events:none}.hub-node>*{position:relative;z-index:1}.hub-node-icon{font-size:30px;line-height:1}.hub-node-label{font-size:19px;color:#eaf2fb;letter-spacing:1px}.hub-node-lock{font-size:13px;color:#ff9a9a;opacity:.9;padding:0 8px;text-align:center}.hub-node.locked{cursor:not-allowed;opacity:.5;filter:grayscale(.6);border-color:#ffffff1f}.hub-node.locked:hover{transform:none;border-color:#ffffff1f;background:linear-gradient(160deg,#283c5c8c,#141e308c)}#hub-footer{margin-top:22px;display:flex;justify-content:center}#btn-hub-end-day{background:#7846468c;color:#ffd9d9;border:1px solid rgba(220,130,130,.5);padding:10px 28px;font-size:16px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s}#btn-hub-end-day:hover{background:#965050bf;color:#fff}#hub-locked-toast{position:absolute;bottom:40px;left:50%;transform:translate(-50%) translateY(10px);background:#3c1414e6;color:#ffcfcf;border:1px solid rgba(220,120,120,.6);padding:10px 22px;border-radius:20px;font-size:15px;opacity:0;transition:opacity .3s,transform .3s}#hub-locked-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#qte-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(circle at 50% 50%,#0000 28%,#0000008c);cursor:pointer;pointer-events:auto;animation:qteIn .18s ease-out}#qte-overlay.hidden{display:none}@keyframes qteIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}#qte-ring-wrap{position:relative;width:200px;height:200px;filter:drop-shadow(0 0 18px rgba(255,120,90,.35))}#qte-ring{width:100%;height:100%;transform:rotate(-90deg)}#qte-ring-bg{fill:none;stroke:#ffffff1f;stroke-width:8}#qte-ring-fg{fill:none;stroke:#ff7a5c;stroke-width:8;stroke-linecap:round}#qte-time-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);letter-spacing:1px}#qte-prompt{font-size:30px;font-weight:700;color:#fff;letter-spacing:2px;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.8);max-width:80%}#qte-instruction{font-size:17px;color:#ffe6c8eb;letter-spacing:1px;padding:8px 22px;border:1px solid rgba(255,200,140,.4);border-radius:999px;background:#281a0e80;animation:qtePulse 1s ease-in-out infinite}@keyframes qtePulse{0%,to{opacity:.7}50%{opacity:1}}#qte-mash-wrap{width:420px;display:flex;flex-direction:column;align-items:center;gap:10px}#qte-mash-wrap.hidden{display:none}#qte-mash-track{width:100%;height:18px;border-radius:9px;background:#ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.2)}#qte-mash-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff7a5c,#ffd98a);border-radius:9px;transition:width .08s linear}#qte-mash-count{font-size:15px;color:#ffd9b0;letter-spacing:1px}#setting-qte-enabled{width:20px;height:20px;accent-color:#508cdc;cursor:pointer}#qte-overlay.urgent #qte-ring-fg{stroke:#ff3b3b}#qte-overlay.urgent #qte-time-label{color:#ff8a8a}#qte-overlay.urgent #qte-instruction{border-color:#ff5a5a99;background:#3c121299}#codex-panel{position:absolute;top:0;left:0;width:100%;height:100%;background:#080a14a8;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column}#codex-panel.hidden{display:none}.codex-tabs{display:flex;gap:8px;padding:14px 32px 0;flex-wrap:wrap}.codex-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cfd6e6;padding:6px 18px;font-size:14px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .2s}.codex-tab.active{background:#508cdc4d;border-color:#96befa99;color:#fff}.codex-tab .codex-tab-count{margin-left:6px;font-size:12px;color:#c8d2eb99}.codex-content{flex:1;overflow-y:auto;padding:20px 32px 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start}.codex-card{background:linear-gradient(160deg,#282e468c,#1618289e);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 18px;color:#e6e8f2;display:flex;flex-direction:column;gap:8px;min-height:120px}.codex-card:hover{border-color:#96befa66}.codex-card .codex-cat{font-size:11px;letter-spacing:2px;color:#96aae6d9}.codex-card .codex-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px}.codex-card .codex-desc{font-size:13px;line-height:1.6;color:#c3cde6d9}.codex-card.locked{opacity:.72;border-style:dashed;align-items:center;justify-content:center;text-align:center}.codex-card.locked .codex-cat{color:#c8c8dc66}.codex-card.locked .codex-title{color:#ffffff59;font-size:26px;letter-spacing:3px}.codex-card.locked .codex-desc{color:#ffffff59}.codex-empty{grid-column:1 / -1;text-align:center;color:#c8cde180;font-size:15px;padding:60px 0}#btn-codex .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e0584f;color:#fff;font-size:11px;line-height:18px;text-align:center;box-shadow:0 2px 6px #0006}#btn-codex .badge.hidden{display:none}