:root{color-scheme:dark;--bg:#0f0d0b;--panel:#181512;--panel2:#1d1915;--ink:#f4f1eb;--muted:#cab99d;--subtle:#b39b71;--line:#332c26;--teal:#c8b799;--gold:#ebc68b;--radius:18px;--shadow:0 20px 55px #0004}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:148px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft JhengHei","Noto Sans CJK TC","Noto Sans TC",system-ui,sans-serif;font-size:15px;line-height:1.6;background-image:radial-gradient(ellipse at 88% 0,#25201b77,transparent 40%);min-height:100vh}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:1px solid var(--line);background:#1a1613;border-radius:10px;padding:10px 16px}button:hover{border-color:#856e50;background:#241f1b}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:4px}input,select{background:#13100e;color:var(--ink);border:1px solid #504330;border-radius:10px;padding:12px 14px;min-width:0;width:100%}input::placeholder{color:#bca784}button svg,a.control-link svg{width:18px;height:18px;vertical-align:middle;flex:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:.015em}h2{font-size:23px}h3{font-size:19px}small{font-size:12px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip{position:fixed;top:-90px;left:12px;z-index:1000;background:var(--teal);color:#171311;padding:12px}.skip:focus{top:8px}[hidden]{display:none!important}
header{position:sticky;top:0;z-index:30;background:#12100dee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:13px 30px;gap:24px}.brand{display:flex;align-items:center;gap:20px}.brand img{display:block;width:166px;height:auto}.brand .brandtext{padding-left:19px;border-left:1px solid #4e412f}.brandtext strong{font-size:14px;letter-spacing:.15em}.brandtext small{display:block;color:var(--subtle);letter-spacing:.17em;font-size:9px;margin-top:1px}.tools{display:flex;gap:8px;align-items:center}.tool{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;min-height:40px;background:transparent}.tool kbd{margin-left:20px;font-size:10px;color:var(--subtle);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.count-pill{font-size:11px;background:#372f29;border-radius:5px;min-width:19px;color:var(--teal);padding:1px 5px}.navline{border-top:1px solid #251f1b}.navinner{display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:auto;padding:0 30px;gap:15px}.mainnav{display:flex;gap:28px;align-items:stretch}.mainnav :is(button,a){position:relative;background:none;border:0;border-radius:0;padding:14px 0;color:var(--muted);font-size:14px;white-space:nowrap}.mainnav :is(button,a)[aria-current=page]{color:var(--ink)}.mainnav :is(button,a):after{position:absolute;content:"";height:2px;bottom:0;left:0;right:0;background:var(--teal);transform:scaleX(0);transition:transform .2s}.mainnav :is(button,a)[aria-current=page]:after,.mainnav :is(button,a):hover:after{transform:scaleX(1)}.preview-tag{font-size:10px;letter-spacing:.08em;color:#cebea4;white-space:nowrap;display:flex;align-items:center;gap:8px}.preview-tag:before{content:"";height:6px;width:6px;background:var(--gold);border-radius:50%}main{max-width:1360px;margin:auto;padding:36px 30px 70px;min-height:calc(100vh - 230px)}footer{border-top:1px solid var(--line);color:var(--subtle);font-size:12px;padding:25px 30px;display:flex;justify-content:space-between;gap:18px;max-width:1300px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--teal);display:flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--teal)}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:20px 0 38px}.hero h1{font-size:44px;line-height:1.45;letter-spacing:.025em;font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero .lead{margin-top:18px;font-size:14px;line-height:1.9;color:var(--muted);max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;min-height:44px}.btn-primary{color:#171311;background:var(--teal);border-color:var(--teal)}.btn-primary:hover{background:#daceba;border-color:#daceba}.btn-primary:focus-visible{outline-color:var(--gold)}.btn-ghost{background:transparent;color:#eae3d7}.btn small{font-size:11px;font-weight:400;opacity:.8}.hero-scene{position:relative;min-height:292px;display:flex;align-items:center;justify-content:center;padding:18px 0 20px;background:radial-gradient(ellipse at 52% 46%,#3b332c3b,transparent 69%)}.scene-orbit{position:absolute;border:1px solid #6f5c4330;border-radius:50%;width:282px;height:282px;transform:rotate(-25deg)}.scene-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #ab906240;border-radius:50%}.scene-orbit:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);position:absolute;top:24px;left:53px;box-shadow:0 0 25px var(--teal)}.scene-card{position:relative;z-index:1;background:linear-gradient(140deg,#231e1aee,#1b1714ec);border:1px solid #5b4b36;border-radius:18px;box-shadow:0 18px 45px #0005;transform:rotate(-3deg);padding:24px;width:300px}.scene-card .scene-label{font-size:10px;letter-spacing:.18em;color:var(--teal)}.scene-card h3{font-size:23px;margin:8px 0 5px}.scene-card p{font-size:12px;color:var(--muted)}.scene-icons{display:flex;gap:9px;margin:18px 0}.scene-icons button{padding:7px;border-radius:10px;background:#191613}.core-pixel{display:inline-block;width:35px;height:35px;flex:none;background-repeat:no-repeat;background-size:560px 315px;vertical-align:middle}.scene-footer{border-top:1px solid #39312a;padding-top:11px;font-size:11px;color:#cbbb9f;display:flex;justify-content:space-between}.float-note{position:absolute;z-index:3;right:0;bottom:26px;transform:rotate(4deg);background:#201b18;border:1px solid #5d6352;border-radius:12px;padding:13px 20px;box-shadow:0 12px 25px #0004}.float-note strong{color:var(--gold);font-size:15px}.float-note small{display:block;color:var(--muted);font-size:10px}.scene-spark{position:absolute;top:8px;right:28px;color:var(--gold);font-size:24px;opacity:.65}.minihero{padding:12px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:25px}.minihero h1{font-size:34px;line-height:1.5}.minihero .eyebrow{margin-bottom:10px}.minihero p{font-size:14px;color:var(--muted);margin-top:12px;max-width:850px}.mini-summary{display:flex;gap:24px;align-items:center;flex:none}.mini-summary strong{font-size:33px;line-height:1.1;color:var(--teal);display:block;font-weight:500}.mini-summary span{font-size:11px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 16px}.section-head .eyebrow{margin:0 0 4px;font-size:10px}.section-head h2{font-size:21px}.section-head p{font-size:12px;color:var(--muted)}.tag{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:6px}.local-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:12px}.local-note svg{width:14px;height:14px;flex:none}.chipbar{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#161310;color:var(--muted);font-size:13px;line-height:1.5;border-radius:9px;padding:9px 15px;white-space:nowrap}.chip small{margin-left:7px;color:var(--subtle);font-size:11px}.chip[aria-pressed=true],.chip[aria-selected=true]{background:#2b241f;border-color:#7e684b;color:var(--teal)}.chip[aria-pressed=true] small{color:#ccbca0}.feature-choice{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.feature-choice button{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:10px;text-align:left;padding:16px;background:linear-gradient(140deg,#1b1814,#1a1613);border:1px solid #342c26;border-radius:12px;min-height:117px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-choice button:hover{transform:translateY(-3px);border-color:#a98d5e;box-shadow:0 8px 20px #0003}.feature-choice button[aria-selected=true]{border-color:#b2996f;background:#231e1a;box-shadow:inset 0 0 0 1px #b8a17a18}.feature-choice button[aria-selected=true]:after{content:"↗";position:absolute;right:14px;top:16px;color:var(--teal)}.feature-choice img{width:30px;height:30px;image-rendering:auto}.feature-choice strong{font-size:14px}.feature-choice small{font-size:10px;color:var(--subtle)}.iconnumber{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;border:1px solid #67553e;color:var(--gold);font-size:12px}.feature-detail{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;border:1px solid var(--line);background:linear-gradient(130deg,#1d1915,#181512);padding:24px;margin-top:22px;border-radius:var(--radius)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px}.feature-copy{padding:2px 0}.feature-copy h2{font-size:26px;line-height:1.5}.feature-copy>p{margin:10px 0 16px;color:var(--muted);font-size:14px;line-height:1.9}.location{border-left:2px solid var(--teal);padding:11px 14px;background:#25201b70;color:#dfd5c3;font-size:13px;border-radius:0 8px 8px 0}.location small{display:block;color:var(--teal);margin-bottom:3px}.steps{list-style:none;margin:15px 0 0;padding:0;counter-reset:steps}.steps li{position:relative;padding:11px 4px 11px 36px;font-size:13px;color:#dacfbb;border-bottom:1px solid #302924;counter-increment:steps}.steps li:before{content:counter(steps,decimal-leading-zero);font-size:10px;color:var(--teal);position:absolute;left:2px;top:14px}.notes{margin-top:15px;color:var(--muted);font-size:12px}.notes summary{color:var(--gold);cursor:pointer}.notes p{padding-top:8px;line-height:1.9}.video-shell{position:relative;border:1px solid #4e412f;background:#0c0b09;border-radius:13px;overflow:hidden}.video-shell video{display:block;width:100%;max-height:510px;background:#090807;object-fit:contain}.video-meta{display:flex;justify-content:space-between;color:var(--subtle);font-size:11px;margin-top:10px;gap:12px}.video-error{padding:10px 0;font-size:12px;color:var(--gold)}.media-switch{display:flex;gap:8px;margin-bottom:10px}.media-switch .chip{padding:7px 12px;font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;text-align:left;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-4px);border-color:var(--teal)}.guide-cover{height:158px;position:relative;background:#100e0c;overflow:hidden}.guide-cover img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .4s;filter:brightness(.78) saturate(.78)}.guide-card:hover .guide-cover img{transform:scale(1.035);filter:brightness(.95) saturate(.9)}.guide-cover:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#161310b0)}.guide-cover .play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border:1px solid #f3f4e37a;border-radius:50%;background:#181512c7;color:white;font-size:15px;padding-left:2px}.guide-cover .duration{position:absolute;bottom:10px;right:12px;background:#120f0de6;padding:2px 6px;font-size:11px;z-index:1;border-radius:4px}.guide-card-copy{padding:16px 18px;display:flex;gap:13px;align-items:center}.guide-card-copy>span{color:var(--teal);font:22px Georgia,serif}.guide-card-copy strong{display:block;font-size:16px}.guide-card-copy small{color:var(--muted);display:block;margin-top:5px;font-size:11px}.guide-selected{border-color:var(--teal)}.guide-toplinks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.guide-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}.chapter-panel{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.chapter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chapter-title h2{font-size:18px}.chapter-btn{display:grid;grid-template-columns:25px 1fr 37px;gap:8px;width:100%;text-align:left;background:transparent;padding:11px 8px;border:0;border-bottom:1px solid #322b25;border-radius:7px;align-items:center;transition:background .2s}.chapter-btn strong{font-size:13px;font-weight:600}.chapter-btn small{display:block;font-size:11px;color:var(--subtle);margin-top:3px}.chapter-btn .step{font-size:11px;color:var(--teal)}.chapter-btn time{font-size:11px;color:var(--subtle)}.chapter-btn[aria-current=step]{background:#2c2621;box-shadow:inset 2px 0 var(--teal)}.chapter-note{font-size:12px;line-height:1.85;color:var(--muted);padding:14px 0 0}.progress-line{height:3px;background:#2e2822;overflow:hidden;border-radius:4px;margin:12px 0}.progress-line span{display:block;height:100%;background:var(--teal);width:0;transition:width .3s}.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.rule{padding:20px;border:1px solid var(--line);border-radius:14px;background:#181512}.rule button{padding:0;display:block;width:100%;overflow:hidden;background:#0e0c0a;border-radius:8px}.rule img{display:block;width:100%;height:155px;object-fit:cover;filter:brightness(.9)}.rule h3{font-size:15px;margin-top:16px}.rule p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:8px}.statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 24px}.stat{display:flex;align-items:center;justify-content:space-between;background:#1d1915;border:1px solid var(--line);border-radius:12px;padding:15px 20px}.stat strong{font-size:28px;color:var(--teal);line-height:1.2;font-weight:500}.stat span{font-size:12px;color:var(--muted)}.filter-box{background:#181512;border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 20px}.filters{display:grid;grid-template-columns:minmax(240px,2.3fr) 1fr 1fr 1fr auto;gap:9px;margin-top:13px}.filterlabel{font-size:10px;color:var(--subtle);display:block;margin-bottom:5px}.filters select,.filters input{font-size:13px;min-height:44px}.filters button{align-self:end;min-height:44px;font-size:12px}.filter-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 10px;font-size:12px;color:var(--muted)}.filter-meta strong{color:var(--teal)}.core-table{display:flex;flex-direction:column;gap:8px}.core-row{display:grid;grid-template-columns:50px 1.15fr 1.3fr 1.7fr 80px 1.25fr 40px;gap:16px;align-items:center;position:relative;text-align:left;padding:15px 17px;border:1px solid #332c26;border-radius:12px;background:#191613;transition:background .2s,border-color .2s;min-height:91px}.core-row:hover,.core-row:focus-within{background:#231e1a;border-color:#806a4d}.core-row:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:5px;background:var(--accent)}.core-row>button{background:transparent;border:0;padding:0;min-width:0;text-align:left;color:inherit}.core-row>button:hover{background:transparent}.core-row .name{font-size:15px;font-weight:600;color:#f4f1eb}.core-row .name small{display:block;color:var(--subtle);font-size:11px;font-weight:400;margin-top:4px}.core-row .coretitle{font-size:12px;color:var(--muted)}.badge{display:inline-block;font-size:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);padding:2px 6px;border-radius:4px;margin-bottom:5px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.iconframe{width:48px;height:48px;border:1px solid #61503a;border-radius:10px;display:grid;place-items:center;background:#13110e}.ability-list{display:flex;flex-wrap:wrap;gap:6px}.ability{display:inline-flex;align-items:center;gap:8px;font-size:11px;background:#13110e;padding:4px 8px;border:1px solid #3a312b;border-radius:5px;color:#d3c5ae}.ability b{color:var(--gold);font-size:12px;font-weight:500}.drop{font-size:21px;color:var(--gold);font-variant-numeric:tabular-nums}.drop small{display:block;font-size:10px;color:var(--subtle)}.maptext{font-size:11px;color:#d6c9b3}.maptext small{font-size:10px;display:block;color:var(--subtle);margin-top:4px}.corehead{font-size:11px;color:var(--subtle);display:grid;grid-template-columns:50px 1.15fr 1.3fr 1.7fr 80px 1.25fr 40px;gap:16px;padding:8px 17px}.save{border:1px solid #524431!important;border-radius:9px!important;width:36px;min-height:36px!important;text-align:center!important;color:#cdbda2!important;font-size:17px;padding:0!important;background:#1b1714!important}.save[aria-pressed=true]{color:var(--gold)!important;border-color:#b0915b!important;background:#493c202e!important}.empty{padding:65px 20px;text-align:center;border:1px dashed #594935;color:var(--muted);border-radius:12px}.empty h3{color:var(--ink);margin-bottom:8px}.collection-list{display:flex;flex-direction:column;gap:12px}.collection{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.collection>summary{list-style:none;display:grid;grid-template-columns:minmax(160px,1.1fr) 90px minmax(220px,1.8fr) 105px;gap:20px;align-items:center;padding:20px;cursor:pointer}.collection summary::-webkit-details-marker{display:none}.collection>summary:hover{background:#251f1b}.collection[open]{border-color:#846d4f}.collection[open]>summary{border-bottom:1px solid #534532;background:#231e1a}.collection .c-title small{display:block;font-size:10px;color:var(--teal);letter-spacing:.09em;margin-bottom:5px}.collection .c-title strong{font-size:17px}.c-total{font-size:13px;color:var(--muted)}.c-total small{display:block;color:var(--subtle);font-size:11px}.rewards{display:flex;gap:6px;flex-wrap:wrap}.expand-label{font-size:12px;color:var(--teal);justify-self:end}.expand-label span{display:inline-block;margin-left:10px;transition:transform .2s}.collection[open] .expand-label span{transform:rotate(180deg)}.collection-body{padding:20px}.collection-body .local-note{margin:0}.c-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.c-toolbar .btn{padding:8px 13px;min-height:38px;font-size:12px}.requirements{border-top:1px solid var(--line)}.req{display:grid;grid-template-columns:1.7fr 75px 85px 85px 1.5fr;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.req .req-name{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;color:var(--ink);text-align:left;font-size:13px}.req small{display:block;font-size:10px;color:var(--subtle)}.req-num{font-size:13px;color:var(--gold)}.req-map{color:var(--muted);font-size:11px}.warning{padding:13px 16px;border-left:2px solid #b09d6d;background:#282b232b;color:#c8c8b2;line-height:1.8;font-size:12px;margin:18px 0;border-radius:0 8px 8px 0}.ougi-picks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:12px 0 20px}.dept{padding:15px 10px;text-align:left;background:var(--panel)}.dept strong{display:block;font-size:15px}.dept small{display:block;color:var(--subtle);margin-top:4px;font-size:10px}.dept[aria-pressed=true]{background:#28231e;border-color:var(--teal);color:var(--teal)}.skill-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;margin-top:20px}.skilltitle{display:flex;align-items:center;gap:15px}.skill-pixel{width:35px;height:35px;background-repeat:no-repeat;display:inline-block;flex:none}.skilltitle h2{font-size:27px}.skilltitle small{font-size:11px;color:var(--teal);letter-spacing:.13em}.skilldesc{margin:12px 0 22px;color:var(--muted);font-size:14px}.sliderlabel{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sliderlabel strong{color:var(--gold);font-size:26px}.level-slider{accent-color:var(--teal);padding:15px 0;background:transparent;border:0;cursor:pointer}.levels{display:flex;justify-content:space-between;color:var(--subtle);font-size:11px}.effect-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.effect-box{background:#14110f;border:1px solid var(--line);border-radius:10px;padding:16px}.effect-box span{color:var(--muted);font-size:12px}.effect-box strong{display:block;font-size:27px;color:var(--teal);margin-top:4px;font-weight:500}.skilltime{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.skilltime strong{color:var(--gold)}.skill-cost{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:12px;color:var(--muted)}.skill-cost strong{color:var(--gold)}
dialog{padding:0;background:#191613;color:var(--ink);border:1px solid #735f45;border-radius:18px;box-shadow:0 30px 120px #000b;width:min(720px,calc(100vw - 32px));max-height:86vh;overflow:auto}dialog::backdrop{background:#0c0a09c9;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:#191613}.dialog-head h2{font-size:19px}.close-btn{padding:5px;min-width:34px;height:34px;font-size:19px;border-radius:7px}.dialog-body{padding:24px}.detail-hero{display:flex;align-items:center;gap:18px;padding:0 0 20px}.detail-hero h3{font-size:22px;margin:5px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-grid>div{background:#13100e;border:1px solid #3a312b;border-radius:12px;padding:16px}.detail-grid h4{font-size:12px;color:var(--muted);font-weight:400;margin-bottom:11px}.detail-heading{font-size:13px;color:var(--teal);margin:20px 0 10px}.detail-maps{font-size:13px;color:var(--muted);line-height:2}.detail-links{display:flex;flex-direction:column;gap:7px}.detail-links button{text-align:left;background:#1f1b17;display:flex;align-items:center;justify-content:space-between;font-size:13px}.search-top{padding:20px 24px 0}.search-top input{padding:15px;font-size:16px;background:#13100e}.search-hint{font-size:11px;color:var(--subtle);margin-top:8px}.search-results{display:flex;flex-direction:column;gap:7px;padding:14px 24px 24px;max-height:57vh;overflow:auto}.result{display:flex;width:100%;align-items:center;gap:13px;text-align:left;background:#201b18;border:1px solid #332c26;padding:12px}.result>span:nth-child(2){flex:1;min-width:0}.result strong{font-size:14px;display:block}.result small{color:var(--muted);display:block;font-size:11px;margin-top:3px}.result-kind{font-size:11px;color:var(--teal);padding:5px 7px;border:1px solid #5c4c37;border-radius:5px;flex:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 22px;border:1px solid #8a7253;background:#211c18;box-shadow:0 10px 25px #0006;border-radius:10px;z-index:100;max-width:calc(100vw - 30px);font-size:13px;text-align:center;color:#ede7dd}.saved-list{display:flex;flex-direction:column;gap:10px}.saved-row{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.saved-row>.saved-link{flex:1;text-align:left;padding:0;background:none;border:0;min-width:0}.saved-link strong{display:block;font-size:14px}.saved-link small{color:var(--muted);font-size:11px}.saved-row .close-btn{flex:none}.image-dialog{width:min(1060px,calc(100vw - 32px))}.image-dialog img{width:100%;display:block;max-height:74vh;object-fit:contain;background:#0f0d0b}.backtop{position:fixed;bottom:24px;right:22px;z-index:25;border-radius:50%;width:43px;height:43px;padding:0;background:#241f1b;box-shadow:var(--shadow)}.slimbtn{padding:6px 10px;min-height:32px;font-size:11px;background:transparent}.is-revealed{animation:enter .28s ease-out}.intro-rule{height:1px;background:linear-gradient(90deg,#3d342d,#322b25,transparent);margin:3px 0 24px}.inline-link{background:none;border:0;color:var(--teal);padding:0;text-decoration:underline;font-size:inherit}.list-updated{font-size:11px;color:var(--subtle);margin-top:22px}
@keyframes enter{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-6px)}}@keyframes orbitGlow{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:no-preference){body:not(.calm) .float-note{animation:gentleFloat 7s ease-in-out infinite}body:not(.calm) .scene-orbit:before{animation:orbitGlow 5s ease-in-out infinite}}body.calm *,body.calm *:before,body.calm *:after{animation:none!important;transition:none!important}body.calm{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.hero{gap:24px}.hero h1{font-size:38px}.feature-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.corehead{display:none}.core-row{grid-template-columns:48px 1fr 1.4fr 84px 36px;gap:12px}.core-row .coretitle{grid-column:3;grid-row:1}.core-row .ability-list{grid-column:2/4;grid-row:2}.core-row .drop{grid-column:4;grid-row:1/3}.core-row .maptext{grid-column:2/5;grid-row:3}.core-row .save{grid-column:5;grid-row:1/4}.core-row .iconbutton{grid-row:1/3}.guide-layout{grid-template-columns:1.3fr 1fr}.tools .tool span.label{display:none}.search-tool kbd{margin-left:5px}.hero-scene{min-height:285px}.float-note{right:0}.filters{grid-template-columns:2fr 1fr 1fr}.filters>label:first-child{grid-column:1/3}.feature-detail{gap:20px}.req{grid-template-columns:1.6fr 65px 78px 78px}.req-map{grid-column:1/-1}.brandtext{display:none}.collection>summary{grid-template-columns:1fr 75px 1.5fr 80px;gap:13px}}
@media(max-width:760px){html{scroll-padding-top:131px}.topbar{padding:10px 18px;gap:8px}.brand img{width:135px}.tools{gap:5px}.tool{padding:8px 10px;min-height:36px}.tool kbd{display:none}.navinner{padding:0 18px;display:block}.mainnav{justify-content:space-between;gap:14px;overflow:auto}.mainnav :is(button,a){font-size:12px;padding:12px 0}.preview-tag{display:none}main{padding:23px 18px 45px}.hero{grid-template-columns:1fr;gap:12px;padding:8px 0 20px}.hero h1{font-size:34px;line-height:1.45}.hero .eyebrow{margin-bottom:12px}.hero .lead{font-size:13px;margin-top:14px}.hero .actions{margin-top:20px}.hero-scene{display:none}.btn{font-size:12px;min-height:44px;padding:11px 15px}.minihero{align-items:start;flex-direction:column;padding:5px 0 23px;gap:20px}.minihero h1{font-size:29px}.minihero p{font-size:13px}.mini-summary{gap:28px}.mini-summary strong{font-size:28px}.section-head{align-items:start}.section-head h2{font-size:18px}.section-head>p{font-size:11px;text-align:right;max-width:170px}.chip{font-size:12px;padding:9px 12px}.chipbar{gap:6px}.feature-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-choice button{padding:13px 10px;gap:6px;min-height:108px}.feature-choice strong{font-size:12px}.feature-choice small{font-size:9px}.feature-choice button[aria-selected=true]:after{right:9px;top:10px}.feature-detail{grid-template-columns:1fr;padding:15px;gap:20px;margin-top:18px}.feature-copy h2{font-size:22px}.feature-copy>p{font-size:13px}.guide-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-cover{height:105px}.guide-card-copy{padding:12px;gap:9px;align-items:start}.guide-card-copy strong{font-size:13px}.guide-card-copy small{font-size:10px}.guide-card-copy>span{font-size:20px}.guide-toplinks{gap:6px}.guide-toplinks .chip{padding:7px 10px;font-size:11px}.guide-layout{grid-template-columns:1fr}.chapter-panel{padding:16px}.chapter-btn{min-height:63px}.rules{grid-template-columns:1fr;gap:12px;margin-top:25px}.rule{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px;align-items:start}.rule img{height:86px}.rule h3{margin:0;font-size:13px}.rule p{font-size:11px;margin-top:6px}.statstrip{gap:8px;grid-template-columns:1fr 1fr;margin-bottom:18px}.stat{padding:12px 15px}.stat strong{font-size:25px}.stat span{font-size:11px}.filter-box{padding:13px}.filters{grid-template-columns:1fr 1fr;gap:8px}.filters label:first-child{grid-column:1/-1}.filters input,.filters select{font-size:16px;padding:10px}.filters>button{font-size:12px}.filter-meta{font-size:11px;align-items:start}.filter-meta>span:last-child{text-align:right;max-width:150px}.core-row{grid-template-columns:44px minmax(0,1fr) 64px 34px;gap:10px;padding:13px 12px}.core-row .iconbutton{grid-column:1;grid-row:1/3}.core-row .name{grid-column:2;grid-row:1;font-size:14px}.core-row .coretitle{grid-column:2/4;grid-row:2}.core-row .ability-list{grid-column:1/3;grid-row:3}.core-row .drop{grid-column:3/5;grid-row:3;text-align:right;font-size:20px}.core-row .maptext{grid-column:1/-1;grid-row:4;border-top:1px solid var(--line);padding-top:8px}.core-row .save{grid-column:4;grid-row:1}.core-row .iconframe{width:42px;height:42px}.core-row .name small{font-size:10px}.core-row .coretitle .badge{margin-right:8px}.ability{font-size:10px;padding:3px 6px;gap:5px}.ability b{font-size:11px}.core-row .drop small{font-size:9px}.collection>summary{grid-template-columns:1fr 75px;gap:10px;padding:16px}.collection .c-title strong{font-size:16px}.c-total{text-align:right;font-size:12px}.collection .rewards{grid-column:1/-1}.collection .expand-label{grid-column:1/-1;font-size:11px}.collection-body{padding:15px}.c-toolbar{align-items:start}.c-toolbar>span{max-width:180px}.req{grid-template-columns:repeat(3,1fr);gap:12px}.req .req-name{grid-column:1/-1;font-size:12px}.req-map{grid-column:1/-1}.req .iconframe{width:42px;height:42px}.ougi-picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dept{padding:12px 10px}.dept strong{font-size:13px}.dept small{font-size:9px}.skill-layout{grid-template-columns:1fr;gap:16px}.panel{padding:18px}.skilltitle h2{font-size:24px}.skilldesc{font-size:13px}.effect-box{padding:13px}.effect-box strong{font-size:25px}.dialog-head{padding:16px}.dialog-body{padding:18px}.dialog-head h2{font-size:17px}.detail-hero h3{font-size:18px}.detail-grid{gap:10px}.detail-grid>div{padding:13px}.search-top{padding:15px 16px 0}.search-results{padding:14px 16px 18px}.result{padding:11px;gap:9px}.result strong{font-size:13px}.result small{font-size:10px}.result-kind{font-size:10px}.saved-row{padding:12px;gap:12px}.saved-link strong{font-size:13px}.saved-link small{font-size:10px}footer{flex-direction:column;padding:23px 18px;gap:7px;font-size:11px}.local-note{font-size:11px;align-items:start}.backtop{right:15px;bottom:16px;width:38px;height:38px}.toast{bottom:18px;font-size:12px}.guide-card .play{width:33px;height:33px;font-size:12px}}
@media(max-width:365px){.brand img{width:115px}.tool{padding:8px}.mainnav{gap:10px}.mainnav :is(button,a){font-size:11px}.hero h1{font-size:30px}.feature-choice{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide-cover{height:160px}.minihero h1{font-size:26px}}

.feature-choice strong,.feature-choice small{display:block}.feature-choice small{margin-top:4px}

.scene-card{width:330px}.scene-icons{gap:7px}.scene-icons button{padding:5px}

/* Black Gold / Ember — local visual preview, not a production data update. */
:root{--bg:#0c0908;--panel:#15110ef5;--panel2:#201713;--ink:#f5ebdd;--muted:#c6b6a0;--subtle:#aa987f;--line:#57412a;--teal:#dfb46c;--gold:#efc985;--radius:3px;--shadow:0 18px 50px #0008;--display:"Noto Serif CJK TC","Songti TC","PMingLiU",Georgia,serif;--scenery:url('/assets/theme/reference-scene-v2.webp');--ease:cubic-bezier(.22,.68,0,1)}
html{scroll-padding-top:180px}
body{position:relative;isolation:isolate;background:#0c0908;background-image:none}
body:before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#100808c9 0%,#160a0770 50%,#0a07087a 100%),linear-gradient(0deg,#0c0908 1%,#0c090880 38%,#0c09081f 100%),var(--scenery);background-size:cover;background-position:center top;filter:saturate(.65);opacity:.68}
body:after{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 68% 17%,#e37c191c,transparent 49%),linear-gradient(0deg,#0c0908 3%,transparent 85%);pointer-events:none}
body[data-view]:not([data-view=features]):before{opacity:.36}
button,input,select,.btn,.chip,.tag,.ability,.guide-card,.filter-box,.video-shell,.chapter-panel,.panel,.collection,.dept,.result,.detail-grid>div,.iconframe,.save{border-radius:3px}
button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
a,button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#f6dca5}
button:hover{background:#35241b;border-color:#c59552}
input,select{background:#110e0d;border-color:#645039;color:#f3e8d6}
input::placeholder{color:#b4a188}
h1,.hero h1,.minihero h1{font-family:var(--display);font-weight:700;letter-spacing:.06em}
h2{font-family:var(--display);letter-spacing:.055em}
.world-rail{position:relative;z-index:1;max-width:1236px;padding:14px 0 4px;margin:auto;display:flex;justify-content:space-between;color:#baa78b;font-size:10px;letter-spacing:.13em}
header.ornate-header{max-width:1240px;margin:12px auto 0;top:8px;background:linear-gradient(90deg,#110d0cfa,#1c1310f5,#110d0cfa);border:1px solid #79603a;box-shadow:0 0 0 3px #160e0a,0 0 0 4px #65452566,0 12px 35px #0007;backdrop-filter:blur(18px)}
.ornate-header:before,.ornate-header:after{content:"";position:absolute;width:28px;height:28px;border:1px solid #e8bd77;top:-5px;transform:rotate(45deg) scaleX(.5);background:linear-gradient(135deg,#fce0a0,#673412 55%,#180d06);z-index:2;pointer-events:none;box-shadow:0 0 14px #b86b2359}
.ornate-header:before{left:-7px}.ornate-header:after{right:-7px}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 23px 7px;gap:28px;min-height:92px}
.crest-label{padding:0!important;border:0!important}.crest-label strong{font-family:var(--display);font-size:15px;letter-spacing:.4em;color:#e4c995}.crest-label small{font:8px Georgia,serif;letter-spacing:.22em;color:#b3986f;margin-top:5px}
.crest-brand{position:relative;background:transparent!important;border:0;padding:0;display:flex;justify-content:center;gap:0;box-shadow:none!important;min-width:242px}
.crest-brand:before{content:"";position:absolute;inset:-13px -35px;background:radial-gradient(ellipse,#b2611827,transparent 66%);pointer-events:none}
.brand img{width:236px;height:auto;max-height:79px;object-fit:contain;filter:drop-shadow(0 4px 7px #000);position:relative;z-index:1}
.crest-wing{position:absolute;top:50%;width:54px;height:16px;border-top:1px solid #b38a4d;border-bottom:1px solid #7a552e;transform:skewY(-16deg);opacity:.85}
.crest-wing.left{right:calc(100% + 9px)}.crest-wing.right{left:calc(100% + 9px);transform:skewY(16deg)}
.tools{justify-self:end;gap:5px}.tool{padding:8px 9px;border-color:#5a442e;background:#120e0b80;font-size:11px;min-height:38px}.tool kbd{margin-left:3px;color:#bea379;border-color:#60472c;font-size:9px}.tool .label{font-size:11px}.count-pill{background:#342216;color:#eccd9b;border-radius:2px}
.navline{position:relative;border-top:1px solid #896238;background:linear-gradient(90deg,#0b0908,#19110ded,#0b0908);box-shadow:inset 0 1px #ddb66c15}
.navinner{justify-content:center;padding:0 70px}.mainnav{width:100%;justify-content:space-between;gap:0}.mainnav :is(button,a){flex:1;padding:10px 20px 12px;font-size:14px;letter-spacing:.15em;color:#d4c1a1;text-shadow:0 1px 2px #000;transition:background .3s}.mainnav small{display:block;font-size:7px;font-family:Georgia,serif;letter-spacing:.19em;color:#a18a6a;line-height:1.5;margin-bottom:4px}.mainnav :is(button,a)+:is(button,a):before{content:"◆";position:absolute;left:-3px;top:47%;color:#8d6433;font-size:6px}.mainnav :is(button,a):hover,.mainnav :is(button,a)[aria-current=page]{color:#ffdf9e;background:linear-gradient(0deg,#ac691925,transparent)}.mainnav :is(button,a):after{height:1px;background:linear-gradient(90deg,transparent,#ffcf76,transparent);box-shadow:0 0 10px #e0a45080}.mainnav :is(button,a)[aria-current=page] small{color:#d4b070}
main{max-width:1240px;padding:39px 0 70px;position:relative;z-index:1}
.hero{grid-template-columns:1fr 1.16fr;gap:58px;min-height:394px;padding:16px 0 37px}.hero h1{font-size:49px;line-height:1.6;color:#fff0dc;text-shadow:0 3px 28px #000b;font-weight:600;letter-spacing:.07em}.hero h1 em{color:#f0c078;background:linear-gradient(100deg,#ffe5a7 5%,#ecba63 58%,#b97435);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{margin-top:20px;font-size:14px;line-height:1.95;color:#dccab3;text-shadow:0 2px 6px #000}.eyebrow{color:#d7ad6b;letter-spacing:.18em;font-size:10px}.eyebrow:before{background:linear-gradient(90deg,#bf833e,#f0cc86);width:25px}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:16px}.hero .actions{margin-top:26px;gap:12px}
.btn-primary{position:relative;color:#302012;border:1px solid #f0d099;background:linear-gradient(115deg,#f8de9b,#d39a46);box-shadow:inset 0 1px #ffedc499,0 4px 20px #b3642029;font-weight:800;border-radius:2px}.btn-primary:hover{color:#22130a;background:linear-gradient(115deg,#ffeab5,#eeb966);border-color:#ffe5a4;box-shadow:0 6px 26px #e49b4840;transform:translateY(-2px)}.btn-ghost{color:#e3cba3;border-color:#b1874d99;background:#100c0b8c;border-radius:2px}.local-note{color:#bda98e;font-size:11px;margin-top:18px}.local-note svg{color:#b08751}
.hero-scene{display:block;min-height:0;background:none;padding:5px 0 0;position:relative}.scene-frame{position:relative;height:306px;padding:4px;border:1px solid #e0b273;box-shadow:0 0 0 3px #1b100cd9,0 0 0 4px #a36d3f6b,0 18px 40px #0008;isolation:isolate;background:#1c0c09}
.scene-visual{position:absolute;inset:4px;background-image:var(--scenery);background-position:center center;background-size:cover;transition:filter .5s,transform .5s;filter:saturate(.8) brightness(.9)}.scene-frame:hover .scene-visual{filter:saturate(1) brightness(1.03)}.scene-vignette{position:absolute;inset:4px;background:linear-gradient(0deg,#100907f5 0%,#16080787 35%,#210a0014 80%);pointer-events:none}.scene-inscription{position:absolute;bottom:19px;left:25px;right:25px}.scene-inscription>small{font:8px Georgia,serif;letter-spacing:.27em;color:#f1cb90;display:block;margin-bottom:8px}.scene-inscription>strong{font-family:var(--display);font-size:20px;color:#fae6c5;letter-spacing:.1em;line-height:1.6}.scene-cta{display:flex;align-items:center;width:100%;background:#0f0a077d;color:#f0dab8;border:0;border-top:1px solid #c692414f;margin-top:14px;padding:12px 0 0;gap:11px;text-align:left;border-radius:0}.scene-cta:hover{background:transparent;border-color:#f1c470;color:#ffe5b1;box-shadow:none}.round-play{width:32px;height:32px;border:1px solid #dfb06f;border-radius:50%;display:grid;place-items:center;color:#ffcf81;font-size:19px;padding-left:2px}.scene-cta>span:nth-child(2){font-size:12px;letter-spacing:.06em}.scene-cta small{display:block;font-size:9px;color:#c1a785;letter-spacing:.12em;margin-top:1px}.scene-arrow{margin-left:auto;font-size:20px;color:#f2c46f}.scene-caption{display:flex;justify-content:space-between;gap:12px;color:#b59a74;font-size:9px;letter-spacing:.12em;margin-top:15px}.scene-caption span:last-child{font-size:8px;font-family:Georgia,serif}
.corner{position:absolute;width:26px;height:26px;z-index:5;border-top:2px solid #f3cf8f;border-left:2px solid #d1a15d;pointer-events:none}.corner:before{content:"";position:absolute;inset:4px;border-top:1px solid #b27b32;border-left:1px solid #f1ce87}.corner:after{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;background:#ffdc93;transform:rotate(45deg);box-shadow:0 0 14px #e59b45a1}.c-tl{top:-4px;left:-4px}.c-tr{top:-4px;right:-4px;transform:rotate(90deg)}.c-bl{bottom:-4px;left:-4px;transform:rotate(-90deg)}.c-br{bottom:-4px;right:-4px;transform:rotate(180deg)}
.archive-rail{display:grid;grid-template-columns:repeat(3,1fr);margin:3px 0 36px;background:linear-gradient(90deg,#100d0bf2,#271911f2,#100d0bf2);border-top:1px solid #ba8e53;border-bottom:1px solid #75512d;box-shadow:0 8px 24px #0003;position:relative}.archive-rail:before,.archive-rail:after{content:"◆";position:absolute;top:-9px;font-size:10px;color:#f0c07c;text-shadow:0 0 13px #dd8c3299;pointer-events:none}.archive-rail:before{left:0}.archive-rail:after{right:0}.archive-rail :is(button,a){display:flex;align-items:center;justify-content:flex-start;gap:18px;border:0;background:none;padding:19px 29px;border-radius:0;text-align:left;color:#e6d6ba}.archive-rail :is(button,a)+:is(button,a){border-left:1px solid #6e4c2d7a}.archive-rail :is(button,a):hover{background:#b1762430}.archive-rail strong{font:37px Georgia,serif;color:#e8c286;line-height:1}.archive-rail span{font-family:var(--display);font-size:14px;letter-spacing:.1em}.archive-rail small{display:block;font-family:Georgia,serif;font-size:7px;letter-spacing:.14em;color:#b79a70;margin-top:5px}.archive-rail b{margin-left:auto;font-size:17px;font-weight:400;color:#c59358}
#feature-browser{scroll-margin-top:172px;padding:25px 27px 28px;background:linear-gradient(125deg,#17110ef5,#0d0b0afa 62%);border:1px solid #987044;box-shadow:inset 0 0 0 4px #0c0908,inset 0 0 0 5px #a27e4930,0 15px 40px #0005;position:relative}#feature-browser:before,#feature-browser:after{content:"";position:absolute;left:calc(50% - 15px);height:1px;width:30px;background:#ffde98;box-shadow:0 0 13px 2px #e68c3099;pointer-events:none}#feature-browser:before{top:-1px}#feature-browser:after{bottom:-1px}.section-head{margin:3px 0 19px}.section-head h2{font-size:24px;color:#f4dfbb}.section-head>p{color:#baa98f;font-size:12px}.section-head .eyebrow{color:#ba8f50;font-size:8px;margin-bottom:6px}
.chipbar{gap:0;border-bottom:1px solid #71513078}.chipbar .chip{border:0;border-radius:0;padding:11px 16px;background:transparent;color:#c4b294;position:relative;font-size:12px}.chipbar .chip[aria-pressed=true]{color:#f2c87e;background:linear-gradient(0deg,#ac641620,transparent)}.chipbar .chip[aria-pressed=true]:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:#d8a15a}.chipbar .chip:hover{color:#ffe1a0;background:#b97b1819}.chipbar .chip small{color:#ad9877}
.feature-choice{gap:10px;margin-top:19px}.feature-choice button{border-radius:2px;background:linear-gradient(130deg,#231b15,#110e0c);border-color:#6b4c2d99;min-height:119px;padding:16px 13px 13px}.feature-choice button:hover{background:linear-gradient(130deg,#493020,#1c120c);border-color:#e0b06c;box-shadow:0 8px 20px #0005,inset 0 1px #fadba130;transform:translateY(-3px)}.feature-choice button[aria-selected=true]{background:linear-gradient(130deg,#523520,#24160f);border-color:#c7924e;box-shadow:inset 0 0 0 1px #dfa45a26}.feature-choice strong{font-size:13px;color:#e8d8be}.feature-choice small{font-size:9px;color:#b29979}.feature-choice img{filter:drop-shadow(0 2px 4px #0008);width:30px;height:30px}.iconnumber{border-color:#b48a4c;background:#20160f;color:#f5d499;font-family:Georgia,serif}.feature-detail{background:#110e0dc7;border-color:#59412c;border-radius:2px;padding:20px;margin-top:24px;gap:24px}.video-shell{border-radius:2px;border-color:#977244;box-shadow:0 4px 22px #0007}.feature-copy h2{font-size:25px}.feature-copy p{color:#cabbab}.location{border-radius:0;background:linear-gradient(90deg,#9c5d162a,transparent);border-left-color:#d6a569;color:#e9d2ae}.steps li{border-color:#70533863;color:#d5c5af}.steps li:before{color:#e4b975}
.minihero{padding:14px 0 32px;border-bottom:1px solid #7b562f70;margin-bottom:24px}.minihero h1{color:#f5e4c6;font-size:36px;text-shadow:0 3px 20px #0008}.minihero p{color:#cbbb9f}.mini-summary strong{color:#f0c27c;font-family:Georgia,serif}
.filter-box,.panel,.chapter-panel,.collection,.guide-card,.stat,.saved-row{background:#14100df5;border-color:#66492e}.corehead{background:#211811f5;color:#c2aa86}.core-row{background:#120f0dee;border-color:#60462d85}.core-row:nth-child(even){background:#1b1510f0}.core-row:hover{background:#332316;border-color:#bc8b50}.coretitle{color:#cdbb9e}.core-row .maptext{color:#b4a083}.name{color:#f3e5d0}.drop{color:#e7bd7a}.badge{border-radius:2px}.statstrip{gap:1px;border:1px solid #725232;background:#61472b}.stat{border:0;border-radius:0}.stat strong{color:#edc888;font-family:Georgia,serif}.stat:after{opacity:.35}.stat span{color:#c7b396}
.guide-card{border-radius:2px;box-shadow:0 12px 25px #0004}.guide-card:hover{border-color:#e8b76c;box-shadow:0 13px 30px #0008}.guide-card-copy{padding:18px 20px;background:linear-gradient(140deg,#211810,#110e0b)}.guide-card-copy>span{color:#d9a15c}.guide-cover{background:#100c0b}.guide-cover:after{background:linear-gradient(transparent,#0e0908d9)}.guide-cover .play{border-color:#dfb97a;background:#1c110cbb;color:#ffe2a2}.guide-card-copy strong{color:#eedcc1;font-family:var(--display)}.chapter-btn[aria-current=true]{background:#3a2919;border-color:#bb8b4b}.chapter-btn:hover{background:#332318}.rule{background:#16110ef5;border-radius:2px;border-color:#66492c}.rule h3{color:#f0d6ac}.watch-state{background:#241b1299;border-color:#755330}.collection[open]{border-color:#b99153}.collection>summary:hover{background:#392719}.collection .c-title strong{font-family:var(--display);color:#ecd5b0}.collection-body{background:#100d0bef}.req{border-color:#61452e}.req-map{color:#b8a287}.detail-grid>div,.level-control,.effect-box,.skill-cost{background:#211811;border-color:#70502c}.dept[aria-selected=true]{background:linear-gradient(130deg,#523624,#20140d);border-color:#d7a264}.dept strong{color:#f0d9b5}.dept small{color:#bfa37d}.range-wrap input,.level-control input{accent-color:#eac07d}.ougi-picks{gap:9px}.skill-layout .panel{border-radius:2px}.skilltitle h2{font-family:var(--display);color:#ffe1a7}.skilldesc{color:#d1bda0}.effect-box strong{color:#efc482}.skill-cost strong{color:#f3cb8a}
dialog{background:#17110f;border:1px solid #b18449;border-radius:4px;box-shadow:0 24px 90px #000b}.dialog-head{background:#231911;border-color:#8b653a}.dialog-head h2{font-family:var(--display);color:#f1d5a7}.result{background:#19120e;border-color:#6a4e33}.result:hover,.result:focus{background:#3b2718;border-color:#dfb777}.result strong{color:#f3dfbf}.close-btn{color:#e9c894}.toast{background:#2d1f12;border-color:#d5a65f;color:#f5dfb6;border-radius:3px}.backtop{border-radius:2px;color:#e9c082;background:#21160d;border-color:#a37943}
footer{position:relative;z-index:1;max-width:1240px;margin:0 auto 25px;padding:24px 28px;border:1px solid #99713e;background:linear-gradient(100deg,#0e0b09,#20150e,#0e0b09);color:#d2b17e;box-shadow:inset 0 0 0 4px #090807;letter-spacing:.03em;line-height:1.9;font-size:12px}footer>span:last-child{text-align:right}footer small{font-size:10px;color:#aa9270}
.embers{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.embers i{position:absolute;left:var(--x);bottom:-15px;width:2px;height:4px;border-radius:50%;background:#efb66a;box-shadow:0 0 7px #ff9b3280;animation:ember-rise var(--d) linear var(--delay) infinite;opacity:0;will-change:transform}.embers i:nth-child(3n){width:1px;height:2px;filter:blur(.4px)}@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.45}65%{opacity:.4}100%{transform:translate(24px,-105vh);opacity:0}}
@media(min-width:1350px){.hero{min-height:418px}}
@media(max-width:1320px){.world-rail,header.ornate-header,main,footer{max-width:calc(100% - 64px)}.hero{gap:36px}.hero h1{font-size:44px}.tools .label{display:none}.crest-wing{width:40px}}
@media(max-width:1000px){.world-rail,header.ornate-header,main,footer{max-width:calc(100% - 42px)}.topbar{grid-template-columns:1fr auto 1fr;gap:10px;padding:9px 15px}.brandtext.crest-label{display:block}.crest-brand{min-width:210px}.brand img{width:208px}.crest-wing{display:none}.tool kbd{display:none}.navinner{padding:0 25px}.hero{gap:26px;grid-template-columns:1fr 1fr}.hero h1{font-size:37px}.hero .lead{font-size:13px}.hero .eyebrow{font-size:8px}.btn{padding:11px 14px;font-size:12px}.hero .actions{gap:9px}.scene-frame{height:280px}.scene-inscription{left:18px;right:18px;bottom:16px}.scene-inscription>strong{font-size:17px}.scene-caption{font-size:8px}.scene-caption span:last-child{display:none}.archive-rail :is(button,a){padding:16px 22px}.archive-rail strong{font-size:31px}#feature-browser{padding:22px}.feature-choice{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:145px}.world-rail{max-width:calc(100% - 30px);padding-top:10px;font-size:7px;letter-spacing:.06em}.world-rail span:last-child{font-size:8px}.ornate-header:before,.ornate-header:after{width:18px;height:18px}header.ornate-header{max-width:calc(100% - 28px);top:4px;margin-top:9px}.topbar{grid-template-columns:1fr auto 1fr;padding:7px 10px 8px;gap:3px;min-height:66px}.brandtext.crest-label{display:none}.crest-brand{grid-column:2;min-width:0}.brand img{width:172px;max-height:60px}.tools{grid-column:3;gap:4px;display:grid;grid-template-columns:auto auto}.tool{min-height:29px;padding:5px 6px}.tools .search-tool{grid-column:1}.tools .tool[data-view=saved]{grid-column:2}.tools #motion{position:absolute;left:10px;top:22px;width:31px}.tools .tool span.label,.tools .count-pill{display:none}.tool svg{width:15px;height:15px}.navinner{display:block;padding:0 7px}.mainnav{display:flex;gap:0;overflow:visible}.mainnav :is(button,a){font-size:11px;padding:10px 2px 12px;letter-spacing:.04em}.mainnav small{font-size:5px;letter-spacing:0;line-height:1.5;margin-bottom:4px}.mainnav :is(button,a)+:is(button,a):before{font-size:4px;left:-2px}.mainnav :is(button,a):after{height:1px}main{max-width:100%;padding:23px 18px 38px}.hero{grid-template-columns:1fr;gap:26px;padding:4px 0 24px;min-height:0}.hero h1{font-size:36px;line-height:1.45;letter-spacing:.07em}.hero .eyebrow{font-size:8px;margin-bottom:15px;letter-spacing:.1em}.hero .lead{font-size:12px;line-height:1.9;margin-top:15px}.hero .actions{margin-top:19px}.hero .local-note{font-size:10px;margin-top:14px}.hero-scene{display:block;padding:0 3px}.scene-frame{height:230px}.scene-inscription{left:18px;right:18px;bottom:15px}.scene-inscription>strong{font-size:18px}.scene-inscription>small{font-size:7px}.scene-cta{padding-top:10px;margin-top:10px}.scene-caption{margin-top:11px;font-size:8px}.scene-caption span:last-child{display:inline;font-size:6px}.corner{width:21px;height:21px}.archive-rail{margin:0 0 25px}.archive-rail :is(button,a){display:grid;grid-template-columns:1fr;gap:7px;padding:13px 8px;text-align:center;justify-items:center;min-width:0}.archive-rail strong{font-size:29px}.archive-rail span{font-family:var(--display);font-size:11px;letter-spacing:.04em}.archive-rail small{font-size:5px;letter-spacing:.05em}.archive-rail b{display:none}#feature-browser{padding:17px 13px 18px;scroll-margin-top:145px}.section-head{margin:0 0 15px;gap:12px}.section-head h2{font-size:18px}.section-head>p{font-size:9px;max-width:117px;line-height:1.8}.section-head .eyebrow{font-size:7px}.chipbar{flex-wrap:wrap}.chipbar .chip{font-size:11px;padding:9px 10px}.chipbar .chip small{font-size:9px;margin-left:4px}.chipbar .chip[aria-pressed=true]:after{left:9px;right:9px}.feature-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.feature-choice button{min-height:102px;padding:12px 9px;gap:8px}.feature-choice strong{font-size:11px}.feature-choice small{font-size:8px}.feature-choice img,.feature-choice .iconnumber{width:27px;height:27px}.feature-detail{grid-template-columns:1fr;gap:19px;padding:12px;margin-top:17px}.feature-copy h2{font-size:22px}.feature-copy p{font-size:12px}.feature-copy .location{font-size:12px}.minihero{padding:6px 0 20px;margin-bottom:20px}.minihero h1{font-size:28px}.minihero p{font-size:12px}.mini-summary strong{font-size:27px}.guide-card-copy{padding:12px 11px}.guide-card-copy strong{font-size:13px}.filter-box{padding:11px}.statstrip{gap:1px}.core-row .maptext{color:#b8a38a}.guide-grid{gap:12px}.collection>summary{padding:16px}.ougi-picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dept{padding:10px 7px}.dept strong{font-size:12px}.dept small{font-size:8px}footer{max-width:calc(100% - 36px);margin:0 auto 18px;padding:19px;gap:13px;font-size:11px}footer>span:last-child{text-align:left}footer small{font-size:9px}.embers i:nth-child(n+6){display:none}.scene-caption{line-height:1.7}}
@media(max-width:365px){.brand img{width:148px}.mainnav :is(button,a){font-size:10px}.hero h1{font-size:32px}.hero .btn{font-size:11px;padding:10px 12px}.scene-inscription>strong{font-size:16px}.feature-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.world-rail span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.embers{display:none}*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
body.calm .embers{display:none}

/* Production links retain the approved button appearance and native navigation. */
:where(a.control-link){font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#1a1613;border-radius:10px;padding:10px 16px;display:inline-block;text-decoration:none;line-height:inherit}
a.control-link:hover{text-decoration:none}
a.control-link:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
:where(a.control-link.btn-primary){color:#21160b}
a.btn{display:inline-flex}.mainnav a{display:inline-block}.guide-card{display:block;color:var(--ink)}
a.control-link:where(.req-name,.saved-link,.name){text-align:left}
:where(a.control-link.iconbutton){padding:0;border:0;background:none}
:where(a.control-link.saved-link){border:0;background:none;padding:0}
.loading-note,.load-failure,.no-js-note{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--gold);margin:15px auto;max-width:1300px}
.load-failure{border-color:#bc8566;background:#352720}.no-js-note{font-size:13px}
.req.linked-core{outline:1px solid var(--gold);outline-offset:2px;border-radius:6px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(max-width:760px){.load-failure,.no-js-note{margin:12px 18px}.tools .control-link{min-height:36px}}

:root{--core-atlas:url("/assets/core-icons-atlas.png");--ougi-atlas:url("/assets/ougi-icons.webp")}


/* Native links follow the approved black-gold button layout. */
a.crest-brand{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:inherit;text-decoration:none}
.mainnav a.control-link{border:0;border-radius:0;background:none;display:block;text-decoration:none}
.mainnav a.control-link[aria-current=page]{background:linear-gradient(0deg,#b9832626,transparent);color:#ffe2a0}
a.scene-cta{display:flex;text-decoration:none}
.archive-rail a{display:flex;align-items:center;text-decoration:none}
a.control-link.guide-card{display:block;padding:0}
a.control-link.req-name,a.control-link.name{background:none;border:0;padding:0;text-align:left}
@media(max-width:760px){.archive-rail a{display:grid}.tools .control-link{min-height:29px}}

.mainnav a.control-link{text-align:center}