:root{color-scheme:dark;--bg:#080e0d;--panel:#111c19;--panel2:#14231f;--panel3:#1a2925;--glass:rgba(18,31,27,.78);--line:rgba(202,184,132,.17);--line2:rgba(213,195,143,.33);--gold:#dac28c;--goldhi:#ffe7a9;--muted:#94a69b;--text:#f0eddf;--green:#8fbca0;--red:#d89688;--shadow:0 26px 95px rgba(0,0,0,.35);--radius:18px;--sans:'Manrope',system-ui,Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-family:var(--sans);font-size:14px;color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--goldhi);outline-offset:3px}a{color:var(--gold);text-decoration:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.sm{width:15px;height:15px}.icon.lg{width:22px;height:22px}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 45% at 75% -15%,rgba(80,97,60,.13),transparent 80%),radial-gradient(ellipse 40% 40% at -10% 80%,rgba(51,94,70,.08),transparent 80%),repeating-linear-gradient(0deg,rgba(255,255,255,.006),rgba(255,255,255,.006) 1px,transparent 1px,transparent 3px)}
.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gold);gap:10px}.splash h1{margin:0;font:600 54px/1 var(--serif)}.splash p{color:var(--muted)}.brand-crest{font:90px var(--serif)}
#app{min-height:100vh}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1700px;margin:0 auto;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;gap:26px;background:rgba(6,13,12,.52);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:10px;text-align:left;color:var(--text);padding:0 8px}.brand-mark{width:47px;height:47px;border:1px solid rgba(226,198,129,.43);border-radius:50%;display:grid;place-items:center;position:relative;font:33px var(--serif);color:var(--gold);background:radial-gradient(circle,rgba(174,138,79,.12),transparent 70%)}.brand-mark:after{content:'';inset:5px;position:absolute;border:1px solid rgba(225,192,117,.15);border-radius:50%}.brand-title{font:600 22px/1 var(--serif);letter-spacing:.075em}.brand-sub{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:8px;margin-top:5px}.sidebar-group{display:flex;flex-direction:column;gap:6px}.side-caption{padding:0 16px;font-weight:800;letter-spacing:.2em;font-size:9px;color:#718578;text-transform:uppercase;margin-bottom:6px}.nav-button{width:100%;display:flex;gap:13px;align-items:center;background:none;border:1px solid transparent;border-radius:10px;padding:11px 15px;color:#b3c1b8;text-align:left;transition:.2s}.nav-button:hover{color:var(--text);background:rgba(255,255,255,.045)}.nav-button.active{color:var(--goldhi);background:linear-gradient(90deg,rgba(178,144,77,.14),rgba(178,144,77,.035));border-color:rgba(197,164,104,.18)}.nav-button .icon{opacity:.9}.sidebar-foot{margin-top:auto;padding:17px;border-top:1px solid var(--line)}.small-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.foot-note{font-size:11px;color:#687c70;margin-top:12px}.current-mini{font:600 20px var(--serif);color:var(--gold);margin-top:6px}
.main{min-width:0;padding:23px clamp(22px,4vw,68px) 72px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#9eaa9e}.top-actions{display:flex;align-items:center;gap:10px}.profile-selector{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--text);max-width:205px}.profile-selector option{color:#fff;background:#14231f}.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);height:38px;min-width:38px;border-radius:10px;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-btn:hover,.chip:hover,.soft-btn:hover{border-color:var(--line2);background:rgba(220,190,126,.08)}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.25em;font-size:10px;text-transform:uppercase}.serif{font-family:var(--serif)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(42px,5vw,72px)/.98 var(--serif);letter-spacing:.003em;margin:10px 0 14px}h2{font:600 35px/1.12 var(--serif);margin:0}h3{font:600 25px/1.13 var(--serif);margin:0}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.section-title .eyebrow{margin-bottom:5px}.section-title small{color:var(--muted)}
.hero{position:relative;min-height:320px;padding:42px clamp(25px,4vw,57px);border:1px solid rgba(206,183,119,.27);background:linear-gradient(115deg,rgba(13,25,20,.98) 0%,rgba(21,36,29,.96) 56%,rgba(34,46,31,.7)),radial-gradient(circle at 82% 47%,rgba(206,172,89,.18),transparent 38%);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:25px}.hero:before{content:'';position:absolute;inset:9px;border:1px solid rgba(224,200,143,.08);border-radius:15px;pointer-events:none}.hero:after{content:'';position:absolute;top:-200px;right:-140px;width:650px;height:650px;border-radius:50%;border:1px solid rgba(220,191,121,.11);box-shadow:0 0 0 26px rgba(220,191,121,.015),0 0 0 58px rgba(220,191,121,.018),0 0 0 99px rgba(220,191,121,.014),inset 0 0 90px rgba(198,155,80,.06);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:670px}.hero-desc{max-width:440px;color:#b3c1b6;line-height:1.8;font-size:13px}.hero-buttonrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.hero-crest{position:absolute;right:10%;top:14%;width:248px;aspect-ratio:1;z-index:0;opacity:.4;filter:drop-shadow(0 0 20px rgba(227,189,93,.15))}.hero-crest img{width:100%;height:100%;object-fit:contain}.hero-overline{display:flex;align-items:center;gap:10px}.hero-overline:before{content:'';width:32px;height:1px;background:var(--gold)}
.primary-btn,.soft-btn,.danger-btn{border-radius:10px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;transition:.2s;white-space:nowrap}.primary-btn{background:linear-gradient(130deg,#f2dda8,#c5a769);color:#152019;border:1px solid #f7e6c3;box-shadow:0 6px 20px rgba(189,152,82,.13)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.soft-btn{background:rgba(225,207,161,.06);color:var(--goldhi);border:1px solid rgba(225,207,161,.25)}.danger-btn{background:rgba(198,100,100,.12);color:#efad9d;border:1px solid rgba(198,100,100,.3)}.text-btn{border:0;background:none;color:var(--gold);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 0}
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:32px}.stat{border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,rgba(20,33,28,.9),rgba(13,25,22,.9));padding:19px 20px;min-height:115px}.stat .value{font:600 41px/.95 var(--serif);margin:10px 0 6px;color:var(--goldhi)}.stat .label{font-size:11px;color:#a2b2a8}.stat .micro{color:#738c7b;font-size:10px}.stat.gold .value{color:var(--green)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:17px;background:linear-gradient(142deg,rgba(19,32,27,.85),rgba(11,22,19,.86));padding:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.panel-head h3{font-size:26px}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.region-card{background:rgba(214,190,122,.03);border:1px solid rgba(217,194,134,.13);padding:14px;border-radius:11px;text-align:left;transition:.2s;color:var(--text);min-width:0}.region-card:hover{border-color:var(--line2);background:rgba(218,192,125,.08);transform:translateY(-1px)}.region-label{display:block;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-num{font-size:11px;color:var(--gold);font-weight:800}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.bar-track{height:5px;overflow:hidden;border-radius:10px;background:rgba(218,201,152,.14);margin-top:13px}.bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#728c70,#e2c98e);transition:width .5s}.region-sub{display:block;color:#708679;font-size:10px;margin-top:8px}.total-progress{display:flex;align-items:center;gap:20px;border:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(210,181,105,.07),transparent 65%);border-radius:15px;padding:22px;margin-bottom:15px}.progress-circle{--progress:0%;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--gold) var(--progress),rgba(220,190,130,.11) 0);display:grid;place-items:center;position:relative;flex-shrink:0}.progress-circle:before{content:'';position:absolute;inset:8px;background:#14231e;border-radius:50%;border:1px solid var(--line)}.progress-circle .circle-label{position:relative;z-index:1;text-align:center}.progress-circle strong{font:600 33px var(--serif);color:var(--goldhi)}.progress-circle span{font-size:9px;letter-spacing:.12em;color:var(--muted);display:block}.progress-caption strong{font:600 30px var(--serif);display:block}.progress-caption .muted{font-size:11px}.mini-list{display:flex;flex-direction:column;gap:9px}.mini-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mini-row:last-child{border-bottom:none}.mini-row .stamp{width:32px;height:32px;display:grid;place-items:center;color:var(--green);border:1px solid rgba(142,185,154,.23);border-radius:50%;background:rgba(132,187,158,.07)}.mini-row .title{font-size:12px;font-weight:800}.mini-row .sub{color:var(--muted);font-size:10px;margin-top:2px}
.page-heading{margin:22px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:20px}.page-heading h1{margin:6px 0}.page-heading p{color:var(--muted);max-width:620px;font-size:12px;line-height:1.8}.tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);padding:9px 14px;color:#a9b5ab;font-size:11px;font-weight:800;white-space:nowrap}.chip.active{background:rgba(199,166,99,.13);color:var(--goldhi);border-color:rgba(222,186,119,.42)}.chip .count{font-size:10px;opacity:.8;margin-left:6px}.catalog-toolbar{background:rgba(20,34,29,.85);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:9px;flex:1 1 260px;padding:0 13px;height:43px;border:1px solid rgba(210,187,133,.18);border-radius:10px;background:rgba(0,0,0,.2);color:#8da298}.search-box input{background:none;border:0;outline:0;width:100%;color:var(--text);font-size:12px;min-width:0}.search-box input:focus-visible{outline:0}.control-select{appearance:none;border:1px solid rgba(210,187,133,.18);border-radius:10px;height:43px;max-width:250px;padding:0 25px 0 12px;background:#101e19;color:#dce5db;font-size:11px;font-weight:700}.spoiler-toggle{border:1px solid rgba(213,174,110,.25);color:var(--gold);background:rgba(221,180,112,.04);display:flex;align-items:center;gap:9px;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:700}.switch{width:30px;height:17px;border-radius:20px;background:#526457;position:relative}.switch:after{content:'';position:absolute;width:11px;height:11px;top:3px;left:3px;border-radius:50%;background:white;transition:.2s}.switch.on{background:#b89a60}.switch.on:after{left:16px}.catalog-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:12px 0}.boss-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.boss-card{position:relative;text-align:left;background:linear-gradient(120deg,rgba(21,36,30,.92),rgba(12,23,20,.96));border:1px solid var(--line);border-radius:13px;padding:17px 15px 15px 17px;display:flex;gap:12px;min-width:0;transition:.2s;min-height:112px}.boss-card:hover{border-color:var(--line2);transform:translateY(-1px)}.boss-card.defeated{background:linear-gradient(120deg,rgba(33,57,40,.88),rgba(14,30,24,.98));border-color:rgba(122,173,127,.27)}.boss-card .boss-rank{height:32px;min-width:32px;border:1px solid rgba(213,190,136,.22);border-radius:9px;color:var(--gold);display:grid;place-items:center;font-size:11px;flex-shrink:0}.boss-card.defeated .boss-rank{color:#bbdec2;border-color:rgba(170,214,166,.3);background:rgba(142,185,150,.08)}.boss-card .boss-details{min-width:0;flex:1}.boss-name{font-weight:800;font-size:12px;line-height:1.55;margin-bottom:7px;overflow-wrap:anywhere}.boss-location{color:#7f9685;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.boss-tags{display:flex;gap:6px;margin-top:10px;align-items:center;flex-wrap:wrap}.tag{color:#c7ae7c;font-size:9px;border:1px solid rgba(212,184,128,.19);border-radius:6px;padding:3px 6px}.tag.green{color:#9ccaa6;border-color:rgba(150,199,165,.27)}.locked-boss{color:#84978b}.spoiler-notice{padding:13px 16px;border:1px dashed rgba(200,176,125,.25);border-radius:11px;color:var(--muted);font-size:11px;margin:0 0 15px}.spoiler-notice strong{color:var(--gold)}.empty-state{border:1px dashed var(--line2);padding:42px;text-align:center;border-radius:14px;color:var(--muted);grid-column:1/-1}.empty-state .sigil{font:44px var(--serif);color:var(--gold);margin-bottom:12px}
.region-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.region-big{padding:23px;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:linear-gradient(135deg,#192923,#0e1b17);border-radius:14px;color:var(--text);text-align:left;position:relative;overflow:hidden}.region-big:before{content:'✦';position:absolute;right:-8px;top:-26px;font-size:130px;font-family:var(--serif);color:rgba(207,179,107,.065)}.region-big h3{position:relative;z-index:1}.region-big:hover{border-color:var(--line2)}.region-big .ratio{color:var(--gold);font:500 34px var(--serif)}.region-big .ratio small{font-size:15px;color:var(--muted)}.region-big .bar-track{margin-top:12px}
.timeline{display:flex;flex-direction:column;gap:13px}.timeline-item{display:grid;grid-template-columns:35px minmax(0,1fr);gap:15px;position:relative}.timeline-item:not(:last-child):before{content:'';position:absolute;left:16px;top:35px;bottom:-16px;width:1px;background:var(--line2)}.timeline-dot{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--gold);background:#18291f;z-index:1}.timeline-box{background:rgba(24,37,31,.7);border:1px solid var(--line);border-radius:12px;padding:17px}.timeline-box h3{font-size:23px}.timeline-meta{margin:8px 0;color:var(--muted);font-size:11px}.timeline-notes{font-size:12px;color:#bac6b8;font-style:italic}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.insight{padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#1b2b25,#0d1715)}.insight .big{font:500 41px var(--serif);color:var(--goldhi)}.insight .label{font-size:11px;color:var(--muted)}.stat-bars{display:flex;flex-direction:column;gap:15px}.stat-bar-line{display:grid;grid-template-columns:160px minmax(0,1fr) 42px;gap:12px;align-items:center;font-size:11px}.stat-bar-line label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-bar-line .bar-track{margin:0;height:7px}.stat-bar-line span{text-align:right;color:var(--gold)}
.profile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-card{position:relative;min-height:220px;padding:26px;background:linear-gradient(140deg,rgba(29,49,37,.88),rgba(11,24,20,.96));border:1px solid var(--line);border-radius:17px;overflow:hidden}.profile-card.active{border-color:rgba(230,202,133,.56)}.profile-card:before{content:'✧';font:170px var(--serif);color:rgba(220,198,127,.065);position:absolute;right:0;top:-70px}.profile-card h3{font-size:33px;margin:10px 0 6px}.profile-card p{color:var(--muted);font-size:11px;min-height:20px}.profile-card .profile-footer{margin-top:30px;display:flex;gap:9px;flex-wrap:wrap}.profile-card .statline{display:flex;gap:18px;margin-top:14px;color:#c8d2c5;font-size:11px}.profile-card .statline strong{color:var(--goldhi)}.profile-add{background:rgba(26,38,32,.28);border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;color:var(--muted);gap:8px}.profile-add .add-symbol{font:60px var(--serif);color:var(--gold)}
.settings-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-stack .panel{padding:25px}.settings-stack h3{margin-bottom:12px}.settings-stack p{font-size:12px;color:var(--muted);line-height:1.8}.setting-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.warning{color:#caa68c;font-size:11px;margin-top:18px}.full{grid-column:1/-1}.small-separator{border:0;border-top:1px solid var(--line);margin:20px 0}.profile-info{border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px;display:flex;align-items:center;gap:15px;background:rgba(20,36,29,.73)}.profile-info .crest-mini{height:56px;width:56px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font:40px var(--serif);color:var(--gold)}.profile-info h2{font-size:30px}.profile-info p{font-size:11px;color:var(--muted);margin:4px 0 0}
.overlay{position:fixed;inset:0;background:rgba(2,8,7,.78);backdrop-filter:blur(9px);z-index:60;display:grid;place-items:center;padding:20px;animation:fadein .15s ease}.dialog{width:min(100%,610px);max-height:min(92vh,840px);overflow:auto;background:#14221d;border:1px solid rgba(218,189,130,.35);box-shadow:0 32px 100px rgba(0,0,0,.65);border-radius:19px;padding:27px}.dialog.wide{width:min(100%,720px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:18px}.dialog-head h2{font:600 38px var(--serif);margin:0}.dialog-overline{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:800}.field{margin-bottom:17px}.field>label{display:block;margin-bottom:7px;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b6c4b7}.input,textarea.input,select.input{width:100%;border:1px solid rgba(203,184,137,.23);background:#0b1915;color:#f1eedd;padding:12px 13px;border-radius:10px;font-size:13px;outline:0}.input:focus{border-color:var(--gold)}textarea.input{resize:vertical;min-height:96px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}.dialog-divider{height:1px;background:var(--line);margin:18px 0}.difficulty-select{display:flex;gap:6px}.difficulty-select button{font-size:25px;border:0;background:transparent;color:#5e7461;padding:0 4px}.difficulty-select button.active{color:var(--goldhi);text-shadow:0 0 15px rgba(230,192,113,.35)}.defeat-banner{border:1px solid rgba(139,181,148,.24);background:rgba(104,158,114,.08);border-radius:13px;padding:13px;display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:17px}.defeat-banner strong{color:#b7e0b6}.reveal-area{padding:23px;border:1px dashed var(--line2);border-radius:12px;text-align:center}.reveal-area p{color:var(--muted);font-size:12px}.hr{height:1px;background:var(--line);margin:20px 0}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;transition:.3s;pointer-events:none;max-width:95vw;border:1px solid rgba(222,195,131,.44);border-radius:12px;background:#1c2c23;color:#f0e6c7;padding:12px 20px;font-size:12px;box-shadow:0 12px 50px rgba(0,0,0,.5);z-index:100;white-space:nowrap}#toast.show{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}.foot-sign{font-size:10px;color:#6f7f73;margin-top:30px;text-align:center}.tiny-star{color:var(--gold)}
@keyframes fadein{from{opacity:0}to{opacity:1}}@media(max-width:1200px){.main{padding-left:28px;padding-right:28px}.sidebar{width:215px;padding-left:12px;padding-right:12px}.layout{grid-template-columns:215px minmax(0,1fr)}.hero-crest{right:3%;opacity:.28}.region-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:17px 17px 98px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(7,16,13,.97);border-top:1px solid var(--line2);backdrop-filter:blur(16px);padding:8px 8px calc(7px + env(safe-area-inset-bottom));gap:2px;justify-content:space-around}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;flex:1;border:0;background:transparent;color:#9aa99c;padding:7px 0;font-size:9px}.mobile-nav button.active{color:var(--goldhi)}.mobile-nav .icon{width:21px;height:21px}.topbar{height:45px;margin-bottom:17px}.content-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(4,1fr)}.hero{padding:35px 30px}}@media(max-width:640px){h1{font-size:45px}.page-heading{display:block;margin-top:14px}.hero{padding:28px 24px;min-height:335px}.hero-desc{max-width:310px}.hero-crest{width:220px;right:-46px;top:20px;opacity:.16}.hero-buttonrow{margin-top:27px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:23px}.stat{min-height:100px;padding:15px}.stat .value{font-size:37px}.stat .label{font-size:10px}.region-grid{grid-template-columns:1fr 1fr}.region-card{padding:11px}.region-label{font-size:11px}.region-page-grid{grid-template-columns:1fr 1fr;gap:9px}.region-big{padding:16px;min-height:155px}.region-big h3{font-size:22px}.boss-list{grid-template-columns:1fr}.boss-card{min-height:94px;padding:14px}.profile-cards{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-stack{grid-template-columns:1fr}.stat-bar-line{grid-template-columns:115px minmax(0,1fr) 36px;font-size:10px}.topbar .breadcrumb{font-size:9px;letter-spacing:.12em}.profile-selector{max-width:138px;height:36px;padding:6px 8px;font-size:11px}.icon-btn{height:36px;min-width:36px}.panel{padding:16px}.panel-head h3{font-size:23px}.total-progress{padding:15px}.progress-circle{width:96px;height:96px}.dialog{padding:19px;max-height:90vh}.dialog-head h2{font-size:31px}.field-grid{grid-template-columns:1fr}.catalog-toolbar{gap:7px}.control-select{flex:1;max-width:none}.hero-buttonrow .primary-btn,.hero-buttonrow .soft-btn{font-size:11px;padding:11px}.insight .big{font-size:33px}.splash h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Layout and input refinements for the archive. */
button,input,select{min-height:44px}.icon-btn,.boss-rank{min-width:44px;min-height:44px}.text-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px}.boss-card>button[data-boss]{min-height:62px}.region-label{white-space:normal;overflow:visible;text-overflow:clip}.region-card .row-between{align-items:flex-start}.region-num{flex-shrink:0}.boss-name,.timeline-box,.profile-card{overflow-wrap:anywhere}.hero{isolation:isolate}.hero:after{content:'';position:absolute;inset:12px;border:1px solid rgba(218,194,140,.12);border-radius:inherit;pointer-events:none;z-index:-1}.hero-crest{filter:drop-shadow(0 0 35px rgba(218,194,140,.12))}.region-big{position:relative;isolation:isolate;overflow:hidden}.region-big:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(218,194,140,.05) 45.5%,transparent 46%),radial-gradient(ellipse at 90% 20%,rgba(126,161,128,.12),transparent 70%)}.region-big:nth-child(3n+2):before{transform:scaleX(-1);background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 24px,rgba(218,194,140,.04) 25px 26px)}.region-big:nth-child(3n):before{background:repeating-linear-gradient(65deg,transparent 0 28px,rgba(218,194,140,.035) 29px 30px)}button{touch-action:manipulation}button:active{filter:brightness(1.15)}.boss-card.defeated{box-shadow:inset 3px 0 rgba(143,188,160,.65)}.region-sub,.foot-sign{color:var(--muted)}.modal-open{overflow:hidden}.overlay{overscroll-behavior:contain;padding:20px}.dialog{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.dialog-actions{flex-wrap:wrap}.difficulty-select{flex-wrap:wrap}.difficulty-select button{min-width:44px}.tabs{flex-wrap:wrap}#toast{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 28px)}.input{min-width:0;width:100%}.profile-info{flex-wrap:wrap}
@media(max-width:950px){.main{padding-bottom:calc(104px + env(safe-area-inset-bottom))}#toast{bottom:calc(90px + env(safe-area-inset-bottom))}.topbar{height:auto;min-height:48px;gap:8px}.top-actions{min-width:0}.profile-selector{min-height:44px;max-width:180px}.topbar .breadcrumb{letter-spacing:.06em}.mobile-nav button{min-height:50px}.catalog-toolbar input{font-size:16px}}
@media(max-width:640px){.main{padding-left:14px;padding-right:14px}.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}.top-actions{width:100%}.profile-selector{flex:1;max-width:none}.hero{padding:32px 22px}.hero h1{font-size:43px;line-height:1.04}.hero-desc{line-height:1.8}.hero-buttonrow{flex-wrap:wrap}.hero-buttonrow .primary-btn,.hero-buttonrow .soft-btn{font-size:12px}.region-big h3{font-size:23px;line-height:1.15}.region-big{min-height:180px}.search-box{flex-basis:100%;min-width:0}.control-select{min-width:0;width:calc(50% - 5px);font-size:12px}.spoiler-notice{line-height:1.8}.boss-card{gap:10px;padding:13px}.boss-name{font-size:15px}.boss-location{font-size:12px}.overlay{padding:10px;align-items:center}.dialog{max-height:calc(100dvh - 20px);padding:20px}.dialog input,.dialog textarea,.dialog select{font-size:16px}.dialog-head h2{line-height:1.1}.defeat-banner{flex-wrap:wrap}.dialog-actions{position:sticky;bottom:-20px;background:var(--panel);padding:14px 0;margin-bottom:-5px}.stat-bar-line{grid-template-columns:minmax(100px,1fr) minmax(45px,1fr) 42px}.total-progress{gap:14px}.profile-info .soft-btn{margin-left:0!important}.panel-head{flex-wrap:wrap}.region-label{line-height:1.5}.mobile-nav button{font-size:10px}}
/* Keep complete filter labels readable on narrow screens. */
@media(max-width:640px){.catalog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.search-box{grid-column:1/-1;width:100%}.control-select{width:100%;max-width:100%;font-size:12px;padding-left:10px;padding-right:20px}.spoiler-toggle{grid-column:1/-1;justify-content:center}.stat-bar-line label{white-space:normal;overflow:visible;text-overflow:clip}.region-page-grid{align-items:stretch}.region-big h3{overflow-wrap:anywhere}}