/* SEAL Z JUTI: a shared visual theme, independent of the client/server data. */
:root{--bg:#071720;--paper:#102631;--white:#122d38;--ink:#f4eee2;--muted:#a2b8c0;--line:#2a4651;--orange:#e6bd78;--orange-soft:#e6bd7818;--gold:#e6bd78;--green:#9cc8ac;--accent:#e6bd78;--soft:#1c3945;--shadow:0 7px 26px #0003;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}a:hover{text-decoration:none}.site-header{background:#071720f5;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.header-inner{min-height:100px;gap:32px;padding-block:16px}.brand img{width:56px;height:56px;border:1px solid #c5a36d77;border-radius:14px}.brand strong{font:800 18px/1.3 'Segoe UI',sans-serif;letter-spacing:1.3px;display:block}.brand small{color:var(--gold);font-size:9px;letter-spacing:2px}.site-header nav{display:flex;gap:26px;font-size:13px}.site-header nav a{color:#bbd0d6}.site-header nav a[aria-current=page],.site-header nav a:hover{color:var(--gold)}.account-link{margin-left:auto;color:var(--gold);border:1px solid #b1946280;border-radius:8px;padding:9px 14px;font-size:11px}.account-link:hover{background:#e6bd7815}.shell{width:min(1220px,calc(100% - 64px))}.eyebrow{color:var(--gold)}.skip-link{background:var(--gold);color:var(--bg)}:focus-visible{outline-color:#77cfdb}main{min-height:65vh}h1{letter-spacing:-.5px}.page-heading{margin:30px 0}.breadcrumb{color:#9ab4bd}.home-hero{padding:62px 0;gap:55px}.hero-copy h1{font-size:43px;color:var(--ink)}.hero-copy h1 em{color:var(--gold)}.hero-copy p{color:var(--muted)}.search-panel{background:linear-gradient(145deg,#1e3d4b,#0e2633);border-color:#48616e;box-shadow:0 18px 60px #0003}.search-box{background:#081d28;border-color:#42606f}.search-box input{color:var(--ink)}.search-box svg{color:#8eb7c8}input::placeholder{color:#92aab6!important}.kind-choice span{background:#112c39;color:var(--muted)}.kind-choice input:checked+span{background:#e6bd7818;border-color:#b59560;color:var(--gold)}.button.primary{color:#14242c;background:var(--gold);border-color:var(--gold)}.button.primary:hover{background:#f7dca5}.button:hover{background:#1c3b48;border-color:#74888c}.stats-strip{background:#0d2531;border-color:var(--line)}.stats-strip strong{color:var(--gold)}.explore-card{background:linear-gradient(140deg,#15313e,#102631)}.explore-card .large-icon,.explore-card:nth-child(2) .large-icon,.explore-card:nth-child(3) .large-icon{background:#e6bd7812;color:var(--gold);border:1px solid #e6bd7822}.world-note{background:#13303b}.field select,.field input{background:#081d28;border-color:#355460;color:var(--ink)}.filter-chip{background:#e6bd7818;color:var(--gold)}.item-card,.monster-card{background:#102631}.item-card:hover,.monster-card:hover,.explore-card:hover{border-color:#b0925d}.image-box,.monster-card .image-box,.detail-summary .image-box{background:#eee9da;border-color:#c5c4b8}.image-fallback{color:#887e6f}.card-id{color:#8ea7b0}.detail-section .description{color:#c0cfd4}.stat-cell{background:#1b3946}.relation-row{background:#112d39;border-color:#304c59}.relation-row:hover{border-color:#a48e65}.reference-tag{background:#29424c;color:#b5c6cc}.guide-note{background:#122d39;color:var(--muted)}.notice-banner{background:#ddba7510;border-color:#9a805344;color:#d8c7a5}.pagination a[aria-current=page]{color:#102832}.site-footer{background:#06141c}.footer-inner strong{color:var(--gold)}.footer-inner{gap:24px}.source-note{background:#102d37;border-color:#36535d}.source-note strong{color:#b8dbc4}.source-note p{color:var(--muted)}.note-mark{color:#add2ba;border-color:#709686}.data-badge{background:#112b36}.skill-filters input,.skill-filters select,.pet-filters input,.pet-filters select{background:#0a202c;color:var(--ink);border-color:#3a5865}.quiet-button{background:#173541;color:var(--muted);border-color:#3c5663}.quiet-button:hover{color:var(--gold);border-color:#9a815a}.skill-choice{color:var(--ink)}.skill-choice:hover{background:#1b3946}.skill-choice[aria-pressed=true]{background:#e6bd7812;border-color:#aa8c5b}.skill-symbol,.skill-choice[aria-pressed=true] .skill-symbol{background:#244653;border-color:#466775;color:var(--gold)}.stat-card{background:#193642}.stat-card.primary{background:#ddba7512;border-color:#a68c5b}.description-text,.requirements strong{color:#b5c9d0}.level-table th{background:#203c48;color:var(--gold)}.level-table tbody tr:nth-child(even){background:#15303c}.level-table tr.selected{background:#75613b44!important}.table-scroll{scrollbar-color:#446573 #0b232e}.reading-note summary{color:var(--gold)}.skill-list{scrollbar-color:#47616c transparent}.system-button{background:#112b36;color:#b2c8d0}.system-button:hover{background:#1d3e4b}.system-button[aria-pressed=true]{background:#e6bd7818;border-color:#b19462;color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.system-button small,.system-button[aria-pressed=true] small{background:#254550;color:#d2c4a9}.system-overview{background:#102d38;color:#c1d2d7}.recipe-card>summary:hover,.recipe-card[open]>summary{background:#193743}.recipe-card>summary:after{color:var(--gold)}.source-icon{background:#ede8da;border-color:#b9b9b0}.summary-arrow{color:#8baeba}.result-mini{background:#203c47;border-color:#3e5662;color:#e1d4b9}.recipe-title{color:var(--gold)}.output-item{background:#1b3b3a;border-color:#3b5a52}.output-item a,.output-name,.chance{color:#b3d9be}.output-item .item-art,.item-art{background:#eee9da;border-color:#bebdb2}.material-mode{background:#e6bd7818;color:var(--gold)}.material-item{background:#142e3a;color:#dce4e5}.material-item:hover{background:#1d3b47;border-color:#aa8b5c}.material-item .quantity{color:var(--gold)}.recipe-conditions{color:var(--muted)}.fee{color:var(--gold)}.recipe-notes{background:#e6bd7810;color:#cab995}.empty-list h3{color:var(--gold)}.pagination button{color:var(--muted)}.output-item.is-unavailable{background:#26373e;border-color:#4b5a62}.output-item.is-unavailable a,.output-item.is-unavailable .output-name,.output-item.is-unavailable .chance{color:#b4bbc0}.material-example{background:#e6bd7809;border-color:#867550}.material-example>summary{color:var(--gold)}.material-example>p{color:var(--muted)}.availability-badge{background:#e6bd7812;color:#e0c68b;border-color:#88764d}.availability-badge.is-shadowed{background:#d99b7b10;color:#d4b5a2;border-color:#816b5c}.availability-note{background:#e6bd7810;color:#d4c29b}.chance-description,.helper-title{color:#b3c4b9}.helper-chip{background:#122d36;border-color:#48625e;color:#bfd2c4}.helper-chip small,.no-helper{color:var(--muted)}.unavailable-conditions{background:#d99b7b0c;color:#c9b9aa;border-color:#766b5c}.unavailable-condition .helper-chip{color:#c7b7a7;border-color:#71604d}.output-helper-details>summary{color:#b8c8a9}.system-catalog>summary{color:var(--gold)}.system-catalog>summary>span,.system-catalog>p{color:var(--muted)}.configured-item{background:#17333e;color:#c4d5d5;border-color:#3c5561}.configured-item small{color:var(--muted)}.configured-state{color:#b4d2a6}.configured-item.is-unavailable{background:#23333b;color:#adbac1}.configured-item.is-unavailable .configured-state{color:#b8a38b}
@media(max-width:1000px){.header-inner{gap:22px}.brand strong{font-size:16px}.site-header nav{gap:18px}.home-hero{gap:30px}.hero-copy h1{font-size:35px}.account-link{font-size:10px;padding:8px 10px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{min-height:100px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:14px}.brand img{width:44px;height:44px;border-radius:11px}.brand strong{font-size:15px}.brand small{font-size:8px}.site-header nav{order:3;width:100%;min-height:34px;justify-content:space-between;gap:12px;font-size:12px}.account-link{margin-left:0;padding:8px 10px;font-size:9px}.main-nav a{padding-bottom:7px}.home-hero{padding:35px 0;gap:28px}.hero-copy h1{font-size:34px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.source-note{padding:14px}.source-note p{font-size:11px}.footer-inner{gap:12px}.site-footer .footer-inner>span{font-size:10px}main{padding-top:20px}.data-badge{white-space:normal;font-size:10px}.skill-filters,.pet-filters{gap:12px}.skill-list{max-height:400px}.system-button{font-size:12px;padding:9px 12px}.recipe-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.account-link{display:inline-flex;align-items:center}

@media(max-width:600px){.home-hero .hero-copy h1{font-size:28px;line-height:1.55}}