:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e4da;font-synthesis:none;background:#0e1210;font-family:Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 48% -20%,#25332b 0,#111613 42%,#0c100e 100%);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding:0 22px 20px}.topbar{border-bottom:1px solid #2a332e;justify-content:space-between;align-items:center;height:82px;display:flex}.topbar>div:first-child{align-items:baseline;gap:16px;display:flex}.eyebrow{color:#c69c61;letter-spacing:.14em;font-family:Noto Serif TC,serif;font-size:13px}h1{letter-spacing:.08em;margin:0;font-family:Noto Serif TC,serif;font-size:22px;font-weight:600}.top-actions{align-items:center;gap:7px;display:flex}.top-actions>button{color:#8d9890;cursor:pointer;background:#151c18;border:1px solid #344039;border-radius:5px;height:34px;padding:0 10px}.top-actions>button:hover,.top-actions>button.active{color:#eadfc9;background:#26322b;border-color:#647269}.dataset-badge{color:#aeb7b0;background:#171d19;border:1px solid #3a443e;border-radius:999px;padding:8px 14px;font-size:12px}.dataset-badge i{background:#d5a45f;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #d5a45f1d}.nav-strip{border-bottom:1px solid #2a332e;align-items:center;gap:7px;height:48px;display:flex}.nav-strip button{color:#a7b0a9;cursor:pointer;background:#151c18;border:1px solid #344039;border-radius:5px;align-items:center;gap:6px;height:34px;padding:0 12px;display:inline-flex}.nav-strip button:hover,.nav-strip button.active{color:#f0e3c9;background:#26322b;border-color:#77684f}.nav-strip button:disabled{opacity:.38;cursor:default}.nav-strip button .type-icon{width:16px;height:16px}.nav-context{color:#77827b;text-overflow:ellipsis;white-space:nowrap;max-width:40%;margin-left:auto;font-size:13px;font-weight:500;overflow:hidden}.workspace{background:#111613cc;border:1px solid #2a332e;border-top:0;grid-template-columns:258px minmax(520px,1fr) 326px;height:calc(100vh - 150px);display:grid;box-shadow:0 24px 80px #0008}.workspace.no-left{grid-template-columns:minmax(520px,1fr) 326px}.workspace.no-detail{grid-template-columns:258px minmax(520px,1fr)}.workspace.no-left.no-detail{grid-template-columns:minmax(0,1fr)}.hidden-panel{display:none}.sidebar{background:#141a16e8;padding:24px 20px;overflow-y:auto}.left-panel{border-right:1px solid #2a332e}.detail-panel{border-left:1px solid #2a332e}.section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;display:flex}.section-heading small{color:#89958d;font-size:12px;font-weight:500}.search{background:#0f1411;border:1px solid #343e38;border-radius:6px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.search span{color:#89948c;font-size:20px}.search input{color:#edeadf;background:0 0;border:0;outline:0;width:100%;font-size:14px}.control-group{margin-top:23px}.control-group>label,.detail-section h3{color:#94a097;letter-spacing:.1em;margin-bottom:10px;font-size:12px;display:block}.region-select{color:#e8e4d8;background:#101512;border:1px solid #354139;border-radius:5px;width:100%;padding:10px;font-size:13px}.coverage-note{background:#211b1288;border:1px solid #51452f;border-radius:5px;gap:5px;margin-top:14px;padding:10px 11px;display:grid}.coverage-note strong{color:#d9b878;font-size:11px}.coverage-note span{color:#b0a799;font-size:11px}.coverage-note p{color:#8b958e;margin:0;font-size:11px;line-height:1.55}.coverage-status{color:#c3bdb1;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;font-size:11px;display:grid}.coverage-status i{background:#b58b4f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #b58b4f55}.coverage-status.complete i{background:#70a985;box-shadow:0 0 8px #70a98566}.coverage-status.complete strong{color:#8fc39f}.coverage-status.partial strong{color:#d9b878}.segmented{background:#0d120f;border-radius:6px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button,.filter-grid button,.stacked-actions button,.reset-button,.detail-actions button,.graph-toolbar button{color:#a0aba3;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px;font-size:13px}.segmented button.active,.filter-grid button.active,.stacked-actions button.active{color:#e7d7b9;background:#2b3a31}.filter-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.filter-grid button{border:1px solid #303a34;justify-content:flex-start;align-items:center;gap:6px;padding:7px 6px;display:flex}.type-marker{color:#111613;border-radius:6px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff20}.type-icon{width:14px;height:14px;display:block}.filter-grid button:hover,.stacked-actions button:hover{color:#e7e4da;border-color:#617067}.stacked-actions{gap:7px;display:grid}.stacked-actions button{text-align:left;background:#19211c;border:1px solid #303a34;padding:10px 12px}.check-row{color:#a8b1aa;cursor:pointer;gap:9px;margin-top:18px;font-size:12px;display:flex}.check-row input{accent-color:#af8752}.reset-button{border:1px solid #3b463f;width:100%;margin-top:22px}.reset-button:hover{color:#eee9df;background:#202a24}.validation-note{color:#8f9a93;align-items:center;gap:6px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.ok-dot,.error-dot{background:#6fa77f;border-radius:50%;width:6px;height:6px}.error-dot{background:#c16b62}.graph-stage{background-color:#101512;background-image:radial-gradient(#39433d .7px,#0000 .7px);background-size:22px 22px;min-width:0;position:relative;overflow:hidden;container-type:inline-size}.load-error{z-index:5;color:#e2a89f;background:#291916e8;border:1px solid #754b44;border-radius:6px;place-items:center;display:grid;position:absolute;inset:20px}.graph-empty{z-index:5;text-align:center;background:#101512;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.graph-empty i{color:#77867d;border:1px dashed #536158;border-radius:50%;place-items:center;width:52px;height:52px;font-size:25px;font-style:normal;display:grid}.graph-empty h2{color:#ddd8ca;margin:6px 0 0;font-family:Noto Serif TC,serif;font-size:20px}.graph-empty p{color:#7f8a83;margin:0;font-size:11px}.graph-empty button{color:#e2d6bd;cursor:pointer;background:#253129;border:1px solid #536259;border-radius:5px;margin-top:8px;padding:9px 18px}.graph-empty button:hover{border-color:#8d7047}.graph-canvas{position:absolute;inset:0}.graph-canvas.overview-hidden{visibility:hidden}.node-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.node-overlay.overview-hidden{visibility:hidden}.graph-node-button{--node-color:#d9aa67;color:#111613;background:var(--node-color);pointer-events:auto;cursor:pointer;border:3px solid #202a24;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;transition:width .15s,height .15s,border-color .15s,filter .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0008,inset 0 0 0 1px #ffffff2b}.graph-node-button[hidden]{display:none}.graph-node-button:hover,.graph-node-button:focus-visible{filter:brightness(1.12);border-color:#efe0b4;outline:none;width:48px;height:48px}.graph-node-button.selected{border:4px solid #f1d79c;width:54px;height:54px;box-shadow:0 0 0 5px #f1d79c24,0 8px 22px #000a}.graph-node-button svg{width:24px;height:24px}.graph-node-button.selected svg{width:29px;height:29px}.overview-map{z-index:4;scrollbar-color:#4c5a51 transparent;padding:12px 14px 30px;position:absolute;inset:46px 22px 38px;overflow:auto}.collection-map{z-index:4;scrollbar-color:#4c5a51 transparent;background:#101512;padding:62px 22px 34px;position:absolute;inset:0;overflow-y:auto}.collection-intro{border-bottom:1px solid #2c3730;justify-content:space-between;align-items:end;gap:24px;margin:4px 0 0;padding-bottom:15px;display:flex}.collection-intro>div{min-width:0}.collection-intro>span{color:#c69c61;letter-spacing:.14em;font-size:12px}.collection-intro h2{color:#ece7d8;margin:6px 0;font-family:Georgia,Noto Serif TC,serif;font-size:23px}.collection-intro p{color:#9ba69f;max-width:680px;margin:0;font-size:14px;line-height:1.65}.collection-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;display:grid}.collection-grid button{color:#ddd9ce;text-align:left;cursor:pointer;background:linear-gradient(145deg,#18201b,#111713);border:1px solid #303a34;border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:68px;padding:11px 12px;display:grid}.collection-grid button:hover{background:linear-gradient(145deg,#202a24,#151c18);border-color:#7d7159;transform:translateY(-1px)}.collection-grid button>span{gap:4px;min-width:0;display:grid}.collection-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.collection-grid small{color:#929e96;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.collection-grid b{color:#c09c6a;white-space:nowrap;font-size:11px;font-weight:500}.overview-intro{max-width:560px;margin:8px 0 24px}.overview-intro>span{color:#c69c61;letter-spacing:.16em;font-size:12px}.overview-intro h2{color:#ece7d8;margin:6px 0;font-family:Georgia,Noto Serif TC,serif;font-size:25px}.overview-intro p{color:#98a29c;margin:0;font-size:14px;line-height:1.6}.overview-map section{margin-top:22px}.overview-map section h3{color:#aab4ad;letter-spacing:.09em;margin:0 0 10px;font-size:13px;font-weight:600}.overview-map section h3 span{float:right;color:#657168;letter-spacing:0}.overview-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px;display:grid}.overview-grid button{text-align:left;color:#dedbd0;cursor:pointer;background:linear-gradient(145deg,#151c18,#101512);border:1px solid #303b34;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:12px 1fr auto;align-items:center;gap:4px 8px;min-height:76px;padding:13px 14px;display:grid;position:relative}.overview-grid button:hover{background:linear-gradient(145deg,#1a231e,#121814);border-color:#7d7159;transform:translateY(-2px)}.overview-grid button i{border-radius:50%;grid-row:1/3;width:9px;height:9px}.overview-grid button strong{font-size:14px;font-weight:550}.overview-grid button span{color:#929e96;grid-column:2;font-size:11px}.overview-grid button b{color:#bea06e;grid-area:1/3/3;font-size:11px;font-weight:500}.compact-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.first-player-entry{background:linear-gradient(135deg,#2b2518,#171b15 62%);border:1px solid #78613c;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:inset 4px 0 #c69c61}.first-player-entry span{color:#d5aa69;letter-spacing:.14em;font-size:11px}.first-player-entry h3{font-family:Noto Serif TC,serif;color:#f0e5d0!important;letter-spacing:.04em!important;margin:5px 0 3px!important;font-size:18px!important}.first-player-entry p{color:#aaa496;margin:0;font-size:13px;line-height:1.55}.first-player-entry button{color:#19150e;cursor:pointer;white-space:nowrap;background:#d0aa6c;border:1px solid #e3c58f;border-radius:6px;padding:11px 15px;font-weight:650}.first-player-entry button:hover{background:#e0bd82}.character-grid{grid-template-columns:repeat(5,minmax(100px,1fr));gap:9px;display:grid}.character-grid button{color:#dedbd0;text-align:left;cursor:pointer;background:linear-gradient(145deg,#151c18,#101512);border:1px solid #303b34;border-radius:7px;min-width:0;padding:0;overflow:hidden}.character-grid button:hover{border-color:#8d7047;transform:translateY(-2px)}.character-grid img{aspect-ratio:1/.82;object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 42%,#303a34 0,#1a211d 64%,#121713 100%);border-bottom:1px solid #303b34;width:100%;padding:5px 5px 0;display:block}.character-grid button>span{gap:2px;padding:9px 10px 2px;display:grid}.character-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.character-grid small{color:#929e96;font-size:11px}.character-grid b{color:#bea06e;padding:3px 10px 10px;font-size:11px;font-weight:500;display:block}.character-expand{color:#d9c8a8;cursor:pointer;background:#18211c;border:1px solid #3b473f;border-radius:6px;width:100%;margin-top:10px;padding:10px}.character-expand:hover{background:#222e27;border-color:#78684d}.character-entry{background:linear-gradient(145deg,#1b251f,#111713);border:1px solid #3c493f;border-radius:9px;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.character-entry>div:first-child{align-items:center;gap:12px;display:flex}.character-entry h3{color:#e5dccb!important;letter-spacing:.04em!important;margin-bottom:4px!important;font-size:16px!important}.character-entry p{color:#99a49d;margin:0;font-size:13px;line-height:1.55}.character-preview{display:flex}.character-preview img{object-fit:contain;object-position:center bottom;background:#242e28;border:2px solid #101512;border-radius:50%;width:48px;height:48px;margin-left:-8px}.character-preview img:first-child{margin-left:0}.character-entry>button{color:#eadfc9;cursor:pointer;white-space:nowrap;background:#2a382f;border:1px solid #5f6e64;border-radius:6px;padding:10px 14px}.character-entry>button:hover{background:#33463a;border-color:#a18459}.location-entry{background:linear-gradient(145deg,#19232a,#111713);border:1px solid #3b4b55;border-radius:9px;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.location-entry>div{align-items:center;gap:12px;display:flex}.location-entry h3{color:#e5dccb!important;letter-spacing:.04em!important;margin-bottom:4px!important;font-size:16px!important}.location-entry p{color:#99a49d;margin:0;font-size:13px;line-height:1.55}.location-entry>button{color:#e3e9ef;cursor:pointer;white-space:nowrap;background:#293943;border:1px solid #607987;border-radius:6px;padding:10px 14px}.location-entry>button:hover{background:#344b58;border-color:#8eb0c3}.character-directory{z-index:4;scrollbar-color:#4c5a51 transparent;background:#101512;padding:28px 24px 38px;position:absolute;inset:0;overflow-y:auto}.directory-header{border-bottom:1px solid #2c3730;justify-content:space-between;align-items:end;gap:24px;padding-bottom:17px;display:flex}.directory-header>div>span{color:#c69c61;letter-spacing:.14em;font-size:12px}.directory-header h2{color:#ece7d8;margin:5px 0 4px;font-family:Georgia,Noto Serif TC,serif;font-size:27px}.directory-header p{color:#98a39c;margin:0;font-size:14px;line-height:1.55}.directory-search{background:#0e1310;border:1px solid #3a463f;border-radius:6px;align-items:center;gap:9px;width:min(320px,42%);height:44px;padding:0 12px;display:flex}.directory-search span{color:#9ca79f;font-size:20px}.directory-search input{color:#edeadf;background:0 0;border:0;outline:0;width:100%;font-size:14px}.directory-status{color:#919c95;justify-content:space-between;margin:16px 1px 10px;font-size:12px;display:flex}.directory-grid{grid-template-columns:repeat(5,minmax(115px,1fr))}.directory-empty{color:#999;text-align:center;place-content:center;gap:6px;min-height:260px;display:grid}.directory-empty strong{color:#ddd7ca;font-size:18px}.directory-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.directory-pagination button{color:#e2d6bd;cursor:pointer;background:#253129;border:1px solid #536259;border-radius:6px;min-width:112px;padding:10px 14px}.directory-pagination button:disabled{opacity:.35;cursor:default}.directory-pagination strong{color:#9ba59e;font-size:13px;font-weight:500}.location-directory{z-index:4;background:#101512;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:0}.location-directory.has-location-detail{grid-template-columns:minmax(460px,1fr) 350px}.location-directory-main{scrollbar-color:#4c5a51 transparent;min-width:0;padding:28px 24px 38px;overflow-y:auto}.location-grid{grid-template-columns:repeat(3,minmax(170px,1fr));gap:9px;display:grid}.location-grid button{color:#ddd9ce;text-align:left;cursor:pointer;background:linear-gradient(145deg,#18201b,#111713);border:1px solid #303a34;border-radius:7px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:70px;padding:11px 12px;display:grid}.location-grid button:hover,.location-grid button.active{background:linear-gradient(145deg,#202b31,#151c18);border-color:#7899b9}.location-grid button>span{gap:4px;min-width:0;display:grid}.location-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.location-grid small{color:#8f9b94;font-size:11px}.location-grid b{color:#8fb1c5;white-space:nowrap;font-size:11px;font-weight:500}.location-detail{scrollbar-color:#4c5a51 transparent;background:#141a16;border-left:1px solid #344139;padding:25px 20px 34px;position:relative;overflow-y:auto}.location-detail h2{color:#eee8dc;margin:10px 36px 8px 0;font-family:Noto Serif TC,serif;font-size:26px}.location-detail-close{color:#aeb7b0;cursor:pointer;background:#1f2923;border:1px solid #465249;border-radius:50%;width:34px;height:34px;font-size:21px;position:absolute;top:16px;right:15px}.location-related-list{gap:7px;display:grid}.location-related-list button{color:#ddd9ce;text-align:left;cursor:pointer;background:#101512;border:1px solid #303a34;border-radius:6px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;display:grid}.location-related-list button:hover{border-color:#7899b9}.location-related-list button>span{gap:2px;min-width:0;display:grid}.location-related-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.location-related-list small{color:#8f9b94;font-size:11px}.location-related-list b{color:#8fb1c5}.location-unlinked{background:#171d19;border:1px dashed #4c5b52;border-radius:7px;margin:20px 0;padding:14px}.location-unlinked strong{color:#ddd4c2;font-size:13px}.location-unlinked p{color:#9ca69f;margin:7px 0 0;font-size:12px;line-height:1.6}.guide-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050807c9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guide-card{background:linear-gradient(145deg,#1b251f,#101512);border:1px solid #536058;border-radius:12px;width:min(680px,100%);padding:30px;position:relative;box-shadow:0 30px 100px #000d}.guide-close{color:#aeb7b0;cursor:pointer;background:#1f2923;border:1px solid #465249;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:12px;right:12px}.guide-eyebrow{color:#c69c61;letter-spacing:.15em;font-size:12px}.guide-card h2{color:#f0eadc;margin:7px 0;font-family:Noto Serif TC,serif;font-size:28px}.guide-card>p{color:#a6b0a9;margin:0;font-size:14px}.guide-card ol{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.guide-card li{color:#a6b0a9;background:#111713;border:1px solid #334038;border-radius:8px;grid-template-columns:38px 1fr;align-items:start;gap:11px;min-height:92px;padding:14px;font-size:13px;line-height:1.5;display:grid}.guide-card li>b{color:#161b17;background:#c9a367;border-radius:9px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.guide-card li span{gap:3px;display:grid}.guide-card li strong{color:#e4dccd;font-size:14px}.guide-start{color:#f4e8cf;cursor:pointer;background:#34473b;border:1px solid #758579;border-radius:7px;width:100%;padding:12px;font-size:14px}.guide-start:hover{background:#405648;border-color:#b18d59}.graph-canvas:after{content:attr(data-edge-label);color:#eee1c5;pointer-events:none;background:#1c251f;border:1px solid #46534b;border-radius:4px;padding:6px 10px;font-size:11px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.graph-canvas:not([data-edge-label]):after{display:none}.graph-toolbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151d18e8;border:1px solid #334038;border-radius:6px;padding:3px;display:flex;position:absolute;top:16px;left:16px}.graph-toolbar button{border-right:1px solid #2c3730;border-radius:0}.graph-toolbar button:last-child{border:0}.graph-toolbar button:hover{color:#f0e5cf;background:#29352e}.journey-guide{z-index:3;color:#aeb8b1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111713f2;border:1px solid #56645b;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(620px,100% - 48px);padding:9px 10px 9px 14px;display:grid;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.journey-guide>span{color:#c69c61;white-space:nowrap;font-size:11px}.journey-guide>strong{color:#eee5d4;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.journey-guide>div{gap:6px;display:flex}.journey-guide button{color:#e4d7bd;cursor:pointer;white-space:nowrap;background:#26332b;border:1px solid #526159;border-radius:5px;padding:7px 9px;font-size:11px}.journey-guide button:disabled{opacity:.35;cursor:default}.graph-legend{z-index:3;color:#96a29a;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:8px 13px;width:auto;min-width:0;font-size:11px;display:flex;position:absolute;top:18px;left:190px;right:16px}.graph-legend.overview-legend{display:none}.graph-legend span{align-items:center;gap:5px;display:flex}.graph-legend i{color:#101512;border-radius:6px;place-items:center;width:20px;height:20px;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff20}.graph-legend .type-icon{width:13px;height:13px}@container (width<=620px){.graph-legend{justify-content:initial;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121914e8;border:1px solid #303b34;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px;width:auto;padding:9px;display:grid;top:56px;left:12px;right:12px;box-shadow:0 8px 24px #0007}.graph-legend.overview-legend{display:none}.graph-legend span{white-space:nowrap;min-width:0}}.graph-hint{z-index:3;color:#a3aea6;letter-spacing:.02em;text-align:center;white-space:nowrap;background:#111713ee;border:1px solid #303b34;border-radius:999px;max-width:calc(100% - 36px);padding:8px 13px;font-size:11px;line-height:1.35;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.detail-kicker{color:#97a39b;letter-spacing:.08em;align-items:center;gap:7px;font-size:12px;display:flex}.detail-kicker span{border-radius:50%;width:8px;height:8px}.detail-kicker .detail-type-marker{color:#111613;border-radius:7px;place-items:center;width:25px;height:25px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff26}.detail-kicker .type-icon{width:16px;height:16px}.detail-panel h2{letter-spacing:.05em;margin:10px 0 7px;font-family:Noto Serif TC,serif;font-size:27px}.character-portrait{background:radial-gradient(circle at 50% 42%,#303a34 0,#1a211d 64%,#121713 100%);border:1px solid #344039;border-radius:8px;height:clamp(176px,24vh,250px);margin:14px 0 12px;overflow:hidden}.character-portrait img{object-fit:contain;object-position:center bottom;width:100%;height:100%;padding:8px 8px 0;display:block}.verification{color:#d1a45f;background:#3b2e1a88;border:1px solid #5b4526;border-radius:999px;padding:4px 9px;font-size:10px;display:inline-block}.verification.disputed{color:#e8a28f;background:#45251f88;border-color:#774035}.verification.verified{color:#9bcab2;background:#1c3b2d88;border-color:#315e49}.verification.cross_checked{color:#9fd4cc;background:#173b3988;border-color:#34706b}.node-explanation{background:#101512;border:1px solid #354139;border-radius:7px;margin-top:15px;padding:13px 14px}.node-explanation>strong{color:#d8c9aa;letter-spacing:.1em;font-size:12px}.node-explanation p{color:#aab4ad;margin:7px 0 10px;font-size:13px;line-height:1.65}.node-explanation>div{flex-wrap:wrap;gap:6px;display:flex}.node-explanation span{color:#a3aea6;background:#1a221d;border-radius:4px;padding:4px 7px;font-size:11px}.node-explanation .missable-chip{color:#e0a99d;background:#41251f}.summary{color:#aab4ad;margin:18px 0;font-size:14px;line-height:1.75}.source-box{color:#9ea8a1;background:#101512;border-left:2px solid #8d7047;padding:11px 13px;font-size:12px}.source-box strong{color:#c6b99f}.source-box p{margin:5px 0 0;line-height:1.6}.story-locked{color:#8d9890;background:repeating-linear-gradient(135deg,#141a17,#141a17 8px,#111612 8px 16px);border:1px solid #3b463f;border-radius:6px;margin-top:17px;padding:13px}.story-locked strong{color:#d2c4aa;font-size:11px}.story-locked p{margin:6px 0 11px;font-size:10px;line-height:1.55}.story-locked button{color:#e5d7ba;cursor:pointer;background:#29352e;border:1px solid #536259;border-radius:4px;width:100%;padding:8px}.story-locked button:hover{border-color:#8d7047}.detail-section{border-top:1px solid #2a332e;margin-top:24px;padding-top:18px}.detail-section h3 span{float:right;color:#c69c61}.detail-section select,.affinity-input{color:#e8e4d8;background:#101512;border:1px solid #354139;border-radius:5px;width:100%;padding:9px 10px;font-size:12px}.affinity-input{align-items:center;gap:5px;display:flex}.affinity-input input{color:inherit;background:0 0;border:0;outline:0;flex:1}.affinity-input span{color:#77827a}.eligibility{background:#111713;border:1px solid #3b463f;border-radius:5px;margin-top:10px;padding:11px;font-size:10px}.eligibility strong{color:#d2c4aa}.eligibility p{color:#929d95;margin:6px 0 0}.state-true{border-color:#476451}.state-false{border-color:#664640}.relation-list{gap:6px;display:grid}.relation-list button{text-align:left;color:#d8d6cd;cursor:pointer;background:#101512;border:1px solid #2e3832;border-radius:5px;grid-template-columns:1fr auto;gap:3px 8px;padding:9px 10px;display:grid}.relation-list button:hover{border-color:#66736b;transform:translate(-2px)}.relation-list button span{color:#79867e;grid-column:1/-1;font-size:9px}.relation-list button strong{font-size:11px;font-weight:500}.relation-list button small{color:#a47d47;font-size:9px}.relation-list button small.disputed{color:#e19a86}.relation-list button small.verified{color:#8fc2a6}.relation-list button small.cross_checked{color:#8fcac3}.source-list{gap:7px;display:grid}.source-list a,.source-list>div{color:#d8d6cd;background:#101512;border:1px solid #2e3832;border-radius:5px;gap:3px;padding:9px 10px;text-decoration:none;display:grid}.source-list a:hover{border-color:#8d7047}.source-list strong{font-size:11px;font-weight:550}.source-list small{color:#c69c61;font-size:9px}.source-list span{color:#7f8983;font-size:9px;line-height:1.45}.empty-state{color:#768078;font-size:11px;line-height:1.6}.detail-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:22px;display:grid}.detail-actions button{background:#19211c;border:1px solid #354139}.detail-actions button:hover{color:#eee2ca;border-color:#69766e}@media (width<=1250px) and (width>=1051px){.workspace{grid-template-columns:230px minmax(440px,1fr) 290px}.workspace.no-left{grid-template-columns:minmax(440px,1fr) 290px}.workspace.no-detail{grid-template-columns:230px minmax(440px,1fr)}.sidebar{padding:20px 16px}.collection-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=1050px){.app-shell{padding:0}.topbar{height:66px;padding:0 14px}.nav-strip{height:48px;padding:0 10px}.topbar>div:first-child{gap:9px}.eyebrow{font-size:10px}h1{font-size:18px}.dataset-badge{display:none}.top-actions>button span{display:inline}.workspace,.workspace.no-left,.workspace.no-detail,.workspace.no-left.no-detail{border-left:0;border-right:0;height:calc(100vh - 114px);display:block;position:relative}.collection-map{padding:58px 14px 30px}.collection-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.graph-stage{height:100%}.sidebar{z-index:8;width:min(320px,100vw - 36px);position:absolute;top:0;bottom:0;box-shadow:18px 0 50px #000b}.left-panel{border-right:1px solid #465249;left:0}.detail-panel{border-left:1px solid #465249;right:0;box-shadow:-18px 0 50px #000b}.graph-toolbar{top:12px;left:12px}.graph-legend{max-width:170px;top:58px;right:12px}.graph-hint{white-space:nowrap}.overview-grid,.compact-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.character-grid,.directory-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}.character-entry{grid-template-columns:1fr auto}.character-preview{display:none}.location-directory.has-location-detail{grid-template-columns:minmax(0,1fr)}.location-directory.has-location-detail .location-directory-main{display:none}.location-detail{border-left:0}.location-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=540px){.topbar .eyebrow{display:none}.top-actions>button{padding:0 8px}.nav-strip{gap:4px}.nav-strip button{flex:1;justify-content:center;min-width:0;padding:0 3px;font-size:11px}.nav-context,.graph-toolbar button:nth-child(n+3){display:none}.overview-map{padding:8px 8px 24px;inset:44px 10px 34px}.overview-grid,.compact-grid,.collection-grid{grid-template-columns:1fr}.collection-intro{gap:14px;display:grid}.collection-intro .directory-search{width:100%}.character-grid{grid-template-columns:repeat(2,minmax(105px,1fr))}.character-entry{grid-template-columns:1fr;gap:12px}.character-entry>button{width:100%}.location-entry{grid-template-columns:1fr;gap:12px}.location-entry>button{width:100%}.first-player-entry{grid-template-columns:1fr}.first-player-entry button{width:100%}.character-directory{padding:20px 12px 30px}.directory-header{gap:14px;display:grid}.directory-header h2{font-size:24px}.directory-search{width:100%}.directory-grid{grid-template-columns:repeat(2,minmax(105px,1fr))}.location-directory-main{padding:20px 12px 30px}.location-grid{grid-template-columns:1fr}.directory-pagination{gap:8px}.directory-pagination button{min-width:96px;padding:9px 8px;font-size:12px}.guide-overlay{align-items:end;padding:0}.guide-card{border-radius:14px 14px 0 0;max-height:92vh;padding:24px 18px 20px;overflow-y:auto}.guide-card h2{padding-right:34px;font-size:24px}.guide-card ol{grid-template-columns:1fr}.guide-card li{min-height:auto}.graph-legend{display:none}.journey-guide{grid-template-columns:1fr auto;gap:5px 8px;width:calc(100% - 20px);padding:8px;top:58px}.journey-guide>span{grid-column:1}.journey-guide>strong{text-align:left;grid-column:1}.journey-guide>div{grid-area:1/2/3}.journey-guide button{padding:8px 7px}.graph-hint{text-overflow:ellipsis;max-width:calc(100% - 20px);overflow:hidden}}