:root{color-scheme:dark;--page-bg:#08090c;--page-bg-image:none;--accent:#e52b43;--line:#272a32;--muted:#a0a3ad;--text:#f5f5f7}*{box-sizing:border-box}body{margin:0;background-color:var(--page-bg);background-image:linear-gradient(180deg,rgba(8,9,12,.75),rgba(8,9,12,.86)),var(--page-bg-image),radial-gradient(ellipse at 50% -25%,#371017 0%,transparent 52%);background-position:center,center,center top;background-size:cover,cover,auto;background-attachment:fixed,fixed,scroll;color:var(--text);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(760px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}.top{display:flex;justify-content:flex-end}.admin-toggle{border:1px solid var(--line);color:#bbb;background:#111318;padding:8px 13px;border-radius:999px;text-decoration:none;font-size:13px}.hero{text-align:center;padding:13px 0 34px}.avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin:0 auto 19px;background:linear-gradient(145deg,var(--accent),#7b1022);border:3px solid #291015;box-shadow:0 12px 36px #0008;font-size:34px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(25px,5vw,34px);margin:0 0 7px;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted)}section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px}.section-head h2{font-size:17px;margin:0;font-weight:650}.links,.news-list{display:grid;gap:11px}.link-card{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;background:linear-gradient(110deg,#17191ff2,#111318f2);border:1px solid #242730;border-radius:15px;transition:.2s}.link-card:hover{transform:translateY(-2px);border-color:var(--accent);background:#1b171bf2}.link-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#272a32;font-size:20px;flex:none;color:white}.brand-icon{width:22px;height:22px;fill:currentColor}.custom-icon{font-size:20px}.link-copy{min-width:0;flex:1}.link-title{font-weight:650}.link-desc{font-size:13px;color:var(--muted)}.arrow{color:#858a96;font-size:20px}.news-card,.form-card{padding:19px;background:#111318ed;border:1px solid var(--line);border-radius:18px}.news-date{font-size:12px;color:#ff6574;font-weight:650;margin-bottom:7px}.news-card h3{font-size:17px;margin:0 0 8px}.news-body{color:#c0c3cb;font-size:14px;overflow-wrap:anywhere}.news-body p{margin:.5em 0}.news-body img{max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;border-radius:12px;display:block;margin:12px auto}.news-body blockquote{border-left:3px solid var(--accent);margin:12px 0;padding:3px 12px;color:#ddd}.news-body a{color:#e89aa4;text-decoration:none;font-weight:600;cursor:pointer}.news-body a:hover{color:#fff}.news-body ul,.news-body ol{padding-left:23px}.empty{text-align:center;padding:20px;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.foot{text-align:center;color:#9295a0;font-size:12px;padding:35px 0 0}.admin-wrap{max-width:980px}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top h1{font-size:25px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}.wide{grid-column:1/-1}.form-card h2{font-size:18px;margin:0 0 13px}.field{display:grid;gap:6px;margin:10px 0}.field label{font-size:12px;color:#b8bbc4}.field input,.field textarea,.field select{width:100%;background:#171920;border:1px solid #30333d;border-radius:10px;padding:10px 11px;color:var(--text);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field textarea{min-height:100px;resize:vertical}.field input[type=color]{height:45px;padding:4px}.field input[type=file]{font-size:13px}.btn{display:inline-block;border:0;background:var(--accent);color:white;border-radius:10px;padding:10px 14px;font-weight:650;text-decoration:none}.btn:hover{filter:brightness(1.12)}.btn.secondary{background:#272a32;color:#eee}.btn.danger{background:#451b22;color:#ff9aa5;padding:6px 9px;font-size:12px}.btn.mini{padding:6px 9px;font-size:12px}.login{max-width:450px;margin:45px auto}.manage-list{display:grid;gap:7px;margin-top:15px}.manage-list>b{font-size:12px;color:#aaa}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#171920;border:1px solid #282b34;border-radius:10px;font-size:13px}.manage-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:7px}.item-actions{display:flex;align-items:center;gap:6px;flex:none}.item-actions form{margin:0}.logout{display:flex;justify-content:flex-end}.notice-box{margin:14px 0;padding:11px 13px;background:#25191d;border:1px solid #62303a;border-radius:10px;color:#ffb1bb}.hint{color:var(--muted);font-size:13px}.preview{height:105px;border:1px dashed #3a3d47;background:#0b0c10;border-radius:11px;display:grid;place-items:center;color:#7f838e;font-size:12px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.avatar-preview{height:105px}.clear-image{font-size:12px;padding:7px 9px;justify-self:start}.text-link{font-size:13px;color:#bbb;margin-left:10px}.toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#0b0c10;border:1px solid #30333d;border-bottom:0;border-radius:11px 11px 0 0}.toolbar button,.upload-button{background:#252832;border:1px solid #343743;color:#eee;border-radius:7px;padding:6px 10px;font-size:13px}.toolbar button:hover,.upload-button:hover{border-color:var(--accent)}.upload-button{cursor:pointer}.rich-editor{min-height:190px;padding:14px;background:#0d0e13;border:1px solid #30333d;border-radius:0 0 11px 11px;color:#eee;outline:none;overflow-wrap:anywhere}.rich-editor:focus{border-color:var(--accent)}.rich-editor img{max-width:100%;max-height:420px;width:auto;height:auto;object-fit:contain;display:block;margin:12px auto}.rich-editor:empty:before{content:"Напишите текст новости…";color:#777}.btnrow{display:flex;gap:8px;margin-top:12px;align-items:center}[hidden]{display:none!important}@media(max-width:680px){.wrap{width:calc(100% - 28px);padding-top:22px}.admin-grid{grid-template-columns:1fr}.wide{grid-column:auto}.avatar{width:82px;height:82px}.admin-top h1{font-size:21px}.manage-item{align-items:flex-start}.item-actions{flex-wrap:wrap;justify-content:flex-end}.news-card,.form-card{padding:16px}}
/* Visual refinements */
.admin-wrap{max-width:1080px;padding-top:42px}.admin-wrap>.admin-top{padding:0 3px 16px;border-bottom:1px solid #292c35}.admin-top h1{font-size:28px;letter-spacing:-.035em;margin:8px 0}.admin-grid{gap:20px;margin-top:20px}.form-card{background:linear-gradient(145deg,#14161c,#101116);border-color:#2b2e38;box-shadow:0 16px 42px #0002}.appearance-card{grid-row:auto}.card-heading{margin-bottom:18px}.card-heading h2{margin:3px 0 2px;font-size:22px;letter-spacing:-.025em}.card-heading p{font-size:13px;color:var(--muted);margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}.form-card h2{letter-spacing:-.02em}.field{gap:7px;margin:14px 0}.field label{font-size:13px;color:#c5c8d1;font-weight:550}.help-text{color:#888d99;font-size:11px}.field input,.field textarea,.field select{background:#0d0f14;border-color:#30333e;border-radius:11px;min-height:44px;padding:11px 13px;font-size:14px;transition:border-color .18s,box-shadow .18s}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.field input[type=file]{padding:7px 9px;min-height:45px;color:#a7abb5;font-size:12px}.field input[type=file]::file-selector-button{border:0;background:#292c35;color:#f2f3f6;border-radius:7px;padding:7px 11px;margin-right:10px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.field input[type=file]::file-selector-button:hover{background:#393d49}.field input[type=color]{appearance:none;width:50px;height:38px;min-height:38px;padding:3px;border-radius:10px;background:#0d0f14;border:1px solid #393d48;cursor:pointer}.field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.field input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.field input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.field select{appearance:none;padding-right:40px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23a7abb5' stroke-width='1.7'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 13px center}.btn{font-size:13px;padding:10px 14px;border-radius:10px;box-shadow:0 6px 14px #0002;transition:transform .17s,filter .17s,box-shadow .17s}.btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 8px 18px #0003}.btn.secondary{border:1px solid #373a45;background:#20232b;color:#e5e6eb}.btn.danger{border:1px solid #63303a;background:#301a20;color:#ff9aa8}.manage-list{gap:8px;margin-top:18px}.manage-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;background:#0d0f14;border-color:#292c35;padding:10px 12px;border-radius:12px}.manage-item>span{min-width:0;font-size:13px}.item-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.item-actions .btn{white-space:nowrap}.manage-item form{display:flex}.mini{font-size:11px!important}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-preset{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:10px;background:#0d0f14;border:1px solid #2c303a;border-radius:12px;color:#eee;transition:transform .17s,border-color .17s,background .17s}.theme-preset:hover{transform:translateY(-2px);border-color:var(--swatch);background:#181a21}.theme-preset b,.theme-preset small{display:block}.theme-preset b{font-size:12px}.theme-preset small{font-size:10px;color:#989ca7;margin-top:2px}.theme-swatch{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--swatch),#171920);box-shadow:inset 0 0 0 1px #ffffff20;position:relative;flex:none}.theme-swatch:after{content:\"\";position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border:2px solid #111318;border-radius:50%;background:var(--swatch)}.advanced-colors{margin:14px 0 18px;padding:11px 12px;border:1px solid #2a2d36;background:#0d0f14;border-radius:11px}.advanced-colors summary{font-size:12px;color:#bfc2cc;cursor:pointer;list-style:none}.advanced-colors summary::-webkit-details-marker{display:none}.advanced-colors summary:after{content:\"＋\";float:right;color:var(--accent)}.advanced-colors[open] summary:after{content:\"−\"}.color-row{display:flex;gap:30px;padding:14px 0 2px}.color-row label{display:flex;align-items:center;gap:10px;font-size:12px;color:#aeb2bd}.preview{height:95px;background:#0b0c10;border-color:#30333d;border-radius:12px}.avatar-preview{width:100%;max-width:210px;height:110px}.favicon-preview{display:grid;place-items:center;width:56px;height:56px;border:1px dashed #393d48;border-radius:12px;color:#777;font-size:9px;overflow:hidden;background:#0b0c10}.favicon-preview img{width:32px;height:32px;object-fit:contain}.toolbar{border-color:#30333d;background:#0b0d12;gap:7px;padding:9px}.toolbar button,.upload-button{min-width:34px;background:#1b1e26;border:1px solid #343843;color:#e9eaf0;border-radius:8px;padding:7px 10px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.toolbar button:hover,.upload-button:hover{border-color:var(--accent);background:#28212a;color:#fff}.upload-button{font-weight:600}.rich-editor{min-height:210px;background:#0b0d12;border-color:#30333d;border-radius:0 0 11px 11px;font-size:14px;line-height:1.7}.rich-editor p{margin:.3em 0}.news-card{background:#111318ed}.link-card{overflow:hidden}.link-icon{transition:transform .22s,background .22s,box-shadow .22s}.social-mark{width:27px;height:27px;display:grid;place-items:center;color:#f2f4f8;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s;filter:drop-shadow(0 2px 5px #0004)}.brand-icon{width:23px;height:23px;fill:currentColor}.social-telegram{color:#56b8ee}.social-instagram{color:#ff76a8}.social-twitch{color:#b29aff}.social-kick{color:#57df9b}.social-youtube{color:#ff5967}.social-vk{color:#7dbdff}.social-tiktok,.social-x{color:#f7f7fa}.social-discord{color:#a4aaff}.social-whatsapp{color:#57d89a}.social-github,.social-web{color:#d5d8e0}.custom-icon{font-size:22px}.link-card:hover .link-icon{background:color-mix(in srgb,var(--accent) 20%,#252832);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),0 7px 19px color-mix(in srgb,var(--accent) 18%,transparent)}.link-card:hover .social-mark{transform:scale(1.16) rotate(-7deg)}.link-card:hover .arrow{transform:translate(3px,-2px);color:var(--accent)}.arrow{transition:transform .18s,color .18s}.link-card:focus-visible,.btn:focus-visible,.theme-preset:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.notice-box{background:#21191e;border-color:#50303a}.login{max-width:430px}.logout{margin-top:14px}@media(max-width:700px){.admin-wrap{padding-top:24px}.appearance-card{grid-row:auto}.theme-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.theme-grid{grid-template-columns:1fr 1fr}.manage-item{grid-template-columns:1fr;gap:9px}.item-actions{justify-content:flex-end}.admin-top h1{font-size:22px}.color-row{gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.theme-preset.active{border-color:var(--swatch);background:#1c1e25;box-shadow:0 0 0 1px color-mix(in srgb,var(--swatch) 28%,transparent)}


body{background-color:var(--page-bg);background-image:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.76)),var(--page-bg-image),radial-gradient(ellipse at 50% -25%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 52%);background-position:center,center,center top;background-size:cover,cover,auto;background-attachment:fixed,fixed,scroll}


/* Админка: отдельные разделы вместо длинной общей страницы */
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px;padding:5px;background:#101116;border:1px solid #292c35;border-radius:13px;width:max-content;max-width:100%}
.admin-tabs a{display:block;padding:9px 15px;border-radius:9px;color:#aeb2bd;text-decoration:none;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s}
.admin-tabs a:hover{color:#fff;background:#20232b;transform:translateY(-1px)}
.admin-tabs a.active{background:color-mix(in srgb,var(--accent) 20%,#20232b);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}
.admin-grid[data-section="appearance"]>.links-card,.admin-grid[data-section="appearance"]>#news-editor,.admin-grid[data-section="appearance"]>.security-card{display:none}
.admin-grid[data-section="links"]>.appearance-card,.admin-grid[data-section="links"]>#news-editor,.admin-grid[data-section="links"]>.security-card{display:none}
.admin-grid[data-section="news"]>.appearance-card,.admin-grid[data-section="news"]>.links-card,.admin-grid[data-section="news"]>.security-card{display:none}
.admin-grid[data-section="security"]>.appearance-card,.admin-grid[data-section="security"]>.links-card,.admin-grid[data-section="security"]>#news-editor{display:none}
@media(max-width:520px){.admin-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px}.admin-tabs a{text-align:center;padding:10px 7px}}

/* Одинаковая аккуратная раскладка новостей с изображением слева */
.news-layout{display:grid;grid-template-columns:minmax(180px,34%) minmax(0,1fr);gap:22px;align-items:start;margin-top:14px}
.news-layout:not(.has-image){display:block}
.news-image-frame{width:100%;aspect-ratio:4/3;max-height:260px;padding:6px;border:1px solid #30333d;border-radius:14px;background:#0b0d12;overflow:hidden;display:grid;place-items:center}
.news-image-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:9px;margin:0}
.news-layout .news-body{min-width:0;line-height:1.75}
.news-layout .news-body:empty{display:none}
.news-layout:not(.has-image) .news-body{margin-top:12px}
.news-layout .news-body img{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain}
@media(max-width:640px){.news-layout{grid-template-columns:1fr;gap:14px}.news-image-frame{max-width:100%;max-height:300px;aspect-ratio:16/10}.news-card{padding:16px}.news-layout .news-body{font-size:14px}}
/* Subtle motion polish */
@keyframes avatar-drift{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes soft-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes avatar-halo{0%,100%{opacity:.34;scale:.96}50%{opacity:.62;scale:1.04}}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,90vw);height:280px;left:50%;top:-42px;translate:-50% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);filter:blur(18px);animation:avatar-halo 7s ease-in-out infinite}
.avatar{animation:avatar-drift 6s ease-in-out infinite;transition:scale .28s ease,border-color .28s ease,box-shadow .28s ease}
.avatar img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.avatar:hover{scale:1.05;border-color:color-mix(in srgb,var(--accent) 68%,#291015);box-shadow:0 16px 44px color-mix(in srgb,var(--accent) 24%,transparent),0 12px 36px #0008}
.avatar:hover img{transform:scale(1.08)}
.hero h1,.hero p{animation:soft-rise .65s both}
.hero p{animation-delay:.08s}
.wrap:not(.admin-wrap)>section{animation:soft-rise .65s both}
.wrap:not(.admin-wrap)>section:nth-of-type(1){animation-delay:.12s}
.wrap:not(.admin-wrap)>section:nth-of-type(2){animation-delay:.22s}
.link-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,background .24s,box-shadow .24s}
.link-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}
.link-icon{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}
.link-card:hover .link-icon{transform:scale(1.08) rotate(-4deg);background:color-mix(in srgb,var(--accent) 20%,#272a32);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 16%,transparent)}
.link-card .arrow{transition:transform .22s,color .22s}
.link-card:hover .arrow{transform:translate(3px,-2px);color:var(--accent)}
.news-card{transition:transform .24s ease,border-color .24s,box-shadow .24s}
.news-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 14px 32px #0003}
.news-image-frame img{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.news-image-frame:hover img{transform:scale(1.045)}
.foot{animation:soft-rise .7s .3s both}
@media(prefers-reduced-motion:reduce){.hero:before,.avatar,.hero h1,.hero p,.wrap:not(.admin-wrap)>section,.foot{animation:none!important}.avatar,.avatar img,.link-card,.link-icon,.link-card .arrow,.news-card,.news-image-frame img{transition:none!important}.link-card:hover,.news-card:hover{transform:none}}.move-actions{display:flex;gap:4px}.move-actions form{margin:0}.move-btn{min-width:30px;padding:5px 8px!important;font-size:14px!important;line-height:1.1}.move-btn:disabled{opacity:.35;cursor:default}.manage-item .item-actions{gap:6px}@media(max-width:520px){.move-actions{gap:3px}.manage-item .item-actions{gap:4px}}
.site-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 30px;padding:6px;border:1px solid #292c35;border-radius:14px;background:#101116}.site-nav a{padding:10px 17px;border-radius:10px;color:#aeb2bd;text-decoration:none;font-size:13px;font-weight:650;transition:background .18s,color .18s,transform .18s}.site-nav a:hover{color:#fff;background:#20232b;transform:translateY(-1px)}.site-nav a.active{color:#fff;background:color-mix(in srgb,var(--accent) 22%,#17191f)}.projects-rail{display:flex;gap:14px;overflow-x:auto;padding:2px 1px 12px;scroll-snap-type:x mandatory;scrollbar-color:#383b45 transparent}.project-card{flex:0 0 230px;scroll-snap-align:start;min-width:0}.project-link{height:100%;min-height:112px;display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #292c35;border-radius:15px;background:linear-gradient(145deg,#15171d,#101116);color:#f3f3f6;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s}.project-link:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 65%,#343741);box-shadow:0 10px 26px #0005}.project-link img,.project-placeholder{width:78px;height:78px;flex:none;object-fit:cover;border-radius:11px;border:1px solid #363943}.project-placeholder{display:grid;place-items:center;background:#22252d;color:var(--accent);font-size:26px}.custom-page-content{padding:22px;border:1px solid #292c35;border-radius:16px;background:#111318;color:#d2d4db;line-height:1.75;overflow-wrap:anywhere}.projects-section{margin-top:30px}@media(max-width:520px){.site-nav{justify-content:stretch;gap:4px;margin:16px 0 24px}.site-nav a{flex:1;text-align:center;padding:9px 8px;font-size:12px}.project-card{flex-basis:200px}.project-link img,.project-placeholder{width:68px;height:68px}}

/* Refined site navigation */
.site-nav{position:relative;isolation:isolate;justify-content:flex-start;gap:5px;overflow-x:auto;flex-wrap:nowrap;padding:7px;border-color:#30232c;background:linear-gradient(110deg,#151218 0%,#111217 50%,#171116 100%);box-shadow:0 12px 36px #0004,inset 0 1px #ffffff08;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav:before{content:"";position:absolute;z-index:-1;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent),transparent);opacity:.8}.site-nav a{position:relative;display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 16px;border:1px solid transparent;border-radius:10px;color:#aeb2bd;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.site-nav a:after{content:"";position:absolute;left:15px;right:15px;bottom:4px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s}.site-nav a:hover{color:#fff;background:#ffffff08;border-color:#ffffff0d;transform:translateY(-1px)}.site-nav a:hover:after{transform:scaleX(.45)}.site-nav a.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 50%,#34252c);background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 23%,#1a171d),#17151b);box-shadow:inset 0 1px #ffffff0d,0 5px 18px color-mix(in srgb,var(--accent) 13%,transparent)}.site-nav a.active:after{transform:scaleX(1)}.nav-icon{width:25px;height:25px;flex:none;display:grid;place-items:center;border:1px solid #36313a;border-radius:8px;background:#23232a;color:#b8bbc4;font-size:15px;line-height:1;transition:color .2s,border-color .2s,background .2s,transform .2s}.site-nav a:hover .nav-icon{transform:rotate(-6deg) scale(1.06)}.site-nav a.active .nav-icon{color:#fff;border-color:color-mix(in srgb,var(--accent) 50%,#38303a);background:color-mix(in srgb,var(--accent) 32%,#232029)}
@media(max-width:520px){.site-nav{justify-content:flex-start;gap:4px;margin:16px 0 24px;padding:5px}.site-nav a{flex:0 0 auto;padding:8px 11px;font-size:12px}.site-nav .nav-icon{width:23px;height:23px}}

/* Center the navigation items in the available bar on desktop. */
@media(min-width:521px){.site-nav{justify-content:center}}
@media(max-width:520px){.site-nav{justify-content:flex-start}}

/* Project showcase: breathing room, richer cards, and an optional motion rail. */
.projects-section{position:relative;margin-top:32px;padding:0 2px 4px}
.projects-section .section-head{margin:0 0 0;padding:0 2px;position:relative;z-index:1}
.projects-section .section-head h2{display:flex;align-items:center;gap:10px}
.projects-section .section-head h2:before{content:"";width:4px;height:18px;border-radius:4px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 48%,transparent)}
.projects-rail{position:relative;isolation:isolate;min-height:144px;align-items:stretch;padding:12px 4px 18px;scroll-behavior:auto;scrollbar-width:none}
.projects-rail::-webkit-scrollbar{display:none}
.project-card{position:relative;z-index:0;flex-basis:260px;transition:z-index 0s}
.project-card:hover,.project-card:focus-within{z-index:2}
.project-link{position:relative;min-height:116px;overflow:hidden;border-color:#2c303a;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%),linear-gradient(145deg,#171920,#101116);box-shadow:inset 0 1px #ffffff08;transition:border-color .22s,box-shadow .22s,background .22s}
.project-link:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 28%,#ffffff09 48%,transparent 68%);transform:translateX(-120%);transition:transform .55s ease}
.project-link:hover,.project-link:focus-visible{transform:none;border-color:color-mix(in srgb,var(--accent) 68%,#343741);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%),linear-gradient(145deg,#1b1b23,#121319);box-shadow:0 10px 26px #0006,inset 0 1px #ffffff12;outline:none}
.project-link:hover:after,.project-link:focus-visible:after{transform:translateX(120%)}
.project-link img,.project-placeholder{position:relative;z-index:1;width:82px;height:82px;border:1px solid #41434d;box-shadow:0 5px 14px #0005}
.project-link>span:last-child{position:relative;z-index:1;font-size:15px;letter-spacing:-.01em}
@media(max-width:520px){.projects-section{margin-top:26px;padding:0}.projects-rail{min-height:132px;padding:10px 3px 16px}.project-card{flex-basis:220px}.project-link{min-height:106px}.project-link img,.project-placeholder{width:72px;height:72px}}
.project-speed-form{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:20px;padding:15px 16px;border:1px solid #30313c;border-radius:14px;background:linear-gradient(110deg,#17151bf2,#111318f2)}.project-speed-form>div{display:grid;gap:4px;flex:1 1 250px}.project-speed-form b{font-size:14px}.project-speed-form small{display:block;color:var(--muted);font-size:12px}.speed-control{display:grid;gap:4px;min-width:210px;color:#c3c5ce;font-size:12px}.speed-control input{width:100%;background:#0d0e13;border:1px solid #30333d;border-radius:9px;padding:8px 10px;color:var(--text)}
.projects-rail.is-auto-scrolling{scroll-snap-type:none}

/* Keep the centered layout fixed when navigating between pages of different heights. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}

/* Stack each project title above its thumbnail for a clearer reading order. */
.project-card{flex-basis:220px}
.project-link{min-height:190px;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:14px 16px}
.project-link>span:last-child{order:-1;align-self:stretch;display:grid;place-items:center;min-height:38px;text-align:center;line-height:1.3}
.project-link img,.project-placeholder{width:100px;height:100px}
@media(max-width:520px){.project-card{flex-basis:190px}.project-link{min-height:174px;padding:12px}.project-link>span:last-child{min-height:36px}.project-link img,.project-placeholder{width:88px;height:88px}}

/* Compact project tiles while keeping their title above the thumbnail. */
.project-card{flex-basis:184px}
.project-link{min-height:148px;gap:7px;padding:10px 12px}
.project-link>span:last-child{min-height:30px;font-size:14px}
.project-link img,.project-placeholder{width:76px;height:76px}
@media(max-width:520px){.project-card{flex-basis:164px}.project-link{min-height:136px;padding:9px 10px;gap:6px}.project-link>span:last-child{min-height:28px;font-size:13px}.project-link img,.project-placeholder{width:68px;height:68px}}

/* Keep the label outside the thumbnail frame; frame only the image itself. */
.project-card{flex-basis:184px}
.project-link{min-height:0;gap:9px;padding:0;align-items:flex-start;justify-content:flex-start;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.project-link:after{content:none}
.project-link:hover,.project-link:focus-visible{transform:none;border:0;background:transparent;box-shadow:none;outline:none}
.project-link>span:last-child{order:-1;align-self:stretch;display:block;min-height:0;padding:0 2px;text-align:left;color:#f3f3f6;font-size:14px;line-height:1.35}
.project-link:hover>span:last-child,.project-link:focus-visible>span:last-child{color:#fff}
.project-link img,.project-placeholder{order:1;width:96px;height:96px;border:1px solid #41434d;border-radius:12px;box-shadow:0 6px 18px #0005;background:#111318;transition:transform .2s,border-color .2s,box-shadow .2s}
.project-link:hover img,.project-link:focus-visible img,.project-link:hover .project-placeholder,.project-link:focus-visible .project-placeholder{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 68%,#41434d);box-shadow:0 10px 22px #0007}
@media(max-width:520px){.project-card{flex-basis:164px}.project-link{min-height:0;padding:0;gap:8px}.project-link>span:last-child{min-height:0;font-size:13px}.project-link img,.project-placeholder{width:88px;height:88px}}

/* Present project artwork as a consistent gallery, preserving full logos. */
.project-card{flex-basis:210px}
.project-link{gap:8px;width:100%;min-height:0;align-items:stretch;padding:0}
.project-link>span:last-child{min-height:34px;padding:0 2px;display:flex;align-items:flex-end;text-align:left;font-size:14px;font-weight:700;line-height:1.3;color:#f3f3f6}
.project-link img,.project-placeholder{display:grid;width:100%;height:112px;flex:none;object-fit:contain;object-position:center;padding:8px;border:1px solid #353943;border-radius:13px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 7%,#171920),#0e1015 76%);box-shadow:0 8px 22px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}
.project-placeholder{place-items:center;color:var(--accent);font-size:26px}
.project-link:hover img,.project-link:focus-visible img,.project-link:hover .project-placeholder,.project-link:focus-visible .project-placeholder{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 70%,#353943);box-shadow:0 12px 26px #0006}
@media(max-width:520px){.project-card{flex-basis:174px}.project-link{gap:7px}.project-link>span:last-child{min-height:31px;font-size:13px}.project-link img,.project-placeholder{height:96px;padding:7px}}

/* Seamless compositor-driven project marquee with softly faded edges. */
.projects-rail{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.projects-track{display:flex;align-items:flex-start;gap:14px;width:max-content;will-change:transform;transform:translate3d(0,0,0)}
.projects-group{display:flex;align-items:flex-start;gap:14px;flex:none;width:max-content}
.projects-rail.is-auto{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%)}
.projects-track.is-moving{animation:projects-marquee linear infinite}
@keyframes projects-marquee{to{transform:translate3d(var(--marquee-offset),0,0)}}
.projects-rail:focus-within .projects-track{animation-play-state:paused}
@media(max-width:520px){.projects-rail.is-auto{mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}}
@media(prefers-reduced-motion:reduce){.projects-track.is-moving{animation:none!important;transform:none!important}.projects-rail{overflow-x:auto!important;mask-image:none!important;-webkit-mask-image:none!important}}
.projects-rail.is-auto:before,.projects-rail.is-auto:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:42px;pointer-events:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.projects-rail.is-auto:before{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--page-bg) 46%,transparent),transparent);mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
.projects-rail.is-auto:after{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--page-bg) 46%,transparent),transparent);mask-image:linear-gradient(270deg,#000,transparent);-webkit-mask-image:linear-gradient(270deg,#000,transparent)}

.page-editor-field{display:grid;gap:0}.page-toolbar{border-radius:11px 11px 0 0}.page-editor{min-height:320px;border-radius:0 0 11px 11px;line-height:1.7}.page-editor:empty:before{content:attr(data-placeholder);color:#777}.page-editor img{display:block;max-width:min(100%,720px);max-height:480px;width:auto;height:auto;object-fit:contain;margin:14px 0;border:1px solid #343843;border-radius:12px;background:#0b0d12}.custom-page-content{color:#d2d4db;line-height:1.75;overflow-wrap:anywhere}.custom-page-content>*:first-child{margin-top:0}.custom-page-content h2,.custom-page-content h3,.custom-page-content h4{color:#f4f4f7;line-height:1.3;margin:1.1em 0 .45em}.custom-page-content p{margin:.65em 0}.custom-page-content ul,.custom-page-content ol{padding-left:1.5em}.custom-page-content blockquote{position:relative;margin:16px 0;padding:13px 16px 13px 42px;border:1px solid #3a303a;border-left:3px solid var(--accent);border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 12%,#101116),#101116);color:#e7e4eb;font-style:italic}.custom-page-content blockquote:before{content:"“";position:absolute;left:12px;top:3px;color:var(--accent);font:700 34px/1 Georgia,serif}.custom-page-content a{color:#f08d9c;font-weight:650;text-decoration:none;border:0;transition:color .16s}.custom-page-content a:hover{color:#fff;text-decoration:none}.custom-page-content img{display:block;max-width:min(100%,720px);max-height:480px;width:auto;height:auto;object-fit:contain;margin:14px 0;border:1px solid #343843;border-radius:12px;background:#0b0d12}
.stats-card{width:100%;max-width:none}.stats-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.stat-tile{padding:16px 18px;border:1px solid #2b2e37;border-radius:13px;background:linear-gradient(145deg,#17191f,#101116)}.stat-tile span,.referral-counts span{display:block;color:#9297a3;font-size:12px}.stat-tile strong{display:block;margin-top:6px;color:#f5f5f7;font-size:26px}.stats-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.stats-box{min-width:0;padding:16px;border:1px solid #2b2e37;border-radius:14px;background:#101116}.stats-box h3{margin:0 0 12px;font-size:16px}.stats-list{display:grid;gap:7px}.stats-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:9px;background:#15171d;color:#c9cbd2;font-size:13px}.stats-list span{overflow-wrap:anywhere}.stats-list b{color:#f5f5f7}.referrals-box{margin-top:14px}.referral-form{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;align-items:end;gap:12px;margin:16px 0 20px}.referral-form .field{margin:0}.referral-list{display:grid;gap:10px}.referral-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid #2b2e37;border-radius:12px;background:#0d0f14}.referral-info{display:grid;gap:5px;min-width:0}.referral-info a,.referral-info small{overflow-wrap:anywhere;font-size:12px;color:#aeb2bd}.referral-info a{color:#e89aa4;text-decoration:none}.referral-info a:hover{color:#fff}.referral-counts{display:flex;flex-wrap:wrap;gap:8px 14px}.referral-counts span{white-space:nowrap}.referral-counts b{color:#f5f5f7}.referral-row form{margin:0}@media(max-width:800px){.referral-form{grid-template-columns:1fr 1fr}.stats-columns{grid-template-columns:1fr}.referral-row{grid-template-columns:1fr auto}.referral-counts{grid-column:1/-1;grid-row:2}}@media(max-width:520px){.stats-summary{gap:7px}.stat-tile{padding:12px 10px}.stat-tile span{font-size:10px}.stat-tile strong{font-size:21px}.referral-form{grid-template-columns:1fr}.referral-row{grid-template-columns:1fr}.referral-counts{grid-column:auto;grid-row:auto}.referral-row form{text-align:right}}
.support-donation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 14px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 35%,#292c35);border-radius:16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%),linear-gradient(120deg,#17151b,#111318);box-shadow:0 14px 36px #0003}.support-donation-copy{min-width:0}.support-donation-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.support-donation h3{margin:4px 0 6px;color:#f5f5f7;font-size:20px;letter-spacing:-.02em}.support-donation p{max-width:560px;margin:0;color:#b9bbc4;font-size:13px;line-height:1.55}.support-donation-button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--accent) 65%,#4b2730);border-radius:11px;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#a30f2b));color:#fff;text-decoration:none!important;font-size:13px;font-weight:750;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform .18s,filter .18s,box-shadow .18s}.support-donation-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 28%,transparent)}@media(max-width:540px){.support-donation{align-items:stretch;flex-direction:column;gap:14px;padding:17px}.support-donation-button{width:100%}}
.support-copy-fields{margin:18px 0;padding:14px 16px;border:1px solid #2b2e37;border-radius:12px;background:#0e1015}.support-copy-fields h3{margin:0 0 10px;font-size:15px}.support-copy-fields .field:last-child{margin-bottom:0}

/* Keep admin controls inside their cards on hover. */
.admin-wrap .btn:hover,.admin-wrap .theme-preset:hover{transform:none;position:relative;z-index:2}

.referral-url-copy{display:flex;align-items:center;gap:9px;max-width:100%;padding:0;border:0;background:transparent;color:#e89aa4;text-align:left;font:inherit;font-size:12px;cursor:pointer}.referral-url-copy>span:first-child{overflow-wrap:anywhere}.referral-url-copy:hover{color:#fff}.referral-url-copy .copy-mark{flex:none;color:#9da2ad;font-size:16px;transition:color .16s,transform .16s}.referral-url-copy:hover .copy-mark{color:var(--accent);transform:scale(1.08)}.referral-url-copy.is-copied{color:#79d6a1}.referral-url-copy.is-copied .copy-mark{color:#79d6a1}.referral-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;color:#9297a3;font-size:12px}.referral-pagination .btn{transform:none}

/* Useful tools and Twilight Temple calculator */
.useful-page{padding-bottom:12px}.useful-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 22px}.useful-tab{appearance:none;border:1px solid #2b2e39;border-radius:999px;background:#151721;color:#b9bbc6;padding:9px 15px;font:inherit;font-size:13px;line-height:1.2;font-weight:600;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.useful-tab:hover,.useful-tab.active{border-color:color-mix(in srgb,var(--accent) 52%,#343640);background:color-mix(in srgb,var(--accent) 13%,#171923);color:#f3b18e;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 9%,transparent)}.useful-panel{display:none}.useful-panel.active{display:block}.useful-section-heading{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 17px;border-bottom:1px solid #464957;min-height:22px}.useful-section-heading h3{position:relative;top:12px;margin:0;padding:7px 13px;border-radius:10px;background:#171923;color:#f1f1f4;font-size:20px;line-height:1.2}.useful-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:0}.useful-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:108px;padding:15px;border:1px solid #292d3b;border-radius:16px;background:#191c28;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.useful-card:hover{border-color:color-mix(in srgb,var(--accent) 54%,#454653);background:#202331;box-shadow:0 10px 28px #0003}.useful-card-icon{position:relative;flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border:1px solid #555261;border-radius:12px;background:radial-gradient(circle at 30% 22%,#9c6146,#392c39 50%,#151721);color:#ffd3a9;box-shadow:inset 0 0 0 3px #ffffff0a,0 5px 13px #0004}.twilight-icon>span{font-size:31px;text-shadow:0 0 13px #ff8d52}.twilight-icon small{position:absolute;right:5px;bottom:4px;padding:2px 5px;border-radius:6px;background:#12141bcc;color:#ffc19d;font-size:10px;font-weight:800;letter-spacing:.08em}.useful-card-copy{display:grid;gap:5px;min-width:0}.useful-card-copy strong{color:#f09b6c;font-size:15px;line-height:1.3}.useful-card-copy>span{color:#aaadba;font-size:13px;line-height:1.45}.useful-card-arrow{margin-left:auto;color:#777c89;font-size:20px}.useful-empty{padding:18px 4px;color:#979ba8;text-align:center}.useful-intro{margin:0 0 18px}
.twilight-dialog{width:min(1000px,calc(100vw - 26px));max-width:1000px;max-height:min(92vh,980px);padding:0;border:1px solid #44424a;border-radius:19px;background:#101117;color:#f1f1f4;box-shadow:0 28px 100px #000b;overflow:hidden}.twilight-dialog::backdrop{background:#07080dd9;backdrop-filter:blur(6px)}.twilight-window{position:relative;max-height:min(92vh,980px);overflow:auto;padding:26px clamp(18px,4vw,38px) 23px;background:radial-gradient(ellipse at 50% -25%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),#101117}.twilight-close{position:absolute;top:16px;right:17px;width:35px;height:35px;border:1px solid #363943;border-radius:50%;background:#20232d;color:#ddd;font-size:24px;line-height:1;cursor:pointer;transition:background .18s,color .18s}.twilight-close:hover{background:var(--accent);color:white}.twilight-kicker{color:#e29a72;font-size:10px;font-weight:800;letter-spacing:.14em}.twilight-window>h2{margin:7px 42px 5px 0;font-size:clamp(21px,3.1vw,29px);letter-spacing:-.025em}.twilight-lead{max-width:700px;margin:0;color:#a9adba;font-size:13px;line-height:1.55}.cauldron-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 18px}.cauldron-tab{min-height:58px;border:1px solid #4a4140;border-radius:13px;background:linear-gradient(180deg,#29242a,#1a1a22);color:#c6c4cb;font:inherit;font-size:14px;line-height:1.2;font-weight:650;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.cauldron-tab span{margin-right:8px;color:#d9a77c;font-size:18px;vertical-align:-1px}.cauldron-tab:hover{transform:translateY(-1px);border-color:#a97955;color:#fff}.cauldron-tab.active{border-color:#c58e5d;background:linear-gradient(180deg,#49342d,#26232b);color:#ffe0bd;box-shadow:0 0 0 1px #dba87522,inset 0 1px #ffffff16}.twilight-search-row{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;margin-bottom:12px}.twilight-search-row label{font-size:13px;font-weight:700;color:#e7e6ea}.twilight-search-row input{grid-column:1/-1;width:100%;height:46px;padding:0 14px;border:1px solid #363943;border-radius:11px;outline:none;background:#171a23;color:#f5f5f7;font:inherit;transition:border-color .15s,box-shadow .15s}.twilight-search-row input:focus{border-color:#b98160;box-shadow:0 0 0 3px #b9816024}.twilight-search-row input::placeholder{color:#707582}.twilight-search-hint{color:#777c89;font-size:11px}.twilight-results{min-height:100px}.twilight-message{display:grid;place-items:center;min-height:96px;padding:16px;border:1px dashed #353843;border-radius:12px;color:#969ba8;text-align:center;font-size:13px;line-height:1.5}.twilight-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:250px;overflow:auto;padding:2px 3px 8px}.twilight-item{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:3px 9px;min-width:0;padding:10px;border:1px solid #2d313c;border-radius:11px;background:#191c26;color:#e9e9ed;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.twilight-item:hover,.twilight-item.selected{border-color:#b98160;background:#24232b}.twilight-item-mark{grid-row:span 2;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#34303a;color:#e6a173}.twilight-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.twilight-item small{color:#8d929e;font-size:10px}.twilight-details{margin-top:14px;padding-top:14px;border-top:1px solid #30333d}.twilight-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.twilight-detail-heading>span{font-size:18px;font-weight:800}.twilight-detail-heading a,.twilight-recipe-title a{color:#e5a27d;font-size:11px;text-decoration:none}.twilight-recipe{margin-top:11px;padding:12px;border:1px solid #31343d;border-radius:13px;background:#151720}.twilight-recipe-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:#f1c39e;font-size:13px;font-weight:750}.twilight-material-list{display:grid;gap:8px}.twilight-material{padding:10px;border:1px solid #2b2e37;border-radius:10px;background:#11131a}.twilight-material-top{display:flex;align-items:center;gap:8px}.twilight-material-top strong{min-width:0;flex:1;font-size:13px}.twilight-material-top b{color:#e8b990;font-size:12px;white-space:nowrap}.twilight-material-top a{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#22252e;color:#c4c5cc;text-decoration:none}.twilight-drops{display:grid;gap:5px;margin-top:8px}.twilight-drop{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) minmax(100px,auto);align-items:center;gap:9px;padding:7px 9px;border-radius:8px;background:#1a1d27}.drop-chapter{color:#e3a079;font-size:10px;font-weight:800;white-space:nowrap}.drop-info{display:grid;gap:2px;min-width:0}.drop-info strong{color:#e5e5e9;font-size:11px}.drop-info small{color:#9195a2;font-size:10px}.drop-mode{color:#b8bbc5;font-size:10px;text-align:right}.twilight-no-drop,.twilight-data-note{margin:7px 0 0;color:#9297a4;font-size:11px;line-height:1.45}.twilight-data-note{padding:9px 2px 0;text-align:right}@media(max-width:760px){.useful-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.twilight-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.useful-cards{grid-template-columns:1fr}.useful-card{min-height:91px}.useful-tabs{gap:6px}.useful-tab{padding:8px 10px;font-size:11px}.useful-section-heading h3{font-size:17px}.twilight-window{padding:22px 15px 18px}.cauldron-tabs{gap:6px;margin:16px 0}.cauldron-tab{min-height:55px;font-size:11px}.cauldron-tab span{display:block;margin:0 0 3px;font-size:17px}.twilight-item-grid{grid-template-columns:1fr;max-height:210px}.twilight-drop{grid-template-columns:1fr auto;gap:5px}.drop-info{grid-column:1}.drop-mode{grid-column:2;grid-row:1/3}.twilight-detail-heading>span{font-size:15px}.twilight-dialog{max-height:94vh;border-radius:15px}.twilight-window{max-height:94vh}}@media(prefers-reduced-motion:reduce){.useful-tab,.useful-card,.cauldron-tab,.twilight-close,.twilight-search-row input{transition:none}}

.twilight-count-row{display:grid;grid-template-columns:1fr minmax(88px,120px);align-items:center;gap:6px 12px;margin:15px 0 12px;padding:11px 13px;border:1px solid #333640;border-radius:11px;background:#171a23}.twilight-count-row label{font-size:12px;font-weight:700;color:#e7e6ea}.twilight-count-row input{grid-column:2;grid-row:1/3;width:100%;height:38px;padding:0 10px;border:1px solid #3b3e48;border-radius:8px;background:#101218;color:#f5f5f7;font:inherit;font-size:14px;text-align:center}.twilight-count-row span{color:#858a97;font-size:10px}@media(max-width:520px){.twilight-count-row{grid-template-columns:1fr 82px}.twilight-count-row span{font-size:9px}}

/* Game-like equipment catalogue and item icons */
.twilight-catalog-head{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 8px;color:#e9e7e9}.twilight-catalog-head strong{font-size:15px}.twilight-catalog-head span{color:#858a97;font-size:11px}.twilight-category-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:thin}.twilight-subtab{flex:0 0 auto;padding:7px 11px;border:1px solid #39343a;border-radius:8px;background:linear-gradient(#27232a,#171820);color:#c5c2ca;font:inherit;font-size:11px;cursor:pointer}.twilight-subtab.active,.twilight-subtab:hover{border-color:#b98160;background:linear-gradient(#46332c,#26212a);color:#ffe0bd}.twilight-item-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;max-height:340px;padding:5px 3px 10px}.twilight-item{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;padding:6px 4px;border-radius:9px;text-align:center}.twilight-item-icon,.twilight-detail-icon,.twilight-material-icon{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #66574d;border-radius:6px;background:radial-gradient(circle at 35% 25%,#514448,#171821 72%);color:#dfab82}.twilight-item-icon{width:44px;height:44px;margin:0 auto}.twilight-item-icon img,.twilight-detail-icon img,.twilight-material-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.twilight-item-icon>span,.twilight-detail-icon>span,.twilight-material-icon>span{font-size:20px}.twilight-item-name{display:-webkit-box;min-height:28px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.3}.twilight-detail-heading{justify-content:flex-start}.twilight-detail-icon{flex:0 0 48px;width:48px;height:48px}.twilight-detail-name{flex:1;font-size:16px;font-weight:800;min-width:0}.twilight-material{padding:10px}.twilight-material-top{gap:9px}.twilight-material-icon{flex:0 0 34px;width:34px;height:34px}.twilight-material-icon>span{font-size:16px}.twilight-material-top strong{line-height:1.35}@media(max-width:760px){.twilight-item-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:520px){.twilight-item-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:300px}.twilight-item-icon{width:40px;height:40px}.twilight-item-name{font-size:9px}.twilight-detail-heading{flex-wrap:wrap}.twilight-detail-heading>a{margin-left:58px}}

/* Compact forge window inspired by the in-game equipment maker */
.twilight-dialog{width:min(760px,calc(100vw - 22px));border:2px solid #796445;border-radius:14px;background:#181512;box-shadow:0 0 0 3px #29221b,0 28px 100px #000d}.twilight-window{padding:18px clamp(14px,3vw,26px) 18px;background:linear-gradient(180deg,#253038 0,#18191c 48px,#171512 48px,#171512 100%)}.twilight-kicker{color:#dfbd72}.twilight-window>h2{margin-top:2px;color:#f3dc9b;font-family:Georgia,serif;font-size:23px;text-align:center}.twilight-lead{margin:0 auto;text-align:center;font-size:11px}.cauldron-tabs{gap:4px;margin:13px 0 11px;padding:4px;border:1px solid #75603d;border-radius:8px;background:linear-gradient(#342c20,#151515)}.cauldron-tab{min-height:38px;border:1px solid #68563a;border-radius:5px;background:linear-gradient(#57472e,#292319);font-size:12px}.cauldron-tab span{font-size:15px}.cauldron-tab.active{border-color:#eed18b;background:linear-gradient(#8b7447,#4a3921);color:#fff1bd;box-shadow:inset 0 0 0 1px #fff4c433}.twilight-count-row{margin:9px 0;padding:8px 10px;border-color:#665639;border-radius:6px;background:#211e18}.twilight-category-tabs{padding:1px 2px 8px;border-bottom:1px solid #6d5938}.twilight-subtab{padding:6px 10px;border-color:#695532;border-radius:4px;background:linear-gradient(#59482c,#282014);color:#f0e4c7;font-family:Georgia,serif;font-size:12px}.twilight-subtab.active{border-color:#efcf7c;background:linear-gradient(#927648,#4b3920);color:#fff4c7}.twilight-item-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-height:300px;padding:8px 3px 10px}.twilight-item{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:48px;padding:3px;border:1px solid #746041;border-radius:4px;background:linear-gradient(#2b261d,#141310);box-shadow:inset 0 0 0 2px #080808;color:#fff;text-align:center}.twilight-item:hover,.twilight-item.selected{border-color:#ffe58d;background:linear-gradient(#51442c,#242018);box-shadow:0 0 0 1px #ffdc6b88,inset 0 0 0 2px #080808}.twilight-item-icon{width:100%;height:100%;max-width:52px;max-height:52px;border-color:#55513d;border-radius:2px;background:radial-gradient(circle at 45% 35%,#54644e,#171917 70%)}.twilight-item-icon>span{font-size:21px}.twilight-item-name{position:absolute;z-index:3;left:50%;bottom:calc(100% + 5px);display:none;width:max-content;max-width:min(240px,70vw);padding:6px 8px;border:1px solid #a58c58;border-radius:4px;background:#0c0c0cf2;color:#fff0c8;font-size:11px;line-height:1.3;transform:translateX(-50%);box-shadow:0 4px 16px #0009}.twilight-item:hover .twilight-item-name,.twilight-item:focus-visible .twilight-item-name{display:block}.twilight-catalog-head{margin:10px 2px 5px;color:#eed795}.twilight-details{margin-top:10px;padding-top:10px;border-top:1px solid #6e5938}.twilight-recipe{padding:10px;border:1px solid #685638;border-radius:7px;background:#211d16}.twilight-material{border-color:#4e422c;border-radius:5px;background:#171510}.twilight-material-icon{border-color:#74603e;border-radius:3px;background:radial-gradient(circle at 40% 30%,#455547,#171714 72%)}.twilight-drop{border-radius:4px;background:#29251d}.twilight-detail-icon{border-color:#b99a58;border-radius:4px;background:#1c1a15}.twilight-detail-heading a,.twilight-recipe-title a{color:#f1cc75}@media(max-width:760px){.twilight-item-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:520px){.twilight-window{padding:16px 10px 13px}.cauldron-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.cauldron-tab{min-height:42px;font-size:10px}.twilight-item-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-height:240px}.twilight-item{min-height:40px}.twilight-item-icon{width:100%;height:100%}.twilight-item-name{font-size:10px}.twilight-detail-heading>a{margin-left:0}}

.twilight-version-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:9px 11px;border:1px solid #363943;border-bottom:0;border-radius:11px 11px 0 0;background:#171a23;color:#aeb2bd;font-size:12px}.twilight-version-tabs{display:flex;gap:5px}.twilight-version{padding:7px 11px;border:1px solid #393943;border-radius:8px;background:#20232d;color:#c5c5ce;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s,background .16s,color .16s}.twilight-version:hover,.twilight-version.active{border-color:#c58e5d;background:linear-gradient(180deg,#49342d,#26232b);color:#ffe0bd}.twilight-version-row+.cauldron-tabs{margin-top:0;padding:10px;border:1px solid #363943;border-radius:0 0 11px 11px;background:#171a23}
@media(max-width:520px){.twilight-version-row{align-items:flex-start;flex-direction:column;gap:7px}.twilight-version-tabs{width:100%}.twilight-version{flex:1;padding:7px 6px;font-size:10px}}
.twilight-category-tabs{flex-wrap:wrap;overflow:visible;scrollbar-width:none}.twilight-subtab{white-space:nowrap}
/* HH calculator: keep catalog and recipe as separate views. */
.twilight-workspace{display:block}.twilight-catalog{min-width:0}.twilight-details{max-height:none;overflow:visible;margin:10px 0 0;padding:14px;border:1px solid #6e5938;border-radius:7px;background:#171512}.twilight-details[hidden],.twilight-catalog[hidden]{display:none!important}.twilight-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:8px 12px;border:1px solid #80683e;border-radius:6px;background:linear-gradient(#4b3d28,#282116);color:#f2d894;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.twilight-back:hover{border-color:#f1d58c;background:linear-gradient(#705a35,#382a18);color:#fff1bd}.twilight-results{max-height:min(56vh,560px);overflow:auto}.twilight-results .twilight-item-grid{max-height:none}.twilight-item{z-index:0;aspect-ratio:auto;min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 5px;overflow:hidden}.twilight-item:hover,.twilight-item:focus-visible,.twilight-item.selected{z-index:2}.twilight-item-icon{flex:0 0 40px;width:40px;height:40px;max-width:100%;max-height:40px;margin:0;overflow:hidden}.twilight-item-icon img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.twilight-item-name{position:static;display:-webkit-box;width:100%;max-width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#f5e9c8;font-size:10px;line-height:1.25;text-align:center;text-overflow:ellipsis;overflow:hidden;transform:none;box-shadow:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.twilight-item:hover .twilight-item-name,.twilight-item:focus-visible .twilight-item-name{display:-webkit-box}.twilight-item-icon:has(img)>span,.twilight-detail-icon:has(img)>span,.twilight-material-icon:has(img)>span{display:none}.twilight-details .twilight-recipe{margin-top:0}.twilight-details .twilight-data-note{text-align:left}@media(max-width:520px){.twilight-item{min-height:74px;padding:5px 3px}.twilight-item-icon{flex-basis:36px;width:36px;height:36px;max-height:36px}.twilight-item-name{font-size:9px}}
/* Simplify the recipe screen: one outer window, dividers between content. */
.twilight-details{padding:0;border:0;border-radius:0;background:transparent}.twilight-back{margin-bottom:12px;padding:7px 0;border:0;border-radius:0;background:transparent;color:#e6bd78}.twilight-back:hover{border:0;background:transparent;color:#fff0bd;text-decoration:underline}.twilight-detail-heading{padding:0 0 13px;border-bottom:1px solid #51452f}.twilight-recipe{margin:18px 0 0;padding:0;border:0;border-radius:0;background:transparent}.twilight-recipe-title{margin:0 0 5px;padding:0 0 9px;border-bottom:1px solid #51452f}.twilight-material-list{gap:0}.twilight-material{padding:13px 0;border:0;border-bottom:1px solid #393329;border-radius:0;background:transparent}.twilight-drops{gap:3px;margin:8px 0 0 43px}.twilight-drop{border-left:2px solid #665338;border-radius:0;background:transparent;padding:7px 5px 7px 10px}.twilight-no-drop{margin:8px 0 0 43px;padding:0;color:#9699a2}

.twilight-picker[hidden]{display:none!important}.twilight-details[hidden]{display:none!important}.twilight-details{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.twilight-item{aspect-ratio:1;min-height:68px;justify-content:center}.twilight-item-name{display:none!important}.twilight-item-tooltip{position:absolute;z-index:30;width:min(280px,calc(100% - 24px));padding:10px 12px;border:1px solid #b99a58;border-radius:5px;background:linear-gradient(160deg,#111a19f5,#0b0d0df5);box-shadow:0 8px 28px #000c;pointer-events:none}.twilight-item-tooltip strong{display:block;margin-bottom:4px;color:#62d8bd;font-size:14px;line-height:1.3}.twilight-item-tooltip small{display:block;color:#e5e0d5;font-size:12px;line-height:1.4}.twilight-back{min-height:42px;margin:0 0 18px;padding:9px 15px;border:1px solid #c7a962;border-radius:7px;background:linear-gradient(180deg,#806b43,#4b3b22);color:#fff1bd;font-size:14px;font-weight:800;box-shadow:0 2px 8px #0006}.twilight-back:hover{border-color:#f6db91;background:linear-gradient(180deg,#9a7e4b,#624a27);color:white;text-decoration:none}.twilight-item-grid{grid-template-columns:repeat(8,minmax(0,1fr))}@media(max-width:760px){.twilight-item-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:520px){.twilight-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Item quality colors and a quieter, compact back action */
.twilight-item{border-color:color-mix(in srgb,var(--item-color,#f1e7d0) 42%,#514630)}
.twilight-item:hover,.twilight-item:focus-visible,.twilight-item.selected{border-color:var(--item-color,#f1e7d0);box-shadow:0 0 0 1px color-mix(in srgb,var(--item-color,#f1e7d0) 45%,transparent),inset 0 0 0 1px #080808}
.twilight-item-tooltip{border-color:color-mix(in srgb,var(--item-color,#f1e7d0) 65%,#514630);background:linear-gradient(160deg,#171511f7,#0b0c0df7)}
.twilight-item-tooltip strong{color:var(--item-color,#f1e7d0)}
.twilight-item-tooltip small{white-space:pre-line}
.twilight-back{min-height:0;margin:0 0 12px;padding:7px 11px;border:1px solid #5c503b;border-radius:5px;background:#211e18;color:#d8bf83;font-size:12px;font-weight:650;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.twilight-back:hover{border-color:#a58a54;background:#2b251b;color:#f6dfa0;text-decoration:none}

.twilight-spirit-link{min-width:0;flex:1;color:#efcb80;font-size:13px;font-weight:750;line-height:1.35;text-decoration:underline;text-decoration-color:#efcb8066;text-underline-offset:3px}
.twilight-spirit-link:hover,.twilight-spirit-origin a:hover{color:#ffe6a1;text-decoration-color:currentColor}
.twilight-spirit-origin{margin:7px 0 0 43px;color:#9a9aa1;font-size:11px;line-height:1.45}
.twilight-spirit-origin a{color:#e6b273;font-weight:650;text-decoration:none}
.twilight-spirit-icon-link{display:block;flex:0 0 34px;width:34px;height:34px;text-decoration:none}
.twilight-spirit-icon-link:hover .twilight-material-icon{border-color:#efcb80;box-shadow:0 0 0 1px #efcb8044}

.twilight-back{min-height:0!important;margin:0 0 14px!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:none!important;color:#d9bf83!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;transform:none!important;transition:none!important}
.twilight-back:hover{border:0!important;background:none!important;color:#f3dda2!important;text-decoration:none!important;transform:none!important;box-shadow:none!important}

/* Compact recipe catalog and preserve the source icon's 32px pixel size. */
.twilight-item-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:6px!important}
.twilight-item{aspect-ratio:auto!important;height:58px!important;min-height:58px!important;padding:4px!important;border-radius:5px!important}
.twilight-item-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;max-height:32px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.twilight-item-icon img,.twilight-detail-icon img,.twilight-material-icon img{width:32px!important;height:32px!important;max-width:none!important;max-height:none!important;object-fit:none!important;image-rendering:pixelated}
.twilight-item-tooltip .twilight-tip-line{display:block;color:#e5e2da;line-height:1.4}
.twilight-item-tooltip .twilight-tip-line.kind{color:#c5c2ba}
.twilight-item-tooltip .twilight-tip-line.level{color:#efcf86}
.twilight-item-tooltip .twilight-tip-line.requirement{color:#f14d4d}
.twilight-item-tooltip .twilight-tip-line.bonus{color:#818cff}
.twilight-material-top strong{color:#e8e4da}
.twilight-material-top .twilight-spirit-link{color:var(--item-color,#efcb80)}
.twilight-material-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden}
.twilight-material-icon img,.twilight-detail-icon img{flex:none}
@media(max-width:760px){.twilight-item-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:520px){.twilight-item-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.twilight-item{height:54px!important;min-height:54px!important}}
.twilight-drop.no-mode{grid-template-columns:minmax(90px,auto) minmax(0,1fr)}
@media(max-width:520px){.twilight-drop{grid-template-columns:1fr;gap:3px}.drop-chapter{white-space:normal}.drop-mode{text-align:left}.twilight-drop.no-mode{grid-template-columns:1fr}}

/* ХХ calculator: align its palette with the site's navy cards and accent. */
.useful-card-icon.twilight-icon{flex-basis:86px;width:86px;height:62px;overflow:hidden;padding:0;border-color:#343846;border-radius:10px;background:#101116;box-shadow:none}
.useful-card-icon.twilight-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.twilight-dialog{border:1px solid #343846!important;border-radius:18px!important;background:#101116!important;box-shadow:0 28px 100px #000b!important}
.twilight-window{background:radial-gradient(ellipse at 50% -25%,color-mix(in srgb,#f09b6c 13%,transparent),transparent 55%),#101116!important}
.twilight-kicker{color:#f09b6c!important}
.twilight-window>h2{color:#f3f3f6!important;font-family:inherit!important}
.twilight-lead{color:#aaadba!important}
.twilight-close{border-color:#343846!important;background:#20232d!important}
.twilight-close:hover{background:#f09b6c!important}
.cauldron-tabs{padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.cauldron-tab{border:1px solid #343846!important;border-radius:12px!important;background:#191c28!important;color:#c4c6ce!important;box-shadow:none!important}
.cauldron-tab:hover{transform:none!important;border-color:color-mix(in srgb,#f09b6c 62%,#343846)!important;color:#fff!important}
.cauldron-tab.active{border-color:color-mix(in srgb,#f09b6c 72%,#343846)!important;background:color-mix(in srgb,#f09b6c 16%,#191c28)!important;color:#fff!important}
.cauldron-tab span{color:#f09b6c!important}
.twilight-version-row,.twilight-count-row{border-color:#343846!important;background:#191c28!important}
.twilight-version{border-color:#343846!important;background:#20232d!important;color:#c4c6ce!important}
.twilight-version.active{border-color:color-mix(in srgb,#f09b6c 68%,#343846)!important;background:color-mix(in srgb,#f09b6c 16%,#20232d)!important;color:#fff!important}
.twilight-category-tabs{border-color:#343846!important}
.twilight-subtab{border-color:#343846!important;border-radius:9px!important;background:#191c28!important;color:#d1d2d8!important;font-family:inherit!important}
.twilight-subtab.active{border-color:color-mix(in srgb,#f09b6c 68%,#343846)!important;background:color-mix(in srgb,#f09b6c 16%,#191c28)!important;color:#fff!important}
.twilight-item{border-color:#343846!important;border-radius:9px!important;background:#191c28!important;box-shadow:none!important}
.twilight-item:hover,.twilight-item.selected{border-color:#f09b6c!important;background:#202331!important;box-shadow:0 0 0 1px color-mix(in srgb,#f09b6c 26%,transparent)!important}
.twilight-details{border-color:#343846!important}
.twilight-recipe{border-color:#343846!important;border-radius:12px!important;background:#191c28!important}
.twilight-recipe-title,.twilight-detail-heading a,.twilight-recipe-title a{color:#f09b6c!important}
.twilight-material{border-color:#2b2e39!important;border-radius:10px!important;background:#111318!important}
.twilight-drop{background:#1b1e29!important}
.drop-chapter{color:#f09b6c!important}
.twilight-message{border-color:#343846!important}

.twilight-back{color:#f09b6c!important}.twilight-back:hover{color:#ffd1b8!important}.twilight-detail-heading{border-color:#343846!important}.twilight-recipe-title{border-color:#343846!important}.twilight-drop{border-left-color:#f09b6c!important}

/* Simplify the recipe view and remove the leftover gold controls. */
.twilight-back{padding:7px 0!important;border:0!important;background:transparent!important;color:#b9bbc6!important;font-weight:650!important}
.twilight-back:hover{color:#f04d61!important;text-decoration:none!important}
.twilight-detail-heading a,.twilight-recipe-title a{color:#f04d61!important}
.twilight-recipe{margin-top:10px!important;padding:0!important;border:0!important;background:transparent!important}
.twilight-recipe-title{display:flex!important;justify-content:flex-end!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;color:#aeb2bd!important;font-size:12px!important}
.twilight-material-list{gap:8px!important}
.twilight-material{padding:12px!important;border:1px solid #292d3b!important;border-radius:11px!important;background:#191c28!important}
.twilight-drops{gap:4px!important;margin:8px 0 0 43px!important}
.twilight-drop{border-left:2px solid #f04d61!important;border-radius:0!important;background:transparent!important;padding:7px 8px 7px 10px!important}
.drop-chapter{color:#f09b6c!important}
.twilight-version-row,.twilight-count-row{border-color:#292d3b!important;border-radius:13px!important;background:#191c28!important}
.cauldron-tabs{padding:5px!important;border:1px solid #292d3b!important;border-radius:13px!important;background:#191c28!important}
.cauldron-tab{min-height:52px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#b9bbc6!important}
.cauldron-tab:hover{border-color:#343846!important;background:#20232d!important;color:#f1f1f4!important}
.cauldron-tab.active{border-color:#f04d61!important;background:#2b1e27!important;color:#fff!important;box-shadow:inset 0 0 0 1px #f04d6122!important}
.cauldron-tab span{color:#f09b6c!important}
.twilight-version{border-radius:10px!important}
.twilight-version.active{border-color:#f04d61!important;background:#2b1e27!important;color:#fff!important}
.twilight-subtab.active{border-color:#f04d61!important;background:#2b1e27!important;color:#fff!important}

/* Keep server version and gear category controls visually separate. */
.twilight-version-row{margin:16px 0 14px!important;padding:12px 16px!important;min-height:66px!important;gap:12px!important;border:1px solid #292d3b!important;border-radius:14px!important;background:#191c28!important}
.cauldron-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.cauldron-tab{min-width:0!important;min-height:54px!important;padding:10px 12px!important;border:1px solid #343846!important;border-radius:12px!important;background:#191c28!important;color:#b9bbc6!important}
.cauldron-tab:hover{border-color:#555b6a!important;background:#20232d!important;color:#f1f1f4!important}
.cauldron-tab.active{border-color:#f04d61!important;background:#2b1e27!important;color:#fff!important;box-shadow:inset 0 0 0 1px #f04d6122!important}
.cauldron-tab span{display:inline!important;margin:0 8px 0 0!important;color:#f09b6c!important;font-size:17px!important;vertical-align:-1px!important}
@media(max-width:520px){.twilight-version-row{margin:14px 0 12px!important;padding:10px 12px!important}.cauldron-tabs{gap:6px!important;margin-bottom:15px!important}.cauldron-tab{min-height:50px!important;padding:8px 5px!important;font-size:11px!important}.cauldron-tab span{display:block!important;margin:0 0 3px!important}}

/* Final polish for the catalog title, clipped list edge, and useful card. */
.twilight-catalog-head strong{color:#f1f1f4!important}
.twilight-results{position:relative;isolation:isolate}
.twilight-results:after{content:"";position:sticky;z-index:3;bottom:0;display:block;height:30px;margin-top:-30px;pointer-events:none;background:linear-gradient(180deg,transparent,#101116d9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;transition:opacity .18s}
.twilight-results.at-bottom:after{opacity:0}
.useful-card{position:relative;isolation:isolate;min-height:190px!important;align-items:flex-end!important;overflow:hidden;border-color:#292d3b!important;background:#111318 url("assets/twilight/useful-icon.jpg") center 42%/cover no-repeat!important}
.useful-card:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#111318ed 0%,#111318c9 54%,#11131870 100%),linear-gradient(0deg,#111318bb,transparent 72%)}
.useful-card-icon.twilight-icon{display:none!important}
.useful-card-copy{position:relative;z-index:1;max-width:calc(100% - 25px);gap:7px!important}
.useful-card-copy strong{color:#f09b6c!important;font-size:19px!important}
.useful-card-copy>span{color:#e0e1e6!important;font-size:14px!important;line-height:1.55!important}
.useful-card-arrow{position:absolute;z-index:1;top:15px;right:17px;margin:0!important;color:#e0e1e6!important}
.useful-card:hover{background-image:linear-gradient(90deg,#111318f2 0%,#111318d4 54%,#11131888 100%),url("assets/twilight/useful-icon.jpg")!important}
@media(max-width:520px){.useful-card{min-height:175px!important;padding:17px!important}.useful-card-copy{max-width:calc(100% - 8px)}}


/* Keep the close control in the red and black site palette; remove the overlay that covered the last item row. */
.twilight-results:after{display:none!important;content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.twilight-window{background:#101116!important}
.twilight-close{border-color:#343846!important;background:#20232d!important;color:#e5e6eb!important}
.twilight-close:hover,.twilight-close:focus-visible{border-color:#f04d61!important;background:#2b1e27!important;color:#fff!important;box-shadow:0 0 0 2px #f04d6126!important}

/* Chest simulator helper */
.chest-card{background-image:linear-gradient(90deg,#111318ed 0%,#111318bd 62%,#1113189c 100%),radial-gradient(circle at 78% 34%,#792837 0,#291821 42%,#111318 78%)!important}
.chest-card:after{content:"";position:absolute;right:44px;bottom:24px;width:72px;height:51px;border:2px solid #f09b6c;border-radius:8px 8px 12px 12px;background:linear-gradient(#f09b6c 0 10px,#7b2936 10px 100%);box-shadow:inset 0 -6px #311820,0 0 35px #e52b4340;opacity:.56;transform:rotate(-8deg)}
.chest-card .useful-card-copy{max-width:70%}
.chest-dialog{box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-width:none;max-height:min(90vh,900px);padding:0;overflow:auto;border:1px solid #343846;border-radius:19px;background:#101116;color:#e6e6eb;box-shadow:0 28px 100px #000c}
.chest-dialog::backdrop{background:#050609c9;backdrop-filter:blur(5px)}
.chest-window{position:relative;box-sizing:border-box;width:100%;min-width:0;padding:clamp(20px,4vw,38px);background:radial-gradient(ellipse at 82% 0,#35182055,transparent 42%),#101116}
.chest-window *{box-sizing:border-box}
.chest-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #3a3d48;border-radius:50%;background:#1b1e28;color:#e9e9ed;font-size:27px;line-height:1;cursor:pointer;transition:background .16s,border-color .16s}
.chest-close:hover{background:#39202a;border-color:#e52b43}
.chest-kicker{padding-right:52px;color:#f09b6c;font-size:12px;font-weight:800;letter-spacing:.17em}
.chest-window h2{margin:15px 50px 7px 0;color:#f0f0f3;font-size:clamp(23px,4vw,32px);line-height:1.2}
.chest-intro{margin:0;color:#a8abb6;font-size:14px;line-height:1.55}
.chest-server-row{display:flex;gap:10px;margin:23px 0 17px;padding:6px;border:1px solid #2e3240;border-radius:14px;background:#191c26}
.chest-server{flex:1;min-height:45px;padding:9px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb1bc;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.chest-server.active{border-color:#e52b43;background:#35202a;color:#fff}
.chest-choice-row{display:grid;grid-template-columns:1fr minmax(220px,45%);align-items:center;gap:12px;margin:0 0 12px;padding:14px;border:1px solid #2e3240;border-radius:14px;background:#191c26}
.chest-choice-row label{font-weight:750}
.chest-choice-row select{width:100%;min-height:42px;padding:8px 12px;border:1px solid #414550;border-radius:9px;background:#101116;color:#f4f4f7;font:inherit}
.chest-controls{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,140px) minmax(145px,auto) minmax(105px,auto);align-items:center;gap:10px;width:100%;padding:14px;border:1px solid #2e3240;border-radius:14px;background:#191c26}
.chest-controls label{font-weight:750}
.chest-controls input{width:100%;min-height:42px;padding:8px 12px;border:1px solid #414550;border-radius:9px;background:#101116;color:#f4f4f7;font:inherit;text-align:center}
.chest-open{min-height:42px;padding:8px 14px;border:1px solid #e52b43;border-radius:9px;background:#39202a;color:#fff;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s}
.chest-open:hover{background:#57232f}
.chest-reset{min-height:42px;padding:8px 14px;border:1px solid #65313d;border-radius:9px;background:#2b1c23;color:#f0cbd0;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.chest-reset:hover{border-color:#e52b43;background:#35202a;color:#fff}
.chest-total{padding:18px 2px 11px;color:#aaaeba;font-size:14px}.chest-total strong{color:#f09b6c}
.chest-content{box-sizing:border-box;width:100%;min-width:0;min-height:100px;margin-top:14px;padding:clamp(12px,2vw,18px);border:1px solid #2e3240;border-radius:14px;background:#14161e}
.chest-empty{margin:6px 0 15px;color:#b8bac4;text-align:center}
.chest-result-title{margin:0 0 13px;font-size:16px}
.chest-top-drops{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;max-height:min(50vh,520px);overflow-y:auto;overflow-x:hidden;padding:1px 5px 1px 1px;scrollbar-gutter:stable}
.chest-drop-row{display:flex;box-sizing:border-box;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #292d39;border-radius:10px;background:#1a1d27}
.chest-result-item{display:flex;min-width:0;align-items:center;gap:10px}.chest-result-item strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:700}.chest-item-icon{flex:0 0 36px;width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.chest-quantity{flex:0 0 auto;color:#f0b48f;font-weight:800;white-space:nowrap}
.chest-details-toggle{margin-top:14px;padding:8px 12px;border:1px solid #3b3f4c;border-radius:8px;background:#20232d;color:#dddfe5;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.chest-details-toggle:hover{border-color:#e52b43}
.chest-table-wrap{max-height:350px;margin-top:12px;overflow:auto;border:1px solid #2e3240;border-radius:9px}
.chest-table{width:100%;border-collapse:collapse;font-size:11px}.chest-table th,.chest-table td{padding:8px 9px;border-bottom:1px solid #292d39;text-align:left;white-space:nowrap}.chest-table th{position:sticky;top:0;background:#20232d;color:#f09b6c}.chest-table td:first-child{min-width:190px;white-space:normal}.chest-table tr:last-child td{border-bottom:0}
.chest-expect-note{margin:10px 0 0;color:#9296a3;font-size:11px;line-height:1.5}
.chest-unavailable{display:grid;gap:8px;max-width:550px;margin:18px auto;color:#aeb1bc;text-align:center;line-height:1.55}.chest-unavailable strong{color:#f09b6c;font-size:16px}
.chest-source{margin:15px 0 0;color:#777c89;font-size:10px;line-height:1.5}
@media(max-width:620px){.chest-choice-row{grid-template-columns:1fr}.chest-controls{grid-template-columns:minmax(0,1fr) minmax(90px,115px)}.chest-controls label{grid-column:1}.chest-controls input{grid-column:2;grid-row:1}.chest-controls button{grid-column:span 1;min-width:0;padding:8px 7px;font-size:11px}.chest-server-row{gap:5px}.chest-server{padding-inline:7px;font-size:12px}.chest-card:after{right:19px;opacity:.38}}
@media(max-width:380px){.chest-controls button{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.chest-server,.chest-open,.chest-reset,.chest-close{transition:none}}
.chest-source a{color:#f09b6c;text-decoration-color:#e52b4366;text-underline-offset:3px}.chest-source a:hover{color:#fff}

.chest-card-art{display:none}
.chest-table-item,.chest-result-item{display:flex;min-width:0;flex:1;align-items:center;gap:10px}.chest-item-icon{width:36px;height:36px;flex:0 0 36px;object-fit:contain;image-rendering:pixelated;border-radius:4px}.chest-drop-row .chest-result-item strong{white-space:normal}

/* Chest selector and incremental loot feedback */
.chest-choice-row{grid-template-columns:1fr;align-items:stretch;gap:8px}
.chest-select{position:relative;min-width:0}
.chest-select-button{display:flex;width:100%;min-height:54px;align-items:center;gap:12px;padding:8px 13px;border:1px solid #34394a;border-radius:12px;background:#10121b;color:#f0f0f4;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.chest-select-button:hover,.chest-select-button[aria-expanded="true"]{border-color:#f09b6c;background:#171a26}
.chest-select-button:focus-visible,.chest-option:focus-visible{outline:2px solid #ff604d;outline-offset:2px}
.chest-select-button>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chest-select-icon,.chest-option-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;overflow:hidden;border:1px solid #454958;border-radius:8px;background:#1b1e29;color:#f09b6c;font-size:20px}
.chest-select-image{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.chest-select-arrow{color:#aeb1bc}
.chest-option-list{position:absolute;z-index:8;top:calc(100% + 7px);right:0;left:0;max-height:min(44vh,360px);overflow:auto;padding:6px;border:1px solid #34394a;border-radius:13px;background:#11131d;box-shadow:0 18px 42px #0009}
#chestSimulatorDialog .chest-option-list[popover]{position:fixed;z-index:10000;inset:auto;margin:0;max-height:min(44vh,360px);overflow:auto}
.chest-option-list[hidden]{display:none}
.chest-option{display:flex;width:100%;min-height:54px;align-items:center;gap:11px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#e7e7ed;font:inherit;text-align:left;cursor:pointer}
.chest-option:hover,.chest-option[aria-selected="true"]{border-color:#f09b6c;background:#241d25}
.chest-option-icon{width:34px;height:34px;flex-basis:34px}
.chest-option-icon .chest-select-image{width:29px;height:29px}
.chest-quantity{display:flex;flex:0 0 auto;align-items:center;gap:9px;color:#e7e7ed;font-weight:800;white-space:nowrap}
.chest-delta-quantity{color:#16a34a;font-size:.9em}
@media(max-width:620px){.chest-choice-row{grid-template-columns:1fr}.chest-drop-row{gap:8px;padding:8px}.chest-result-item{gap:7px}.chest-item-icon{width:32px;height:32px;flex-basis:32px}.chest-quantity{gap:5px;font-size:12px}}

/* Use the supplied chest artwork as the simulator card background. */
.chest-card{background-image:linear-gradient(90deg,#101116f2 0%,#101116c9 48%,#10111656 100%),url("assets/chest/chest-card-bg.jpg")!important;background-size:cover!important;background-position:center 42%!important}
.chest-card:before{background:linear-gradient(90deg,#101116e8 0%,#101116b8 44%,#10111640 100%),linear-gradient(0deg,#101116a8,transparent 74%)!important}
.chest-card:after{display:none!important}
.chest-card .useful-card-copy{max-width:calc(100% - 25px)!important}
.chest-card:hover{background-image:linear-gradient(90deg,#101116f5 0%,#101116d0 48%,#10111670 100%),url("assets/chest/chest-card-bg.jpg")!important}
.chest-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.chest-result-heading .chest-result-title{margin:0}
.chest-opened-count{color:#a8abb6;font-size:13px;font-weight:700;text-align:right}
@media(max-width:420px){.chest-result-heading{align-items:flex-start;flex-direction:column;gap:4px}.chest-opened-count{text-align:left}}

/* Two-column chest simulator: controls stay left, accumulated loot stays visible on the right. */
.chest-dialog{width:min(1220px,calc(100vw - 28px));max-height:min(92vh,980px);overflow:hidden}
.chest-window{display:flex;max-height:min(92vh,980px);flex-direction:column;overflow:hidden}
.chest-simulator-layout{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:16px;min-height:0;margin-top:20px}
.chest-controls-panel{display:flex;min-width:0;flex-direction:column;gap:12px}
.chest-controls-panel .chest-server-row{margin:0}
.chest-controls-panel .chest-choice-row{margin:0;padding:14px}
.chest-controls-panel .chest-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:13px}
.chest-controls-panel .chest-controls label{grid-column:1/-1}
.chest-controls-panel .chest-controls input{grid-column:1/-1}
.chest-controls-panel .chest-controls button{min-width:0;padding-inline:9px;font-size:13px}
.chest-content{display:flex;min-height:260px;max-height:65vh;flex-direction:column;margin:0;padding:15px;overflow:hidden}
.chest-content:has(.chest-empty){align-items:center;justify-content:center}
.chest-result-heading{flex:0 0 auto}
.chest-top-drops{min-height:0;max-height:none;flex:1 1 auto;overscroll-behavior:contain}
.chest-drop-row{gap:8px;padding:7px 9px}
.chest-item-icon{width:32px;height:32px;flex-basis:32px}
.chest-result-item{gap:8px}
.chest-drop-row .chest-result-item strong{font-size:12px}
.chest-quantity{gap:6px;font-size:12px}
@media(max-width:760px){.chest-dialog{max-height:92vh;overflow:auto}.chest-window{max-height:none;overflow:visible}.chest-simulator-layout{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}.chest-controls-panel{gap:9px}.chest-content{min-height:230px;max-height:42vh}.chest-top-drops{max-height:none}}

/* Keep the empty loot state compact instead of stretching to the controls height. */
.chest-simulator-layout{align-items:start}
.chest-content{min-height:0;height:auto;align-self:start;overflow:hidden}
.chest-content.is-empty{min-height:96px;max-height:none;justify-content:center;padding:12px 16px}
.chest-content.is-empty .chest-empty{margin:0;font-size:13px;line-height:1.45}
.chest-content:not(.is-empty){min-height:160px}
.chest-top-drops{max-height:min(65vh,640px);flex:0 1 auto}
@media(max-width:760px){.chest-content{max-height:50vh}.chest-content.is-empty{min-height:82px}}
.chest-save-note{margin:0;padding:0 3px;color:#777c89;font-size:11px;line-height:1.45}

/* Keep the simulator header compact and prevent its flex layout from pushing controls down. */
.chest-dialog{max-height:calc(100vh - 32px);overflow:auto}
.chest-window{display:block;height:auto;max-height:none;overflow:visible;padding:20px clamp(18px,2.4vw,30px)}
.chest-window>.chest-kicker,.chest-window>h2,.chest-window>.chest-intro{flex:none}
.chest-window h2{margin:7px 50px 4px 0}
.chest-simulator-layout{margin-top:12px;flex:none;align-content:start}
.chest-content{height:auto;max-height:none}
.chest-content:not(.is-empty){min-height:0}
.chest-top-drops{max-height:min(58vh,560px);flex:0 1 auto}
@media(max-width:760px){.chest-dialog{max-height:calc(100vh - 20px);overflow:auto}.chest-window{display:block;height:auto;max-height:none;overflow:visible;padding:18px 16px}.chest-simulator-layout{margin-top:10px}.chest-content:not(.is-empty){min-height:0;max-height:none}.chest-top-drops{max-height:48vh}}
.chest-controls-panel .chest-controls .chest-reset{font-size:12px;line-height:1.2}

/* Soft entrance for all site dialogs. */
@keyframes siteDialogFadeIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes siteBackdropFadeIn{from{opacity:0}to{opacity:1}}
dialog[open]{animation:siteDialogFadeIn .2s ease-out both}
dialog[open]::backdrop{animation:siteBackdropFadeIn .18s ease-out both}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop{animation:none}}




/* Persistent rarity cues for gold and orange equipment. */
.twilight-item.twilight-item-gold{border-color:#d6aa38!important;background:linear-gradient(145deg,#2b2619,#191c28 72%)!important;box-shadow:inset 0 0 0 1px #d6aa3826,0 0 12px #d6aa3818!important}.twilight-item.twilight-item-orange{border-color:#d96b36!important;background:linear-gradient(145deg,#302018,#191c28 72%)!important;box-shadow:inset 0 0 0 1px #f0783a30,0 0 14px #f0783a20!important}.twilight-item.twilight-item-gold:hover,.twilight-item.twilight-item-gold.selected{border-color:#ffd35d!important;box-shadow:inset 0 0 0 1px #ffd35d66,0 0 0 1px #ffd35d55,0 0 18px #ffd35d32!important}.twilight-item.twilight-item-orange:hover,.twilight-item.twilight-item-orange.selected{border-color:#ff9b55!important;box-shadow:inset 0 0 0 1px #ff9b5566,0 0 0 1px #ff9b5555,0 0 18px #ff9b5538!important}

/* Симулятор заточки */
.refine-card{background:linear-gradient(135deg,#18212a,#191c28 55%,#241b25)!important;border-color:#3b3944!important}
.refine-card:before{background:linear-gradient(110deg,#121922c9,#17192355)!important}
.refine-card:hover{background:linear-gradient(135deg,#202a35,#222331 55%,#30202a)!important}
.refine-card-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border:1px solid #c58e5d;border-radius:14px;background:linear-gradient(145deg,#51402d,#211d1d);color:#f0c17e;font-size:36px;font-weight:400;line-height:1}
.refine-dialog{width:min(1080px,calc(100vw - 24px));max-width:1080px;max-height:min(94vh,1000px);padding:0;border:1px solid #3c414d;border-radius:20px;background:#101117;color:#f1f1f4;box-shadow:0 28px 100px #000c;overflow:hidden}
.refine-dialog::backdrop{background:#06070bdc;backdrop-filter:blur(6px)}
.refine-window{position:relative;max-height:min(94vh,1000px);overflow:auto;padding:27px clamp(16px,3vw,32px) 24px;background:radial-gradient(ellipse at 70% -35%,#e29a7218,transparent 60%),#101117}
.refine-close{position:absolute;top:16px;right:17px;width:36px;height:36px;border:1px solid #363943;border-radius:50%;background:#20232d;color:#ddd;font-size:24px;line-height:1;cursor:pointer;transition:background .18s,color .18s}
.refine-close:hover{background:var(--accent);color:white}
.refine-kicker{color:#e29a72;font-size:10px;font-weight:800;letter-spacing:.14em}
.refine-window>h2{margin:7px 46px 5px 0;font-size:clamp(22px,3vw,30px);letter-spacing:-.025em}
.refine-intro{margin:0;color:#a9adba;font-size:13px;line-height:1.55}
.refine-layout{display:grid;grid-template-columns:minmax(290px,.88fr) minmax(360px,1.12fr);align-items:start;gap:14px;margin-top:19px}
.refine-controls,.refine-results{display:grid;gap:12px;min-width:0}
.refine-card-panel{min-width:0;padding:15px;border:1px solid #2d313c;border-radius:14px;background:#171a23}
.refine-card-panel h3{margin:0 0 12px;font-size:15px}
.refine-field{display:grid;gap:6px;margin:10px 0;color:#c8cad2;font-size:12px;font-weight:650}
.refine-field input,.refine-field select{width:100%;min-height:40px;padding:8px 11px;border:1px solid #393d48;border-radius:9px;outline:none;background:#101218;color:#f1f1f4;font:inherit;font-size:13px}
.refine-field input:focus,.refine-field select:focus{border-color:#c58e5d;box-shadow:0 0 0 3px #c58e5d25}
.refine-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.refine-input-pair .refine-field{min-width:0}
.refine-aid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:250px;overflow:auto;padding:2px 3px 3px}
.refine-aid{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #30343e;border-radius:9px;background:#12151d;color:#dedfe4;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.refine-aid:hover,.refine-aid.active{border-color:#aa795b;background:#25212a}
.refine-aid-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid var(--aid-color);border-radius:7px;background:color-mix(in srgb,var(--aid-color) 14%,#11131a);color:var(--aid-color);font-size:11px;font-weight:850}
.refine-aid-copy{display:grid;gap:2px;min-width:0}
.refine-aid-copy strong{overflow:hidden;color:#eeeef1;font-size:10px;line-height:1.25;text-overflow:ellipsis}
.refine-aid-copy small{display:none;overflow:hidden;color:#9297a4;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.refine-price-field{margin:9px 0 0}
.refine-price-field[hidden]{display:none}
.refine-hint{margin:8px 0 0;color:#858b99;font-size:10px;line-height:1.45}
.refine-action-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid #2d313c;border-radius:14px;background:#171a23}
.refine-roll,.refine-stop,.refine-reset{min-height:42px;padding:9px 11px;border:1px solid #bd3449;border-radius:10px;background:linear-gradient(135deg,#8e2638,#541d2b);color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:filter .15s,border-color .15s}
.refine-roll:hover,.refine-stop:hover,.refine-reset:hover{filter:brightness(1.18)}
.refine-roll:disabled{opacity:.45;cursor:not-allowed;filter:none}
.refine-roll.secondary{border-color:#584436;background:#29232a;color:#f0c99b}
.refine-stop{grid-column:1/-1;border-color:#655247;background:#29232a;color:#f0c99b}
.refine-reset{grid-column:1/-1;border-color:#3a3e49;background:#20232d;color:#d1d3db}
.refine-status-panel{padding:18px}
.refine-status-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.refine-status-top>div:first-child{display:grid;gap:4px;min-width:0}
.refine-small-label{color:#8b91a0;font-size:9px;font-weight:800;letter-spacing:.12em}
#refineResultName{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.refine-current-level{display:grid;place-items:center;min-width:66px;height:58px;padding:0 10px;border:1px solid #9b744f;border-radius:13px;background:linear-gradient(145deg,#352b25,#1c1a1d);color:#f4c781;font-size:26px;font-weight:850}
.refine-progress{height:7px;margin:14px 0;border-radius:99px;background:#0e1016;overflow:hidden}
.refine-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c58e5d,#f0c17e);transition:width .18s}
.refine-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.refine-stat-grid>div{display:grid;gap:6px;min-width:0;padding:9px;border:1px solid #2b2f39;border-radius:9px;background:#13161e}
.refine-stat-grid span{color:#989daa;font-size:9px}
.refine-stat-grid strong{overflow:hidden;color:#f0c17e;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.refine-odds{margin:13px 0 0;color:#c9cbd3;font-size:11px}
.refine-log-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.refine-log-heading h3{margin:0}
.refine-log-heading button{padding:5px 8px;border:1px solid #363a45;border-radius:7px;background:#20232d;color:#aeb2bd;font:inherit;font-size:10px;cursor:pointer}
.refine-log{display:grid;gap:6px;max-height:275px;overflow:auto;margin:12px 0 0;padding:0;list-style:none}
.refine-log-empty{padding:18px 8px;color:#8c92a0;text-align:center;font-size:12px}
.refine-log-entry{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid #2c303b;border-radius:9px;background:#13161e;font-size:10px}
.refine-log-entry.success{border-color:#285747}
.refine-log-entry.failure{border-color:#493442}
.refine-log-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#1d3c31;color:#72d7a9;font-weight:850}
.refine-log-entry.failure .refine-log-mark{background:#3c2730;color:#ee8793}
.refine-log-entry>span:nth-child(2){color:#c5c7cf;line-height:1.4}
.refine-log-entry strong{color:#f0c17e;font-size:11px}
.refine-chances summary{cursor:pointer;font-size:12px;font-weight:750}
.refine-chance-grid{display:grid;gap:4px;margin-top:12px}
.refine-chance-row{display:grid;grid-template-columns:34px repeat(4,minmax(0,1fr));gap:5px;padding:6px 7px;border-radius:7px;background:#13161e;font-size:9px}
.refine-chance-row.header{background:#242733;color:#aeb2bd;font-weight:700}
.refine-chance-row span:first-child{color:#f0c17e}
.refine-chance-row strong{font-weight:600;text-align:center}
.refine-chances>p{margin:9px 0 0;color:#858b99;font-size:9px;line-height:1.45}
@media(max-width:760px){.refine-layout{grid-template-columns:1fr}.refine-aid-grid{max-height:190px}.refine-log{max-height:210px}}
@media(max-width:480px){.refine-window{padding:22px 13px 16px}.refine-layout{gap:9px;margin-top:14px}.refine-card-panel{padding:12px}.refine-aid-grid{grid-template-columns:1fr 1fr;gap:5px}.refine-aid{padding:6px}.refine-aid-icon{flex-basis:27px;width:27px;height:27px}.refine-aid-copy strong{font-size:9px}.refine-aid-copy small{font-size:8px}.refine-stat-grid{grid-template-columns:repeat(2,1fr)}.refine-chance-row{grid-template-columns:26px repeat(4,minmax(0,1fr));gap:2px;padding:6px 4px;font-size:8px}.refine-action-panel{gap:6px;padding:9px}.refine-roll,.refine-stop,.refine-reset{font-size:10px}}
@media(prefers-reduced-motion:reduce){.refine-close,.refine-aid,.refine-roll,.refine-stop,.refine-reset,.refine-progress span{transition:none}}

.useful-card[style*="--useful-card-bg"]{background-image:linear-gradient(90deg,#111318ed 0%,#111318c9 54%,#11131870 100%),var(--useful-card-bg)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.useful-card[style*="--useful-card-bg"]:before{background:linear-gradient(0deg,#111318bb,transparent 74%)!important}.useful-admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.useful-admin-card{min-width:0;padding:14px;border:1px solid #30333d;border-radius:13px;background:#15171e}.useful-admin-card>.check-field{margin:0 0 12px}.useful-admin-image{display:grid;gap:9px}.useful-admin-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border:1px solid #363943;border-radius:10px;background:linear-gradient(135deg,#242731,#111318);color:#9ba0ad;text-align:center;font-size:11px}.useful-admin-preview img{width:100%;height:100%;object-fit:cover}.useful-admin-preview:after{position:absolute;inset:0;display:flex;align-items:end;padding:12px;background:linear-gradient(90deg,#111318df,#11131866),linear-gradient(0deg,#111318a8,transparent 70%);color:#fff;font-size:12px;font-weight:800;text-align:left;content:attr(data-title)}.useful-admin-image-actions{display:flex;flex-wrap:wrap;gap:7px}.useful-admin-image-actions .btn{font-size:11px}.useful-admin-card .help-text{display:block;margin-top:8px}.useful-cards-admin>form>.btn{margin-top:4px}@media(max-width:800px){.useful-admin-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.useful-admin-card-grid{grid-template-columns:1fr}.useful-admin-card{padding:11px}}
.useful-admin-preview.useful-card{width:min(100%,305px);aspect-ratio:1.28;min-height:0!important;padding:15px!important;align-items:flex-end!important;text-align:left;cursor:default}.useful-admin-preview:after{display:none}.useful-admin-preview .useful-card-copy{max-width:calc(100% - 25px)}.useful-admin-preview .useful-card-copy strong{font-size:19px}.useful-admin-preview .useful-card-copy>span{font-size:14px}.useful-admin-preview .useful-card-arrow{top:15px;right:17px}
.useful-admin-preview.useful-card{display:flex!important;gap:14px!important}
.refine-card .useful-card-copy{width:100%;max-width:100%!important}
.refine-chances{overflow-x:auto}.refine-chance-row{grid-template-columns:48px repeat(4,minmax(64px,1fr));min-width:432px}.refine-chance-row.header span{white-space:normal;text-align:center}.refine-chance-row.header span:first-child{text-align:left}
.refine-chances{min-width:0}.refine-chances #refineChanceGrid{min-width:360px}.refine-chance-row.header{font-size:8px}

.refine-aid-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.refine-item-tooltip{position:absolute;z-index:40;width:min(420px,calc(100% - 24px));padding:10px 12px;border:1px solid #a88958;border-radius:6px;background:linear-gradient(160deg,#171511f7,#0b0c0df7);box-shadow:0 8px 28px #000c;pointer-events:none}.refine-item-tooltip strong{display:block;margin-bottom:5px;color:#efbd75;font-size:14px;line-height:1.3}.refine-item-tooltip small{display:block;color:#e5e2da;font-size:12px;line-height:1.45;white-space:pre-line}.refine-item-tooltip[hidden]{display:none!important}

.dragon-egg-label{display:flex;align-items:center;gap:7px}.dragon-egg-label img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}

.dragon-drop-rates{margin-top:10px;padding:9px 10px;border:1px solid #2c303b;border-radius:9px;background:#13161e;color:#aeb2bd;font-size:10px;line-height:1.65}.dragon-drop-rates summary{color:#e5c17b;font-size:11px;font-weight:700;cursor:pointer}.dragon-drop-rates div{margin-top:3px}

/* Dragon ball calculator dialog */
.dragon-dialog[open]{display:block;position:fixed;inset:0;margin:auto;width:min(1080px,calc(100vw - 24px));max-width:1080px;height:max-content;max-height:94vh;padding:0;border:1px solid #3c414d;border-radius:20px;background:#101117;color:#f1f1f4;box-shadow:0 28px 100px #000c;overflow:hidden;box-sizing:border-box}
.dragon-dialog::backdrop{background:#06070bdc;backdrop-filter:blur(6px)}
.dragon-window{position:relative;max-height:94vh;overflow:auto;padding:27px clamp(16px,3vw,32px) 24px;background:radial-gradient(ellipse at 70% -35%,#e2c17218,transparent 60%),#101117;box-sizing:border-box}
.dragon-close{position:absolute;top:16px;right:17px;width:36px;height:36px;border:1px solid #363943;border-radius:50%;background:#20232d;color:#ddd;font-size:24px;line-height:1;cursor:pointer}
.dragon-kicker{color:#e2bf72;font-size:10px;font-weight:800;letter-spacing:.14em}.dragon-window>h2{margin:7px 46px 5px 0;font-size:clamp(22px,3vw,30px)}.dragon-intro{margin:0;color:#a9adba;font-size:13px;line-height:1.55}
.dragon-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:14px;margin-top:18px;align-items:start}.dragon-panel{min-width:0;padding:15px;border:1px solid #2d313c;border-radius:14px;background:#171a23;box-sizing:border-box}.dragon-panel h3{margin:0 0 12px;font-size:15px}.dragon-target-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dragon-target-controls label,.dragon-price-field{display:grid;gap:6px;color:#c8cad2;font-size:12px;font-weight:650}.dragon-target-controls input,.dragon-target-controls select,.dragon-price-field input,.dragon-owned-item input{width:100%;min-height:38px;padding:7px 10px;border:1px solid #393d48;border-radius:9px;background:#101218;color:#f1f1f4;font:inherit;box-sizing:border-box}.dragon-owned-title{margin-top:17px!important}.dragon-owned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dragon-owned-item{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:5px 7px;min-width:0;padding:6px;border:1px solid #30343e;border-radius:9px;background:#12151d;color:#c8cad2;font-size:10px;box-sizing:border-box}.dragon-owned-item img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.dragon-owned-item input{grid-column:1/-1;min-height:30px;padding:4px 7px;font-size:11px}.dragon-clear{margin-top:10px;padding:7px 10px;border:1px solid #3a3e49;border-radius:8px;background:#20232d;color:#c8cad2;font:inherit;font-size:11px;cursor:pointer}.dragon-results{display:grid;align-content:start;gap:12px}.dragon-materials{display:grid;gap:6px}.dragon-result-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid #2c303b;border-radius:8px;background:#13161e;font-size:12px}.dragon-result-row img{width:27px;height:27px;object-fit:contain;image-rendering:pixelated}.dragon-result-row strong{color:#e8c27b}.dragon-empty{color:#9ca1ae;font-size:12px}.dragon-inventory-used{display:grid;gap:4px;margin-top:10px;color:#9ca1ae;font-size:10px}.dragon-used-heading{margin-bottom:2px;color:#c7cad3;font-weight:700}.dragon-price-field{margin:9px 0}.dragon-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.dragon-cost-grid>div{display:grid;gap:5px;min-width:0;padding:9px;border:1px solid #2b2f39;border-radius:9px;background:#13161e}.dragon-cost-grid span,.dragon-cost-grid small{color:#989daa;font-size:10px}.dragon-cost-grid strong{color:#f0c17e;font-size:13px}.dragon-cost-hint{margin:10px 0 0;color:#d4d6dd;font-size:11px;line-height:1.5}.dragon-disclaimer,.dragon-save-note{margin:8px 0 0;color:#858b99;font-size:10px;line-height:1.45}.dragon-save-note{margin-top:12px}.dragon-egg-label{display:flex;align-items:center;gap:7px}.dragon-egg-label img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.dragon-drop-rates{margin-top:10px;padding:9px 10px;border:1px solid #2c303b;border-radius:9px;background:#13161e;color:#aeb2bd;font-size:10px;line-height:1.65}.dragon-drop-rates summary{color:#e5c17b;font-size:11px;font-weight:700;cursor:pointer}.dragon-drop-rates div{margin-top:3px}
.dragon-ball-card{background:linear-gradient(135deg,#17241f,#1c202b 58%,#29231d)!important;border-color:#4c493b!important}.dragon-ball-card:before{background:linear-gradient(110deg,#101915bd,#17192355)!important}
@media(max-width:760px){.dragon-dialog[open]{width:calc(100vw - 16px);max-height:96vh}.dragon-window{max-height:96vh;padding:22px 14px 18px}.dragon-layout{grid-template-columns:1fr}.dragon-owned-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:460px){.dragon-owned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dragon-cost-grid{grid-template-columns:1fr 1fr}.dragon-result-row{font-size:11px}}

.dragon-goal-summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #937544;border-radius:9px;background:#28231a;color:#f2d18c;font-size:12px;font-weight:700}.dragon-goal-summary img{width:27px;height:27px;object-fit:contain;image-rendering:pixelated}.dragon-breakdown-label{margin:14px 0 7px;color:#aeb2bd;font-size:11px;font-weight:700}

.dragon-goal-summary>span:only-child{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}

@media(max-width:520px){.refine-item-tooltip{width:min(340px,calc(100% - 20px))}.refine-item-tooltip small{font-size:11px}}

/* Unified Useful card backgrounds: admin image, fallback, and hover fade */
.twilight-card{--useful-default-bg:linear-gradient(135deg,#17191f,#111318 58%,#21191d)}.chest-card{--useful-default-bg:linear-gradient(135deg,#17191f,#111318 58%,#21191d)}.refine-card{--useful-default-bg:linear-gradient(135deg,#18212a,#191c28 55%,#241b25)}.dragon-ball-card{--useful-default-bg:linear-gradient(135deg,#17241f,#1c202b 58%,#29231d)}
.useful-cards .useful-card,.useful-cards .useful-card:hover,.useful-cards .useful-card:focus-visible,.useful-admin-preview.useful-card,.useful-admin-preview.useful-card:hover{background-color:#111318!important;background-image:var(--useful-card-bg,var(--useful-default-bg,linear-gradient(135deg,#1c202a,#111318)))!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s!important}
.useful-cards .useful-card:before,.useful-admin-preview.useful-card:before{content:"";position:absolute;z-index:0;inset:0;display:block!important;background:linear-gradient(90deg,#101116d9 0%,#101116a8 56%,#10111670 100%),linear-gradient(0deg,#101116c7 0%,#10111622 78%)!important;opacity:.82;transition:opacity .24s ease!important;pointer-events:none}
.useful-cards .useful-card:hover:before,.useful-cards .useful-card:focus-visible:before,.useful-admin-preview.useful-card:hover:before{opacity:1}
.useful-cards .useful-card .useful-card-copy,.useful-cards .useful-card .useful-card-arrow,.useful-cards .useful-card>.useful-card-icon,.useful-admin-preview.useful-card .useful-card-copy,.useful-admin-preview.useful-card .useful-card-arrow{position:relative;z-index:1}
.useful-cards .useful-card:after,.useful-admin-preview.useful-card:after{display:none!important}

/* Admin useful-card background preview */
.useful-admin-preview{isolation:isolate}.useful-admin-preview-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.useful-admin-preview.useful-card:before{z-index:1!important}.useful-admin-preview.useful-card .useful-card-copy,.useful-admin-preview.useful-card .useful-card-arrow,.useful-admin-preview.useful-card>.useful-card-icon{z-index:2!important}

/* Chest simulator mobile button labels */
@media(max-width:620px){.chest-controls .chest-open,.chest-controls .chest-reset{box-sizing:border-box;min-width:0;max-width:100%;padding-inline:6px;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.2;font-size:clamp(10px,3.1vw,12px);text-align:center}}

/* Treatise calculator */
.treatise-card{--useful-default-bg:linear-gradient(125deg,#15161b,#21191d 58%,#32171d)}
.treatise-card .useful-card-copy{max-width:100%!important}

.treatise-dialog{width:min(1120px,calc(100vw - 24px));max-width:none;max-height:92dvh;padding:0;overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 27%,#353943);border-radius:20px;background:#101116;color:var(--text);box-shadow:0 24px 90px #000b}
.treatise-dialog::backdrop{background:#05060bd9;backdrop-filter:blur(6px)}
.treatise-window{position:relative;padding:28px 30px 24px;background:radial-gradient(ellipse at 50% -24%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%)}
.treatise-close{position:absolute;top:17px;right:18px;width:38px;height:38px;border:1px solid #363943;border-radius:50%;background:#1b1d26;color:#e8e8ee;font-size:24px;line-height:1;cursor:pointer;transition:border-color .16s,background .16s}
.treatise-close:hover{border-color:var(--accent);background:var(--accent);color:#fff}
.treatise-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}
.treatise-window>h2{margin:7px 48px 5px 0;font-size:clamp(22px,3vw,30px);letter-spacing:-.025em}
.treatise-intro{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.treatise-layout{display:grid;grid-template-columns:minmax(270px,.86fr) minmax(360px,1.14fr);gap:15px;margin-top:18px;align-items:start}
.treatise-picker,.treatise-results{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#111318}
.treatise-search-label,.treatise-quantity label{display:block;margin-bottom:6px;color:#c8cad2;font-size:11px;font-weight:700}
.treatise-picker input,.treatise-quantity input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #393d48;border-radius:9px;background:#0d0e12;color:var(--text);font:inherit;box-sizing:border-box}
.treatise-picker input:focus,.treatise-quantity input:focus{outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}
.treatise-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:11px 0}
.treatise-levels button{min-height:34px;border:1px solid #343743;border-radius:9px;background:#14161d;color:#c2c4cd;font:inherit;font-size:12px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.treatise-levels button:hover,.treatise-levels button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#14161d);color:#fff}
.treatise-list{display:grid;gap:6px;max-height:53dvh;overflow:auto;padding:1px 4px 1px 1px}
.treatise-option{display:grid;grid-template-columns:36px minmax(0,1fr) 25px;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #2b2e38;border-radius:10px;background:#12141b;color:#eff0f4;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.treatise-option:hover,.treatise-option.active{border-color:color-mix(in srgb,var(--accent) 70%,#292d3b);background:color-mix(in srgb,var(--accent) 10%,#12141b);transform:translateY(-1px)}
.treatise-icon{display:block;width:36px;height:36px;object-fit:contain}
.treatise-option-copy{display:grid;gap:3px;min-width:0}
.treatise-option-copy strong{font-size:11px;line-height:1.35}
.treatise-option-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.treatise-level-badge{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#24262e;color:#d7d8de;font-size:10px;font-weight:800}
.treatise-empty{margin:0;padding:16px 10px;color:#9ca1ae;font-size:12px;line-height:1.5}
.treatise-quantity{max-width:190px;margin-bottom:10px}
.treatise-selected{min-height:54px;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,#111318)}
.treatise-target{display:flex;align-items:center;gap:9px}
.treatise-target .treatise-icon{width:42px;height:42px}
.treatise-target div{display:grid;gap:4px;min-width:0}
.treatise-target strong{font-size:13px}
.treatise-target small{color:color-mix(in srgb,var(--accent) 42%,#eeeef3);font-size:10px;line-height:1.4}
.treatise-tree-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:15px}
.treatise-tree-heading h3,.treatise-materials-panel h3{margin:0;font-size:14px}
.treatise-tree-heading span{color:#9297a5;font-size:9px}
.treatise-tree{display:grid;gap:7px;max-height:39dvh;overflow:auto;margin-top:8px;padding-right:4px}
.treatise-tier{padding:8px;border:1px solid var(--line);border-radius:10px;background:#12141a}
.treatise-tier h4{margin:0 0 6px;color:color-mix(in srgb,var(--accent) 52%,#f5f5f7);font-size:10px;letter-spacing:.04em}
.treatise-tier-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px}
.treatise-tree-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:5px;border-radius:7px;background:#191b22;font-size:9px;line-height:1.3}
.treatise-tree-item .treatise-icon{width:26px;height:26px}
.treatise-tree-item span{overflow-wrap:anywhere}
.treatise-tree-item b{color:color-mix(in srgb,var(--accent) 40%,#f5f5f7);white-space:nowrap;font-size:9px}
.treatise-materials-panel{margin-top:11px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#111318}
.treatise-materials-panel h3{display:flex;align-items:center;min-height:24px;margin:0;color:#f2f2f5;font-size:14px;line-height:1.3}
.treatise-materials-help{margin:3px 0 11px;color:var(--muted);font-size:10px;line-height:1.4}
.treatise-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.treatise-material{display:grid;gap:9px;min-width:0;padding:9px;border:1px solid #2b2e38;border-radius:9px;background:#171920;color:#c8cad2;font-size:10px;line-height:1.3}
.treatise-material-top{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}
.treatise-material-top img{width:26px;height:26px;object-fit:contain}
.treatise-material-top>span{min-width:0}
.treatise-material-top strong{color:#f0f0f3;white-space:nowrap;font-size:10px}
.treatise-price-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;color:var(--muted);font-size:10px}
.treatise-price-control{display:flex;align-items:center;gap:5px}
.treatise-price-control input{width:90px;min-height:34px;padding:6px 8px;border:1px solid #393d48;border-radius:8px;outline:none;background:#0d0e12;color:var(--text);font:inherit;font-size:12px;text-align:right;box-shadow:inset 0 1px #ffffff08;transition:border-color .16s,box-shadow .16s}
.treatise-price-control input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.treatise-price-control small{color:var(--muted);font-size:9px}
.treatise-material-subtotal{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;border-top:1px solid #292c35;color:var(--muted);font-size:10px}
.treatise-material-subtotal b{color:#dfe0e5;font-weight:650;white-space:nowrap}
.treatise-total-cost{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,#111318);font-size:12px;font-weight:700}
.treatise-total-cost strong{color:var(--accent);font-size:14px;white-space:nowrap}
.treatise-count{margin:2px 1px 6px;color:var(--muted);font-size:10px}
@media(max-width:760px){.treatise-dialog{width:calc(100vw - 12px);max-height:96dvh;border-radius:15px}.treatise-window{padding:22px 13px 16px}.treatise-layout{grid-template-columns:1fr;gap:9px;margin-top:13px}.treatise-picker,.treatise-results{padding:10px}.treatise-list{max-height:26dvh}.treatise-tree{max-height:30dvh}.treatise-tier-items{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.treatise-tree-heading span{max-width:130px;text-align:right}}
@media(max-width:390px){.treatise-materials{grid-template-columns:1fr}.treatise-option{grid-template-columns:32px minmax(0,1fr) 22px;gap:6px;padding:6px}.treatise-option .treatise-icon{width:32px;height:32px}.treatise-tier-items{grid-template-columns:1fr}}
.treatise-quantity label:not(:first-child){margin-top:9px}
.treatise-quantity input:focus,.treatise-stock-label input:focus,.treatise-tree-item input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.treatise-target{flex-wrap:wrap}
.treatise-target-plan{display:flex!important;flex:1 1 100%;flex-direction:column;gap:3px;margin-left:51px;color:var(--muted);font-size:10px}
.treatise-target-plan b{color:var(--accent);font-size:11px}
.treatise-tree-item{grid-template-columns:26px minmax(0,1fr) auto}
.treatise-tree-item span{display:grid;gap:3px}
.treatise-tree-item .treatise-stock-note{color:var(--muted);font-size:8px}
.treatise-tree-item input,.treatise-stock-label input{width:100%;min-width:0;min-height:28px;padding:4px 6px;border:1px solid #393d48;border-radius:7px;background:#101218;color:#f1f1f4;font:inherit;font-size:10px;box-sizing:border-box}
.treatise-material-top strong{display:grid;gap:2px;text-align:right}
.treatise-material-top strong small{color:var(--muted);font-size:8px;font-weight:500}
.treatise-stock-label{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:8px;margin:8px 0;color:var(--muted);font-size:10px}
.treatise-materials-help{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.treatise-stock-control{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px;vertical-align:middle;white-space:nowrap}
.treatise-stock-control button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #41434e;border-radius:7px;background:#20222b;color:#f1eff6;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.treatise-stock-control button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#20222b)}
.treatise-stock-control button:active{transform:scale(.92)}
.treatise-stock-control button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.treatise-stock-control output{display:inline-grid;place-items:center;min-width:30px;color:var(--text);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.treatise-target-plan>span{display:flex;align-items:center;gap:7px}
.treatise-tree-item{grid-template-columns:26px minmax(0,1fr)}
.treatise-stock-inline{display:flex!important;align-items:center;gap:5px;color:var(--muted);font-size:8px}
.treatise-stock-inline .treatise-stock-control{gap:3px}
.treatise-stock-inline .treatise-stock-control button{width:19px;height:19px;border-radius:6px;font-size:13px}
.treatise-stock-inline .treatise-stock-control output{min-width:24px;font-size:9px}
.treatise-stock-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;color:var(--muted);font-size:10px}
@media(max-width:600px){
  .treatise-materials{grid-template-columns:1fr}
  .treatise-material{min-width:0}
  .treatise-price-label{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}
  .treatise-price-control input{width:clamp(90px,30vw,140px)}
  .treatise-tree-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .treatise-tree-heading span{max-width:none!important;text-align:left!important}
  .treatise-materials-help{font-size:11px}
}
.treatise-tree{max-height:none;overflow:visible}
.treatise-tree-item{min-height:90px;align-items:center}
.treatise-tree-item>span{align-self:stretch;grid-template-rows:minmax(2.3em,auto) auto auto;align-content:start;gap:3px}
.treatise-tree-item>span>strong{display:-webkit-box;overflow:hidden;min-height:2.3em;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.treatise-tree-item .treatise-stock-note{line-height:1.3}
.treatise-tree-item .treatise-stock-inline{min-height:23px}
.treatise-materials-panel{padding:16px}
.treatise-materials-help{margin:8px 0 12px;padding:0 2px}
.treatise-tree-heading{margin-top:10px}
.treatise-tree-item{min-height:0;grid-template-columns:30px minmax(0,1fr);align-items:center;padding:8px;gap:7px;text-align:left}
.treatise-tree-item>span{display:flex;align-self:center;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0}
.treatise-tree-item>span>strong{display:-webkit-box;min-height:2.3em;overflow:hidden;text-align:left!important;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.treatise-tree-item .treatise-stock-note{display:block;min-height:0}
.treatise-tree-item .treatise-stock-inline{min-height:0}
.treatise-target{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:4px 9px}
.treatise-target-plan{grid-column:2;margin-left:0}
@media(max-width:760px){.treatise-tree{max-height:none;overflow:visible}}

/* Search landing page links */
.useful-seo-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.useful-seo-links a{display:inline-flex;padding:8px 11px;border:1px solid #30333d;border-radius:9px;background:#15171e;color:#d9dbe2;font-size:12px;text-decoration:none}.useful-seo-links a:hover{border-color:#e52b43;color:#fff}


/* Titles guide */
.titles-card .useful-card-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #68513e;border-radius:12px;background:#20191b}.titles-card .useful-card-icon img{display:block;width:34px;height:34px;object-fit:contain}
.titles-dialog{width:min(1040px,calc(100vw - 28px));max-width:none;max-height:min(92vh,1050px);padding:0;overflow:hidden;border:1px solid #363a46;border-radius:22px;background:#111218;color:#f0f1f4;box-shadow:0 28px 100px #000c}.titles-dialog::backdrop{background:#050609d9;backdrop-filter:blur(7px)}.titles-window{position:relative;max-height:min(92vh,1050px);overflow:auto;padding:clamp(18px,3vw,34px)}.titles-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid #383c48;border-radius:50%;background:#20232d;color:#eee;font-size:27px;cursor:pointer}.titles-close:hover{border-color:#e52b43;background:#332028}.titles-kicker{color:#f09b6c;font-size:11px;font-weight:800;letter-spacing:.15em}.titles-window h2{margin:12px 58px 8px 0;font-size:clamp(26px,4vw,38px);line-height:1.15}.titles-intro{max-width:760px;margin:0;color:#b7bbc6;line-height:1.55}.titles-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:12px;margin:22px 0 10px}.titles-server-switch{display:flex;gap:4px;padding:4px;border:1px solid #303440;border-radius:12px;background:#191b24}.titles-server-switch button{min-height:40px;padding:8px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b8bdc8;font-weight:700;cursor:pointer}.titles-server-switch button.active{border-color:#ed3c52;background:#38212b;color:white}.titles-search-wrap input{width:100%;height:50px;padding:0 15px;border:1px solid #363a46;border-radius:12px;background:#101116;color:#f1f1f4;font:inherit}.titles-summary{margin:0 0 12px;color:#aeb4c1;font-size:13px}.titles-list{display:grid;gap:10px}.titles-chain{overflow:hidden;border:1px solid #303440;border-radius:15px;background:#191b24}.titles-chain>summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;cursor:pointer;list-style:none}.titles-chain>summary::-webkit-details-marker,.titles-entry>summary::-webkit-details-marker{display:none}.titles-chain>summary:after{content:'⌄';margin-left:auto;color:#aeb4c1;font-size:20px;transition:transform .2s}.titles-chain[open]>summary:after{transform:rotate(180deg)}.titles-chain-number{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #664750;border-radius:9px;background:#2d2028;color:#ffb17d;font-size:13px;font-weight:800}.titles-chain-name{font-weight:750}.titles-chain-count{margin-left:auto;padding:4px 9px;border-radius:20px;background:#252833;color:#c6cad4;font-size:12px}.titles-chain-items{display:grid;gap:7px;padding:0 12px 12px}.titles-entry{overflow:visible;border:1px solid #303440;border-radius:11px;background:#12141b}.titles-entry>summary{display:flex;align-items:center;gap:10px;min-height:53px;padding:8px 12px;cursor:pointer;list-style:none}.titles-entry-icon{width:34px;height:34px;flex:0 0 34px;object-fit:contain;border:1px solid #454854;border-radius:7px;background:#090a0d}.titles-entry-name{font-weight:700}.titles-entry-bonus{margin-left:auto;color:#f0ba78;font-size:12px;text-align:right}.titles-entry-step .titles-entry-name{color:#abb3c3;font-weight:600}.titles-entry-body{display:grid;gap:10px;padding:0 16px 15px 56px;color:#d3d5dc;line-height:1.55}.titles-entry-quest{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.titles-entry-quest>span{color:#9298a6;font-size:12px}.titles-entry-quest a,.titles-entry-hint a{color:#f4bd77;font-weight:700;text-decoration:none}.titles-entry-quest a:hover,.titles-entry-hint a:hover{text-decoration:underline}.titles-entry-instructions{white-space:normal}.titles-entry-instructions a{color:#d7a95f}.titles-entry-icons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.titles-entry-icons img{width:28px;height:28px;object-fit:contain;border:1px solid #414551;border-radius:5px;background:#090a0d}.titles-entry-hint{display:flex;align-items:flex-start;gap:8px;color:#aeb4c1}.titles-entry-hint p{margin:5px 0 0;color:#b8bdc7;font-size:13px}.title-coordinate{display:inline-block;margin:0 2px;padding:1px 6px;border:1px solid #755b37;border-radius:6px;background:#2b241a;color:#ffcf83;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}.title-coordinate:hover{border-color:#f4bc70;background:#3b2c1b}.titles-loading,.titles-empty{padding:24px;border:1px dashed #343844;border-radius:13px;color:#aab0bd;text-align:center}.titles-source-note{margin:14px 0 0;color:#7f8490;font-size:11px;line-height:1.5}.titles-toast{position:sticky;z-index:2;bottom:12px;width:max-content;max-width:100%;margin:10px auto 0;padding:10px 15px;border:1px solid #e0a95f;border-radius:10px;background:#342719;color:#ffe2ad;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s}.titles-toast.visible{opacity:1;transform:translateY(0)}
/* Titles administration */
.titles-admin-toolbar{display:grid;grid-template-columns:auto minmax(190px,1fr) auto;gap:10px;align-items:center;margin:16px 0}.titles-admin-toolbar>input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid #363a46;border-radius:9px;background:#101116;color:#f1f1f4}.titles-admin-status{margin:8px 0 12px;padding:9px 12px;border:1px solid #303440;border-radius:9px;background:#151720;color:#b7bdc9;font-size:13px}.titles-admin-status.success{border-color:#315a49;color:#a8e2c5}.titles-admin-status.error{border-color:#754149;color:#ffb2bc}.titles-admin-list{display:grid;gap:8px}.titles-admin-chain{overflow:hidden;border:1px solid #303440;border-radius:12px;background:#151720}.titles-admin-chain>summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;font-weight:750;list-style:none}.titles-admin-chain>summary::-webkit-details-marker,.titles-admin-entry>summary::-webkit-details-marker{display:none}.titles-admin-chain>summary:after{content:'⌄';margin-left:auto}.titles-admin-chain>summary small{color:#9298a5;font-size:11px;font-weight:500}.titles-admin-chain-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 12px}.titles-admin-chain-controls label,.titles-admin-entry-fields>.check-field{display:flex;align-items:center;gap:8px;color:#c5cad4;font-size:13px}.titles-admin-chain-controls input,.titles-admin-entry-fields input[type=checkbox]{width:auto}.titles-admin-entries{display:grid;gap:6px;padding:0 9px 10px}.titles-admin-entry{border:1px solid #303440;border-radius:9px;background:#101218}.titles-admin-entry>summary{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 10px;cursor:pointer;list-style:none}.titles-admin-entry>summary img{width:27px;height:27px;object-fit:contain;border:1px solid #434754;border-radius:5px;background:#090a0e}.titles-admin-entry>summary span:first-of-type{font-size:13px;font-weight:650}.titles-admin-entry>summary small{margin-left:auto;color:#828896;font-size:10px}.titles-admin-entry-fields{padding:10px 12px 12px;border-top:1px solid #2a2e39}.titles-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.titles-admin-form-grid label{display:grid;gap:5px;color:#b9bfcc;font-size:11px;font-weight:650}.titles-admin-form-grid label.wide{grid-column:1/-1}.titles-admin-form-grid input,.titles-admin-form-grid textarea{width:100%;min-width:0;padding:8px 9px;border:1px solid #373b47;border-radius:8px;background:#0d0f14;color:#eee;font:inherit;font-size:12px;font-weight:400}.titles-admin-form-grid textarea{resize:vertical;line-height:1.45}.titles-admin-icon-preview{align-self:end}.titles-admin-icon-preview img{width:34px;height:34px;object-fit:contain}.titles-admin-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:#848a97;font-size:11px}.titles-admin-empty{padding:18px;color:#9ba1ae;text-align:center}
@media(max-width:640px){.titles-window{padding:16px 12px 20px}.titles-close{top:14px;right:12px;width:38px;height:38px}.titles-toolbar,.titles-admin-toolbar{grid-template-columns:1fr}.titles-server-switch{width:100%}.titles-server-switch button{flex:1}.titles-entry>summary{gap:7px;padding:7px}.titles-entry-body{padding:0 10px 12px}.titles-entry-bonus{font-size:10px}.titles-chain>summary{padding:10px}.titles-admin-form-grid{grid-template-columns:1fr}.titles-admin-form-grid label.wide{grid-column:auto}.titles-admin-entry-footer{align-items:flex-start;flex-direction:column}}
/* Titles guide: align with the site's graphite and ruby palette. */
.titles-card .useful-card-icon{display:none!important}
.titles-dialog{border-color:#292d39;background:linear-gradient(145deg,#171922,#101116);color:#f5f5f7}
.titles-close{border-color:#343844;background:#20232d}.titles-close:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#20232d)}
.titles-kicker{color:#f09b6c}.titles-toolbar{align-items:center}.titles-server-switch{border-color:#303440;background:#191b24}.titles-server-switch button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#191b24);color:#fff}
.titles-chain{border-color:#303440;background:#191b24}.titles-chain-number{border-color:#69404a;background:color-mix(in srgb,var(--accent) 14%,#191b24);color:#ffad83}.titles-chain-count{background:#252833;color:#c6cad4}
.titles-entry{border-color:#303440;background:#12141b}.titles-entry>summary{min-height:52px}.titles-entry>summary:after{content:'⌄';margin-left:6px;color:#9da3b1;font-size:17px;transition:transform .2s}.titles-entry[open]>summary:after{transform:rotate(180deg)}.titles-entry-name{color:#f0f1f4}.titles-entry-bonus{color:#f09b6c}.titles-entry-step .titles-entry-name{color:#c1c5d0}
.titles-entry-body{gap:13px;padding:3px 16px 17px 18px}.titles-entry-quest{padding:9px 11px;border:1px solid #303440;border-radius:9px;background:#191b24}.titles-entry-quest>span{color:#9da3b1}.titles-entry-quest a,.titles-entry-hint a,.title-database-link{color:#ff9b72}.titles-entry-instructions{padding:11px 12px;border:1px solid #2b2e38;border-radius:10px;background:#151720;color:#d5d7de}.titles-instruction-content{display:grid;gap:8px}.titles-instruction-content p{margin:0}.titles-instruction-callout{display:grid;gap:3px;padding:8px 10px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--accent) 10%,#151720)}.titles-instruction-callout strong{color:#ffad83;font-size:12px}.titles-instruction-step{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border:1px solid #292d38;border-radius:8px;background:#191b24}.titles-step-mark{flex:0 0 16px;color:#f09b6c;font-weight:900}.title-database-link{font-weight:650;text-decoration:underline;text-decoration-color:#ff9b7255;text-underline-offset:2px}.title-database-link:hover{color:#ffc09f;text-decoration-color:currentColor}.titles-entry-hint{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border:1px solid #303440;border-radius:10px;background:#191b24}.titles-entry-icons{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;margin:0}.titles-entry-icons img{width:34px;height:34px;border-color:#414551;border-radius:7px;background:#101116}.titles-entry-item-copy{min-width:0}.titles-entry-item-copy p{margin:5px 0 0;color:#b8bdc7;font-size:13px}.title-coordinate{border-color:#71414a;background:color-mix(in srgb,var(--accent) 14%,#191b24);color:#ffd0bd}.title-coordinate:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,#191b24)}.titles-toast{border-color:var(--accent);background:#251a20;color:#ffd8ce}
.titles-admin-entry>summary img{display:none!important}/* Titles chain accordion: make the disclosure action explicit and align counts. */
.titles-chain>summary{width:100%;min-width:0}
.titles-chain-name{flex:1 1 auto;min-width:0}
.titles-chain-count{display:inline-flex;flex:0 0 42px;align-items:center;justify-content:center;min-width:42px;margin-left:auto;text-align:center;font-variant-numeric:tabular-nums}
.titles-chain>summary:after{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:86px;margin-left:10px;padding:6px 9px;border:1px solid #414653;border-radius:8px;background:#222631;color:#d6dae3;font-size:12px;font-weight:700;line-height:1.2;content:'Показать цепочку ⌄';transform:none;transition:border-color .18s,background .18s,color .18s}
.titles-chain>summary:hover:after,.titles-chain>summary:focus-visible:after{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,#222631);color:#fff}
.titles-chain[open]>summary:after{min-width:86px;margin-left:10px;padding:6px 9px;border:1px solid #414653;border-radius:8px;background:#222631;color:#d6dae3;content:'Скрыть цепочку ⌃';transform:none}
@media(max-width:520px){.titles-chain>summary{gap:8px;padding:10px}.titles-chain-count{flex-basis:36px;min-width:36px}.titles-chain>summary:after,.titles-chain[open]>summary:after{min-width:0;margin-left:2px;padding:6px 7px;font-size:11px}}.titles-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.titles-list-toolbar .titles-summary{min-width:0;margin:0}.titles-list-controls{display:flex;flex:0 0 auto;gap:7px}.titles-list-controls button{min-height:34px;padding:6px 10px;border:1px solid #393e4b;border-radius:8px;background:#1a1d26;color:#c8ccd5;font-size:12px;font-weight:700;white-space:nowrap;transition:border-color .18s,background .18s,color .18s}.titles-list-controls button:hover,.titles-list-controls button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,#1a1d26);color:#fff}
@media(max-width:560px){.titles-list-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.titles-list-controls{width:100%}.titles-list-controls button{flex:1}}.titles-admin-icon-field{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.titles-admin-icon-field>label{display:grid;gap:6px;color:#bfc4d0;font-size:12px;font-weight:700}.titles-admin-icon-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.titles-admin-icon-preview{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid #373c48;border-radius:8px;background:#101116;color:#858b98;font-size:9px;text-align:center}.titles-admin-icon-preview img{display:block;width:100%;height:100%;object-fit:contain}.titles-admin-upload-label{position:relative;overflow:hidden;cursor:pointer}.titles-admin-upload-label input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.titles-admin-icon-tools button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:640px){.titles-admin-icon-field{grid-template-columns:1fr}.titles-admin-icon-tools{align-items:center}}.online-badge{position:fixed;z-index:40;top:14px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #30343e;border-radius:999px;background:rgba(18,20,27,.82);box-shadow:0 5px 18px #0003;color:#aeb3bf;font-size:10px;font-weight:650;line-height:1;letter-spacing:.03em;backdrop-filter:blur(8px);pointer-events:none}.online-badge[hidden]{display:none}.online-badge-dot{width:6px;height:6px;border-radius:50%;background:#6f8e79;box-shadow:0 0 7px #6f8e7955}.online-badge strong{min-width:12px;color:#e2e4e9;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}@media(max-width:520px){.online-badge{top:9px;right:9px;padding:6px 8px;font-size:9px}}.nav-support-item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px}.nav-support-item .online-badge{position:static;z-index:auto;gap:5px;padding:0 5px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#959aa6;font-size:9px;line-height:1.15;letter-spacing:0;backdrop-filter:none}.nav-support-item .online-badge-dot{width:5px;height:5px}.nav-support-item .online-badge strong{min-width:10px;font-size:10px}.online-row{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;height:38px;margin:0 8px -14px}.online-row .online-badge{position:static;top:auto;right:auto;display:inline-flex;min-width:192px;height:36px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid #45434a;border-radius:4px;background:rgba(12,12,15,.88);box-shadow:none;color:#aeb0b8;font-size:10px;font-weight:650;line-height:1;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(6px);pointer-events:none}.online-row .online-badge strong{min-width:10px;color:#d3d4da;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}@media(max-width:520px){.online-row{height:34px;margin:0 5px -12px}.online-row .online-badge{min-width:160px;height:32px;font-size:9px}}.online-row .online-badge{min-width:150px;height:34px;gap:9px;padding:0 12px;border-color:#30232c;border-radius:10px;background:linear-gradient(110deg,#151218 0%,#111217 50%,#171116 100%);box-shadow:0 8px 20px #0003;color:#aeb2bd;font-size:10px;letter-spacing:.1em}.online-row .online-badge strong{display:inline-grid;min-width:22px;height:22px;place-items:center;padding:0 5px;border:1px solid color-mix(in srgb,var(--accent) 34%,#30232c);border-radius:7px;background:color-mix(in srgb,var(--accent) 16%,#17191f);color:#f0a07a;font-size:11px;letter-spacing:0}.online-row .online-badge>span{transform:translateY(1px)}
.titles-admin-toolbar{grid-template-columns:auto minmax(190px,1fr) auto auto}
@media(max-width:640px){.titles-admin-toolbar{grid-template-columns:1fr}}

.titles-admin-chain-reorder{display:flex;align-items:center;gap:5px;margin-left:auto}.titles-admin-chain-reorder button{min-width:34px;padding:6px 8px;font-size:15px;line-height:1}.titles-admin-chain-reorder button:disabled{opacity:.35;cursor:not-allowed}

.titles-search-wrap{display:block;align-self:center;min-width:0;line-height:0}.titles-search-wrap input{display:block;box-sizing:border-box;line-height:normal}

.titles-admin-chain-reorder{flex-wrap:wrap}.titles-admin-chain-reorder>span{color:#9096a3;font-size:11px;white-space:nowrap}.titles-admin-chain-reorder button{min-width:66px}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.titles-admin-entity-links{margin:12px 0;border:1px solid #303440;border-radius:12px;background:#151720}.titles-admin-entity-links>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:750;list-style:none}.titles-admin-entity-links>summary::-webkit-details-marker{display:none}.titles-admin-entity-links>summary:after{content:'⌄';margin-left:auto;color:#9da3b1}.titles-admin-entity-links>summary small{color:#9298a5;font-size:11px;font-weight:500}.titles-admin-entity-link-content{padding:0 14px 14px}.titles-admin-entity-link-content>p{margin:0 0 12px;color:#aeb4c1;font-size:12px;line-height:1.5}.titles-admin-entity-link-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) auto;gap:9px;align-items:end}.titles-admin-entity-link-form label,.titles-admin-entity-search{display:grid;gap:5px;color:#b9bfcc;font-size:11px;font-weight:650}.titles-admin-entity-link-form input,.titles-admin-entity-search input{width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #373b47;border-radius:8px;background:#0d0f14;color:#eee;font:inherit;font-size:12px;font-weight:400}.titles-admin-entity-search{max-width:420px;margin-top:12px}.titles-admin-entity-link-list{display:grid;gap:6px;margin-top:9px}.titles-admin-entity-link-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(220px,1.3fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #303440;border-radius:8px;background:#101218;font-size:12px}.titles-admin-entity-link-row span{overflow:hidden;color:#9da3b1;text-overflow:ellipsis;white-space:nowrap}.titles-admin-entity-link-row .btn{justify-self:end}@media(max-width:700px){.titles-admin-entity-link-form{grid-template-columns:1fr}.titles-admin-entity-link-row{grid-template-columns:1fr auto}.titles-admin-entity-link-row span{grid-column:1/-1;grid-row:2}.titles-admin-entity-link-row .btn{grid-column:2;grid-row:1}}
.titles-hint-copy{padding:9px 12px 10px;border:1px solid color-mix(in srgb,var(--accent) 24%,#303440);border-left:3px solid var(--accent);border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 8%,#191b24),#191b24)}.titles-hint-copy>span{display:block;margin-bottom:4px;color:#ffad83;font-size:11px;font-weight:800;letter-spacing:.04em}.titles-hint-copy p{margin:0;color:#d3d6de;font-size:13px;line-height:1.5}
/* Mobile polish for titles dialog and active navigation focus. */
.titles-close{appearance:none;-webkit-appearance:none;display:grid;place-items:center;line-height:1;padding:0;outline:none;-webkit-tap-highlight-color:transparent}.titles-close:focus{outline:none!important;box-shadow:none!important;-webkit-focus-ring-color:transparent}.titles-close:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}.titles-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.titles-window{overscroll-behavior:contain}.site-nav{scroll-behavior:smooth;scroll-padding-inline:10px}@media(max-width:520px){.titles-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);margin:auto;border-radius:18px}.titles-window{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 22px);padding-top:max(18px,env(safe-area-inset-top))}.titles-close{top:max(12px,env(safe-area-inset-top));right:12px;width:40px;height:40px;border:1px solid #343844;border-radius:50%;box-shadow:0 4px 14px #0005}.titles-window h2{padding-right:42px}}



/* Maximum title statistics summary table. */
.titles-stats-panel{margin:14px 0;padding:15px;border:1px solid #303440;border-radius:13px;background:linear-gradient(145deg,#191b24,#14161d)}.titles-stats-heading h3{margin:0;color:#f0f1f4;font-size:17px}.titles-stats-heading p{margin:5px 0 0;color:#aeb4c1;font-size:12px}.titles-stats-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0;padding:9px 11px;border:1px solid #303440;border-radius:9px}.titles-stats-filters legend{padding:0 5px;color:#aeb4c1;font-size:12px}.titles-stats-filters label{display:inline-flex;align-items:center;gap:6px;color:#e0a0a7;font-size:12px;font-weight:650;cursor:pointer}.titles-stats-filters input{accent-color:var(--accent)}.titles-stats-scroll{overflow-x:auto;border:1px solid #343947;border-radius:9px}.titles-stats-result table{width:100%;min-width:820px;border-collapse:collapse;font-size:12px;text-align:center}.titles-stats-result th,.titles-stats-result td{padding:8px 9px;border:1px solid #303440;white-space:nowrap}.titles-stats-result thead th{background:#20232d;color:#bfc4cf;font-weight:700}.titles-stats-result tbody th,.titles-stats-result tfoot th{text-align:left}.titles-stats-result tbody td,.titles-stats-result tfoot td{font-variant-numeric:tabular-nums}.titles-stats-result tfoot{background:#211d25;color:#f2b08b;font-weight:800}.titles-stats-empty,.titles-stats-note{color:#9298a6;font-size:12px}.titles-stats-note{margin:8px 0 0;line-height:1.45}.titles-admin-category{display:grid;gap:5px;min-width:180px;color:#aeb4c1;font-size:11px;font-weight:650}.titles-admin-category select{width:100%;padding:6px 8px;border:1px solid #373b47;border-radius:8px;background:#0d0f14;color:#eee;font:inherit;font-size:12px}

.titles-admin-stats-toggle{display:flex;align-items:center;gap:7px;max-width:230px;color:#c5cad4;font-size:11px;font-weight:650}

.titles-admin-stat-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #303440;border-radius:9px;background:#15171e}.titles-admin-stat-fields>strong{grid-column:1/-1;color:#c5cad4;font-size:12px}.titles-admin-stat-fields label{display:grid;gap:5px;color:#aeb4c1;font-size:11px;font-weight:650}.titles-admin-stat-fields input{width:100%;min-width:0;padding:7px 8px;border:1px solid #373b47;border-radius:7px;background:#0d0f14;color:#eee;font:inherit;font-size:12px;font-weight:400}@media(max-width:640px){.titles-admin-stat-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.titles-admin-name-color{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:130px;padding:7px 8px;border:1px solid #373b47;border-radius:8px;background:#0d0f14}.titles-admin-name-color .check-field{display:flex;align-items:center;gap:6px;color:#b9bfcc;font-size:11px}.titles-admin-name-color input[type=color]{width:38px;height:30px;padding:2px;border:1px solid #444956;border-radius:6px;background:#14161c;cursor:pointer}.titles-admin-name-color input[type=color]:disabled{opacity:.45;cursor:not-allowed}

.titles-admin-name-color{grid-column:1/-1}.titles-admin-name-color input[type=text]{width:88px;padding:6px 7px;border:1px solid #373b47;border-radius:7px;background:#101116;color:#e9ebf0;font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;text-transform:uppercase}.titles-admin-name-color input[type=text]:disabled{opacity:.45}

.titles-admin-entry-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.titles-admin-move{display:flex;align-items:center;gap:7px;color:#aeb4c1;font-size:11px;font-weight:650}.titles-admin-move select{max-width:220px;min-width:145px;padding:6px 8px;border:1px solid #373b47;border-radius:7px;background:#0d0f14;color:#eee;font:inherit;font-size:11px}@media(max-width:640px){.titles-admin-entry-actions{justify-content:flex-start;width:100%}.titles-admin-move{flex:1 1 100%}.titles-admin-move select{flex:1;max-width:none;min-width:0}}

.titles-admin-stats-categories{margin:10px 0 14px;padding:12px 14px;border:1px solid #303440;border-radius:11px;background:#151720}.titles-admin-stats-categories>summary{color:#eceef3;font-weight:750;cursor:pointer}.titles-admin-stats-categories>p{margin:8px 0;color:#aeb4c1;font-size:12px;line-height:1.5}.titles-admin-category-list{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.titles-admin-category-chip{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border:1px solid #343845;border-radius:9px;background:#1b1e28;color:#dce0e9;font-size:12px}.titles-admin-category-create{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,280px) auto;align-items:end;gap:9px}.titles-admin-category-create label{grid-column:1/-1;color:#aeb4c1;font-size:12px;font-weight:650}.titles-admin-category-create input{min-width:0;height:40px;padding:0 11px;border:1px solid #363a46;border-radius:9px;background:#101116;color:#f1f1f4}.titles-stats-category-options{display:flex;flex-wrap:wrap;gap:8px 16px}.titles-stats-category-options label{white-space:nowrap}@media(max-width:600px){.titles-admin-category-create{grid-template-columns:1fr}.titles-admin-category-create label{grid-column:auto}}

.titles-progress-check{flex:0 0 17px;width:17px;height:17px;margin:0 2px 0 0;accent-color:var(--accent);cursor:pointer}.titles-entry .titles-progress-check{flex:0 0 15px;width:15px;height:15px}.titles-progress-check:focus-visible{outline:2px solid #f1a17b;outline-offset:3px}

.titles-progress-check{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;flex:0 0 19px;width:19px;height:19px;margin:0 3px 0 0;padding:0;border:1px solid #4b505d;border-radius:6px;background:linear-gradient(145deg,#20232d,#14161d);box-shadow:inset 0 1px 2px #0006;vertical-align:middle;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.titles-progress-check:hover{border-color:#e65a68;box-shadow:0 0 0 3px #e52b431a}.titles-progress-check:checked{border-color:#f04459;background:linear-gradient(145deg,#f04459,#bd1e39);box-shadow:0 2px 8px #e52b4340}.titles-progress-check:checked:after{position:absolute;top:2px;left:6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);content:""}.titles-progress-check:indeterminate{border-color:#ed8a69;background:linear-gradient(145deg,#ec956b,#bd573f)}.titles-progress-check:indeterminate:after{position:absolute;top:7px;left:4px;width:9px;height:2px;border-radius:2px;background:#fff;content:""}.titles-progress-check:focus-visible{outline:2px solid #f1a17b;outline-offset:3px}.titles-entry .titles-progress-check{flex-basis:17px;width:17px;height:17px}.titles-entry .titles-progress-check:checked:after{top:2px;left:5px;width:4px;height:8px}.titles-entry .titles-progress-check:indeterminate:after{top:6px;left:3px;width:9px}
.druid-skills-dialog{width:min(1120px,calc(100vw - 24px));max-width:1120px;max-height:min(94vh,1000px);padding:0;border:1px solid #3c414d;border-radius:20px;background:#101117;color:#f1f1f4;box-shadow:0 28px 100px #000c;overflow:hidden}
.druid-skills-dialog::backdrop{background:#06070bdc;backdrop-filter:blur(6px)}
.druid-skills-window{position:relative;max-height:min(94vh,1000px);overflow:auto;padding:27px clamp(16px,3vw,32px) 22px;background:radial-gradient(ellipse at 70% -35%,#e29a7218,transparent 60%),#101117}
.druid-skills-window>.refine-close{z-index:2}
.druid-skills-window>h2{margin:7px 52px 5px 0;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}
.druid-skills-intro{margin:0;color:#a9adba;font-size:14px;line-height:1.55}
.druid-skills-tools{display:grid;gap:12px;margin-top:20px}
.druid-skills-search input{width:100%;min-height:46px;padding:11px 14px;border:1px solid #343946;border-radius:12px;background:#0e1016;color:#f1f1f4;font:inherit}
.druid-skills-search input:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:1px}
.druid-skills-filters{display:flex;flex-wrap:wrap;gap:8px}
.druid-skills-filters button{padding:8px 12px;border:1px solid #343946;border-radius:999px;background:#191c25;color:#c4c7d0;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}
.druid-skills-filters button:hover,.druid-skills-filters button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#191c25);color:#fff}
.druid-skills-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:16px;margin-top:16px;align-items:start}
.druid-skills-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto;padding:2px 5px 2px 2px;scrollbar-color:#444957 #171a22;scrollbar-width:thin}
.druid-skill-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:68px;padding:8px;border:1px solid #2c303b;border-radius:12px;background:#171a22;color:#eef0f5;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.druid-skill-option:hover{border-color:#716052;background:#1e2029;transform:translateY(-1px)}
.druid-skill-option.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#171a22);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
.druid-skill-option img{flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;object-fit:contain;image-rendering:auto;border:1px solid #414651;border-radius:8px;background:#0c0e13}
.druid-skill-option-copy{display:grid;gap:4px;min-width:0}
.druid-skill-option-copy strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.druid-skill-option-copy small,.druid-skill-detail-head small{color:#8f95a3;font-size:10px}
.druid-skill-option-arrow{margin-left:auto;color:#9298a5;font-size:21px}
.druid-skill-detail{min-height:315px;padding:18px;border:1px solid #303541;border-radius:16px;background:linear-gradient(150deg,#1a1d27,#13151c)}
.druid-skill-detail-head{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #303541}
.druid-skill-detail-head>img{flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;object-fit:contain;image-rendering:auto;border:1px solid #454b58;border-radius:12px;background:#0d0f14}
.druid-skill-kicker{color:#e29a72;font-size:9px;font-weight:800;letter-spacing:.13em}
.druid-skill-detail-head h3{margin:4px 0;font-size:19px;line-height:1.25}
.druid-skill-level{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:12px;font-weight:700;color:#c8cad2}
.druid-skill-level select{min-width:130px;padding:9px 12px;border:1px solid #363c49;border-radius:9px;background:#101219;color:#f3f3f6;font:inherit}
.druid-skill-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.druid-skill-stats>div,.druid-skill-param{display:grid;gap:5px;min-width:0;padding:10px;border:1px solid #2e3340;border-radius:10px;background:#171a22}
.druid-skill-stats small,.druid-skill-param small{color:#959baa;font-size:10px}
.druid-skill-stats b,.druid-skill-param b{font-size:12px;overflow-wrap:anywhere}
.druid-skill-description{margin-top:15px}
.druid-skill-description h4{margin:0 0 7px;font-size:13px}
.druid-skill-description p{margin:0;color:#c5c8d1;font-size:13px;line-height:1.65;white-space:pre-line}
.druid-skills-empty{grid-column:1/-1;display:grid;min-height:100px;place-items:center;margin:0;padding:20px;color:#969baa;text-align:center;font-size:13px}
.druid-skills-list{gap:6px}
.druid-skill-option{min-height:52px;padding:6px;gap:7px;border-radius:10px}
.druid-skill-option-copy{gap:2px}
.druid-skill-option-copy strong{font-size:11px;line-height:1.2}
.druid-skill-option-copy small{font-size:9px}
.druid-skill-option-arrow{font-size:17px}
.druid-skill-book-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:14px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 55%,#343946);border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,#171a22);color:#f1a47e;font-size:12px;font-weight:700;text-decoration:none;transition:.18s ease}
.druid-skill-book-link:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,#171a22);color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.druid-skills-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.druid-skills-window{max-height:calc(100dvh - 12px);padding:22px 13px 18px}.druid-skills-layout{grid-template-columns:1fr}.druid-skills-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:40dvh}.druid-skill-detail{min-height:0}.druid-skill-detail-head h3{font-size:17px}}
@media(max-width:420px){.druid-skills-filters{gap:6px}.druid-skills-filters button{padding:7px 9px;font-size:11px}.druid-skill-option{gap:6px;padding:5px;min-height:46px}.druid-skill-option img{width:32px;height:32px;flex-basis:32px}.druid-skill-option-copy strong{font-size:10px}.druid-skill-option-copy small{font-size:9px}.druid-skill-stats{grid-template-columns:1fr}}
.jewelry-dialog{width:min(1050px,calc(100vw - 24px));max-width:1050px;max-height:min(92vh,900px);padding:0;border:1px solid #343947;border-radius:20px;background:#101117;color:#f1f1f4;box-shadow:0 28px 100px #000c;overflow:auto}.jewelry-dialog::backdrop{background:#06070bdc;backdrop-filter:blur(6px)}.jewelry-window{position:relative;padding:28px clamp(16px,3vw,32px) 24px;background:radial-gradient(ellipse at 80% -30%,#ed876318,transparent 55%)}.jewelry-window>h2{margin:10px 56px 8px 0;font-size:clamp(28px,4vw,40px)}.jewelry-intro{max-width:720px;margin:0 0 22px;color:#aeb3c0;line-height:1.6}.jewelry-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(340px,1.25fr);gap:14px}.jewelry-panel,.jewelry-history-panel{min-width:0;padding:20px;border:1px solid #303543;border-radius:16px;background:#191c26}.jewelry-field{display:grid;gap:8px;color:#c6cad4;font-weight:700}.jewelry-field select{width:100%;min-height:48px;padding:0 14px;border:1px solid #393e4b;border-radius:12px;background:#101117;color:#f1f1f4;font:inherit}.jewelry-recipe-note{display:grid;gap:9px;margin:18px 0;padding:15px;border-left:3px solid var(--accent);border-radius:10px;background:#11131a;color:#c6cad4}.jewelry-recipe-note strong{margin-bottom:2px;color:#f1f1f4}.jewelry-roll,.jewelry-reset{min-height:44px;padding:10px 16px;border:1px solid var(--accent);border-radius:11px;background:color-mix(in srgb,var(--accent) 20%,#171923);color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:filter .2s,transform .2s}.jewelry-roll{width:100%}.jewelry-roll:hover,.jewelry-reset:hover{filter:brightness(1.18);transform:translateY(-1px)}.jewelry-result{display:flex;flex-direction:column;justify-content:center;min-height:270px}.jewelry-result-label{color:#ff9a69;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.jewelry-result h3{margin:12px 0;color:var(--tier-color);font-size:24px}.jewelry-result-stat{margin:0 0 15px;color:#fff;font-size:21px;font-weight:750}.jewelry-result-chances{display:grid;gap:9px;color:#b9bdc8}.jewelry-result-chances b{color:#fff}.jewelry-empty{margin:auto;color:#9da3b2;text-align:center;line-height:1.6}.jewelry-history-panel{margin-top:14px}.jewelry-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.jewelry-history-head h3{margin:0;font-size:19px}.jewelry-reset{min-height:36px;padding:6px 12px;border-color:#3c414d;background:#20232d;color:#d8dbe3}.jewelry-summary{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.jewelry-summary>*,.jewelry-bonus-counts>span{padding:7px 10px;border:1px solid #303543;border-radius:9px;background:#11131a;color:#c4c8d2}.jewelry-summary>span{border-color:color-mix(in srgb,var(--tier-color) 40%,#303543)}.jewelry-bonus-counts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.jewelry-bonus-counts b{color:#ffb37e}.jewelry-roll-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.jewelry-roll-list li{display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:8px;padding:10px 12px;border:1px solid #303543;border-radius:10px;background:#14161e}.jewelry-tier-dot{width:9px;height:9px;border-radius:50%;background:var(--tier-color)}.jewelry-roll-list li>span:nth-of-type(2){color:#fff}.jewelry-roll-list small{grid-column:2/-1;color:#9298a7}.jewelry-footnote{margin:15px 0 0;color:#898f9e;font-size:13px;line-height:1.6}@media(max-width:720px){.jewelry-layout{grid-template-columns:1fr}.jewelry-result{min-height:220px}.jewelry-panel,.jewelry-history-panel{padding:15px}.jewelry-window{padding-top:22px}.jewelry-roll-list li{grid-template-columns:10px 1fr}.jewelry-roll-list li>span:nth-of-type(2){grid-column:2}.jewelry-roll-list small{grid-column:2}}
.jewelry-result-stats{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.jewelry-result-stats li{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:10px 12px;border:1px solid #303543;border-radius:10px;background:#11131a}.jewelry-result-stats li>span{color:#9da3b2;font-size:12px}.jewelry-result-stats li>strong{grid-column:2;grid-row:1/3;color:#f1f1f4}.jewelry-result-stats li>small{grid-column:1;color:#9da3b2}
/* Jewelry crafting: game-window layout, styled to match the site palette. */
.jewelry-dialog{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:min(94vh,980px);overflow:auto}
.jewelry-window{padding:24px clamp(14px,2.5vw,28px) 20px;background:radial-gradient(ellipse at 50% 0%,#e8a84612,transparent 60%)}
.jewelry-window>h2{font-size:clamp(24px,3vw,34px);margin:7px 58px 5px 0}
.jewelry-intro{margin-bottom:16px;font-size:14px}
.jewelry-game{max-width:790px;margin:0 auto;border:1px solid #987646;border-radius:13px;padding:7px;background:linear-gradient(135deg,#604b2b,#211b12 22%,#151219 75%,#574326);box-shadow:0 16px 42px #0009,inset 0 0 0 1px #f3ce7a20}
.jewelry-game-title{height:40px;display:flex;justify-content:center;align-items:center;gap:18px;border:1px solid #9b7946;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#4d594b,#253331 48%,#202019);color:#f4d58c;font-size:20px;font-weight:800;text-shadow:0 2px 5px #000;letter-spacing:.03em}
.jewelry-title-gem{color:#e2b853;font-size:13px}
.jewelry-game-body{padding:11px 12px 12px;border:1px solid #775d34;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(145deg,#171611,#211b12 60%,#15130f)}
.jewelry-tab{display:inline-flex;padding:5px 17px;margin-bottom:9px;border:1px solid #9c7942;border-radius:7px 7px 2px 2px;background:linear-gradient(#5b4d31,#282117);color:#e8d7ae;font-size:13px;font-weight:750}
.jewelry-inventory-label{margin:0 0 6px;color:#d7b65f;font-size:12px;font-weight:750}
.jewelry-inventory{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:8px;border:1px solid #9a7a48;border-radius:6px;background:linear-gradient(145deg,#10100f,#18140d);box-shadow:inset 0 0 0 2px #050505}
.jewelry-item-slot,.jewelry-empty-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid #7c6239;border-radius:4px;background:linear-gradient(145deg,#53432b,#18140f 70%);box-shadow:inset 0 0 0 2px #080706;}
.jewelry-item-slot{padding:3px;color:#f7e9c9;cursor:pointer}
.jewelry-item-slot:hover,.jewelry-item-slot.is-selected{border-color:#f4cf78;box-shadow:inset 0 0 0 2px #111,0 0 0 1px #f4cf7855}
.jewelry-slot-name{position:absolute;left:calc(100% + 7px);top:50%;z-index:3;display:none;width:max-content;max-width:190px;padding:6px 9px;transform:translateY(-50%);border:1px solid #795e36;border-radius:6px;background:#14120f;color:#f4e4c0;font-size:12px;box-shadow:0 4px 15px #0009}
.jewelry-item-slot:hover .jewelry-slot-name,.jewelry-item-slot:focus-visible .jewelry-slot-name{display:block}
.jewelry-item-glyph{display:grid;place-items:center;width:100%;height:100%;border:1px solid #b9a277;border-radius:3px;background:radial-gradient(circle at 35% 25%,#a9dcff,#2674b9 36%,#122649 73%,#080d16);font-size:28px;font-weight:900;color:#e4f5ff;text-shadow:0 2px 5px #061029}
.belt-glyph{background:radial-gradient(circle at 35% 25%,#d9caff,#7b61cd 38%,#302556 72%,#100e19);color:#fff1bd}
.jewelry-controls{display:flex;align-items:center;gap:12px;margin:10px 0 13px;color:#e4bd5f;font-size:13px;font-weight:750}
.jewelry-controls label{display:flex;align-items:center;gap:8px}
.jewelry-controls input{width:74px;height:31px;padding:4px 8px;border:1px solid #826537;border-radius:5px;background:#11110e;color:#fff;font:inherit;text-align:center}
.jewelry-recipe-cost{margin-left:auto;color:#aaa28f;font-weight:500}
.jewelry-craft-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:11px}
.jewelry-requirements,.jewelry-craft-area{padding:11px;border:1px solid #665331;border-radius:7px;background:#14130f}
.jewelry-requirements h3{margin:0 0 8px;color:#e9c65f;font-size:14px}
.jewelry-outcome{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #373022;color:#e6dfd1;font-size:12px}
.jewelry-outcome b{color:#f4d58c}
.jewelry-tier-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;border-radius:4px;font-size:12px;font-style:normal;background:#211f1a}
.tier-blue{color:#7fc6ff}.tier-purple{color:#cf8cff}.tier-gold{color:#ffd16a}
.jewelry-requirement-note{margin-top:9px;color:#a7a08e;font-size:11px;line-height:1.4}
.jewelry-game-stat{display:flex;align-items:center;gap:9px;padding:4px 0;color:#e9c65f;font-size:12px}
.jewelry-game-stat b{color:#ddd5c4;font-weight:600}
.jewelry-product-stat{gap:7px;margin-top:3px;padding-top:8px;border-top:1px solid #383022}
.jewelry-product-stat strong{overflow:hidden;color:#f1dfb4;text-overflow:ellipsis;white-space:nowrap}
.jewelry-product-count{margin-left:auto;min-width:30px;padding:3px 7px;border:1px solid #655332;border-radius:4px;background:#0f0f0d;color:#fff;text-align:center}
.jewelry-speed{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 7px;padding:7px 8px 8px;border:1px solid #54452d;border-radius:6px}
.jewelry-speed legend{padding:0 5px;color:#c7b27d;font-size:11px}
.jewelry-speed label{cursor:pointer}
.jewelry-speed input{position:absolute;opacity:0}
.jewelry-speed label span{display:block;padding:5px 8px;border:1px solid #51432d;border-radius:5px;background:#201b13;color:#cfc4aa;font-size:11px}
.jewelry-speed input:checked+span{border-color:#c5a04f;background:#45371f;color:#ffe29a;box-shadow:inset 0 0 0 1px #c5a04f44}
.jewelry-speed input:focus-visible+span{outline:2px solid #f3ce7a;outline-offset:2px}
.jewelry-progress{height:8px;margin:9px 0;border:1px solid #76603a;border-radius:8px;overflow:hidden;background:#100f0d}
.jewelry-progress[hidden]{display:none}
.jewelry-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c09d4a,#f2d46f);transition:width 0s linear}
.jewelry-action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.jewelry-roll,.jewelry-cancel{min-height:36px;padding:7px 12px;border:1px solid #997b43;border-radius:6px;background:linear-gradient(#48564a,#23302b);color:#f7e3ad;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.jewelry-roll:hover,.jewelry-cancel:hover{filter:brightness(1.16)}
.jewelry-roll:disabled{opacity:.65;cursor:wait}
.jewelry-cancel{border-color:#574f3e;background:linear-gradient(#302c23,#1e1a14);color:#c5b99e}
.jewelry-result{display:block;min-height:100%;margin-top:0;padding:10px 12px;border:1px solid #6e5936;border-radius:7px;background:#11110f}
.jewelry-result:has(.jewelry-empty){display:grid;place-items:center;min-height:150px}
.jewelry-empty{margin:0;color:#979182;font-size:12px}
.jewelry-result-head{display:flex;justify-content:space-between;gap:8px;color:#ead08d;font-size:13px}
.jewelry-result-label{color:#d6b766;font-weight:800}
.jewelry-result-tiers{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
.jewelry-result-tiers>span{padding:5px 8px;border:1px solid color-mix(in srgb,var(--tier-color) 45%,#51442e);border-radius:5px;background:#1c1914;color:var(--tier-color);font-size:12px}
.jewelry-result-tiers i{margin-right:5px;font-style:normal}
.jewelry-result-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 12px}
.jewelry-stat-result{display:flex;justify-content:space-between;gap:8px;color:#d8d2c5;font-size:12px}
.jewelry-stat-result b{color:#f2d991;white-space:nowrap}
.jewelry-result-caption{margin:7px 0 0;color:#9c9585;font-size:11px}
.jewelry-footnote{max-width:790px;margin:11px auto 0;font-size:11px}
@media(max-width:600px){.jewelry-dialog{width:calc(100vw - 12px);max-height:96vh}.jewelry-window{padding:18px 10px 14px}.jewelry-game{padding:5px}.jewelry-game-body{padding:8px}.jewelry-inventory{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px}.jewelry-item-slot,.jewelry-empty-slot{max-height:62px}.jewelry-craft-columns{grid-template-columns:1fr}.jewelry-controls{font-size:12px}.jewelry-recipe-cost{font-size:11px}.jewelry-result-items{grid-template-columns:1fr}}
/* Jewelry crafting modal — native origamipw card styling. */
.jewelry-dialog{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:min(90dvh,780px);overflow:auto;padding:0;border:1px solid #292d38;border-radius:20px;background:#101116;color:var(--text);box-shadow:0 28px 100px #000c}
.jewelry-dialog::backdrop{background:#050609d9;backdrop-filter:blur(6px)}
.jewelry-window{position:relative;padding:26px clamp(16px,3vw,30px) 18px;background:radial-gradient(ellipse at 90% 0%,#e52b4310,transparent 48%),linear-gradient(145deg,#15171e,#101116 65%)}
.jewelry-window>.refine-kicker{color:#ff9a69;font-size:11px;font-weight:800;letter-spacing:.15em}
.jewelry-window>h2{margin:8px 52px 4px 0;font-size:clamp(23px,3vw,31px);line-height:1.2;letter-spacing:-.035em}
.jewelry-intro{margin:0 0 16px;color:var(--muted);font-size:14px}
.jewelry-inventory-label{margin:0 0 8px;color:#c6cad4;font-size:13px;font-weight:700}
.jewelry-inventory{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 12px;padding:0;border:0;background:transparent}
.jewelry-item-slot{position:relative;display:flex;align-items:center;gap:9px;min-width:min(260px,100%);min-height:54px;padding:9px 12px;border:1px solid #30333d;border-radius:12px;background:#171920;color:var(--text);text-align:left;transition:border-color .16s,background .16s,transform .16s}
.jewelry-item-slot:hover,.jewelry-item-slot.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#171920)}
.jewelry-item-slot:hover{transform:translateY(-1px)}
.jewelry-item-icon{display:block;width:32px;height:32px;flex:none;object-fit:contain;image-rendering:auto}
.jewelry-slot-name{position:static;transform:none;display:block;padding:0;border:0;background:none;color:inherit;font-size:13px;font-weight:650;white-space:normal}
.jewelry-controls{display:flex;align-items:center;gap:10px;margin:12px 0;color:#c6cad4;font-size:13px;font-weight:700}
.jewelry-controls input{width:74px;height:38px;padding:6px 10px;border:1px solid #30333d;border-radius:10px;background:#0d0f14;color:var(--text);font:inherit;text-align:center}
.jewelry-craft-columns{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:12px}
.jewelry-craft-area,.jewelry-result{min-width:0;padding:14px;border:1px solid #292d38;border-radius:14px;background:#171920}
.jewelry-speed{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:8px;border:1px solid #30333d;border-radius:11px}
.jewelry-speed legend{padding:0 5px;color:var(--muted);font-size:12px}
.jewelry-speed label{cursor:pointer}
.jewelry-speed input{position:absolute;width:1px;height:1px;opacity:0}
.jewelry-speed label span{display:block;padding:6px 9px;border:1px solid #343843;border-radius:8px;background:#101116;color:#c6cad4;font-size:12px}
.jewelry-speed input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 19%,#171920);color:#fff}
.jewelry-speed input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.jewelry-progress{height:7px;margin:9px 0;border:0;border-radius:8px;overflow:hidden;background:#0d0f14}
.jewelry-progress[hidden]{display:none}
.jewelry-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ff9a69);transition:width 0s linear}
.jewelry-roll{width:100%;min-height:40px;padding:8px 13px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:750;transition:filter .16s,transform .16s}
.jewelry-roll:hover{filter:brightness(1.12);transform:translateY(-1px)}
.jewelry-roll:disabled{opacity:.65;cursor:wait}
.jewelry-result{display:flex;flex-direction:column;min-height:184px;max-height:42dvh;overflow:auto}
.jewelry-result:has(.jewelry-empty){display:grid;place-items:center}
.jewelry-empty{margin:0;color:#9295a0;font-size:13px;text-align:center}
.jewelry-result-head{display:flex;justify-content:space-between;gap:8px;color:#c6cad4;font-size:13px}
.jewelry-result-label{color:#f1f1f4;font-size:15px;font-weight:750}
.jewelry-result-head>b{color:#aeb3c0}
.jewelry-result-tiers{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.jewelry-result-tiers>span{padding:5px 8px;border:1px solid color-mix(in srgb,var(--tier-color) 40%,#30333d);border-radius:9px;background:#111318;color:var(--tier-color);font-size:11px}
.jewelry-result-tiers i{margin-right:4px;font-style:normal}
.jewelry-result-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start;gap:7px}
.jewelry-crafted-item{padding:8px 9px;border:1px solid color-mix(in srgb,var(--tier-color) 33%,#30333d);border-radius:10px;background:#111318}
.jewelry-crafted-item header{display:flex;justify-content:space-between;align-items:center;gap:7px;color:var(--tier-color);font-size:12px}
.jewelry-crafted-item header span{color:#747b86;font-size:10px}
.jewelry-crafted-item ul{display:grid;gap:3px;margin:6px 0 0;padding:0;list-style:none}
.jewelry-crafted-item li{color:#d7d9df;font-size:12px;line-height:1.35}
.jewelry-crafted-item li.is-empty{color:#9295a0}
.jewelry-footnote{margin:10px 0 0;color:#818692;font-size:11px;line-height:1.4}
@media(max-width:640px){.jewelry-dialog{width:calc(100vw - 14px);max-height:94dvh;border-radius:16px}.jewelry-window{padding:20px 12px 14px}.jewelry-craft-columns{grid-template-columns:1fr}.jewelry-result{max-height:none;min-height:140px}.jewelry-result-items{grid-template-columns:repeat(2,minmax(0,1fr))}.jewelry-item-slot{min-width:100%}}
@media(max-width:380px){.jewelry-result-items{grid-template-columns:1fr}.jewelry-speed{gap:4px}.jewelry-speed label span{padding:5px 7px;font-size:11px}}
/* Keep jewelry selection compact even though legacy crafting slots were square. */
.jewelry-inventory{display:flex;align-items:stretch;gap:8px;margin:0 0 12px;padding:0;border:0;background:transparent;box-shadow:none}
.jewelry-item-slot{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:0 1 260px;min-width:0;width:auto;min-height:54px;max-height:none;aspect-ratio:auto;padding:9px 12px;box-shadow:none;text-align:left}
.jewelry-item-slot:hover,.jewelry-item-slot.is-selected{box-shadow:none}
.jewelry-item-icon{width:32px!important;height:32px!important;min-width:32px;max-width:32px;object-fit:contain;image-rendering:pixelated}
.jewelry-result{max-height:min(56dvh,560px);overflow:auto;overscroll-behavior:contain;align-content:start}
@media(max-width:640px){.jewelry-item-slot{flex:1 1 100%;min-width:0}.jewelry-result{max-height:56dvh;min-height:140px}}
.jewelry-result-pages{position:sticky;bottom:-10px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px -2px -2px;padding:8px 2px 2px;background:linear-gradient(180deg,transparent,#171920 25% 100%);color:#aeb3c0;font-size:12px}
.jewelry-result-pages button{padding:6px 9px;border:1px solid #343947;border-radius:8px;background:#20232d;color:#e6e7ec;font:inherit;cursor:pointer}
.jewelry-result-pages button:disabled{opacity:.45;cursor:default}
@media(max-width:380px){.jewelry-result-pages{gap:5px;font-size:10px}.jewelry-result-pages button{padding:5px 7px}}

/* Jewelry simulator: compact, single-result layout without nested scrolling. */
.jewelry-craft-columns{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:14px;align-items:stretch}
.jewelry-craft-area,.jewelry-result,.jewelry-resource-panel{min-width:0;padding:14px;border:1px solid #303541;border-radius:14px;background:#191c24}
.jewelry-craft-area{display:flex;flex-direction:column;gap:10px}
.jewelry-speed{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:8px 10px 10px;border:1px solid #303541;border-radius:11px}
.jewelry-speed legend{padding:0 5px;color:#9ca3b2;font-size:12px}
.jewelry-speed label{cursor:pointer}
.jewelry-speed input{position:absolute;opacity:0;pointer-events:none}
.jewelry-speed label span{display:block;padding:7px 9px;border:1px solid #373c49;border-radius:9px;background:#111319;color:#d9dbe2;font-size:12px}
.jewelry-speed input:checked+span{border-color:#e82b4a;background:rgba(232,43,74,.16);color:#fff}
.jewelry-speed input:focus-visible+span{outline:2px solid #ff9b70;outline-offset:2px}
.jewelry-target-box{display:grid;gap:9px;padding:11px;border:1px solid #303541;border-radius:11px;background:#151820}
.jewelry-target-box h3,.jewelry-resource-heading h3{margin:0;color:#f0f1f5;font-size:14px}
.jewelry-target-box>p,.jewelry-resource-panel>p{margin:0;color:#9da3b0;font-size:12px;line-height:1.45}
.jewelry-target-fields{display:grid;gap:7px}
.jewelry-target-fields label{display:grid;gap:4px;color:#aeb3c0;font-size:11px}
.jewelry-target-fields select{width:100%;min-width:0;padding:8px 9px;border:1px solid #353a47;border-radius:8px;background:#101218;color:#ebedf2;font:inherit;font-size:12px}
.jewelry-stop{padding:8px 10px;border:1px solid #7e3441;border-radius:9px;background:#2a1c23;color:#ff9aa8;font-weight:700}
.jewelry-status{min-height:16px;margin:0;color:#aeb3c0;font-size:11px;line-height:1.4}
.jewelry-result{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto}
.jewelry-result:has(>.jewelry-empty){display:grid;place-items:center;min-height:170px;text-align:center}
.jewelry-result>.jewelry-empty{width:100%;max-width:none;margin:0!important;color:#9295a0;font-size:13px;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word;min-width:0}
.jewelry-result-head{display:grid;gap:5px;color:#c6cad4;font-size:13px}
.jewelry-result-label{color:#f1f1f4;font-size:15px;font-weight:750}
.jewelry-result-head>b{color:#aeb3c0}
.jewelry-single-item{padding:12px;border:1px solid color-mix(in srgb,var(--tier-color) 44%,#30333d);border-radius:11px;background:#111319}
.jewelry-single-name{color:var(--tier-color);font-size:14px;font-weight:750}
.jewelry-single-item ul{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}
.jewelry-single-item li{color:#e1e3e9;font-size:13px;line-height:1.4}
.jewelry-single-item li.is-empty{color:#9295a0}
.jewelry-result-summary{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding-top:10px;border-top:1px solid #303541;color:#9ea4b1;font-size:12px}
.jewelry-result-summary strong{color:#ffbd72;text-align:right}
.jewelry-resource-panel{display:grid;gap:9px;margin-top:12px}
.jewelry-resource-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.jewelry-resource-heading>span{color:#ffbd72;font-size:12px;font-weight:700;text-align:right}
.jewelry-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jewelry-resource{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(115px,.8fr);align-items:center;gap:8px;padding:8px;border:1px solid #303541;border-radius:10px;background:#12151c}
.jewelry-resource>img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.jewelry-resource-name{color:#e2e4ea;font-size:11px;line-height:1.3}
.jewelry-resource-name small{display:block;margin-top:2px;color:#a3a8b4;font-size:10px}
.jewelry-price-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.jewelry-price-wrap input{width:100%;min-width:0;padding:6px 7px;border:1px solid #353a47;border-radius:7px;background:#0e1015;color:#f2f3f6;font:inherit;font-size:12px}
.jewelry-price-wrap small{color:#888f9d;font-size:9px}
.jewelry-footnote{margin:9px 0 0;color:#818692;font-size:11px;line-height:1.4}
@media(max-width:720px){.jewelry-craft-columns{grid-template-columns:1fr}.jewelry-result{min-height:170px}.jewelry-resources{grid-template-columns:1fr}}
@media(max-width:420px){.jewelry-resource{grid-template-columns:32px minmax(0,1fr) 105px}.jewelry-resource-name{font-size:10px}.jewelry-resource-name small{font-size:9px}}

.jewelry-stat-group{margin-top:9px;padding-top:8px;border-top:1px solid #303541}.jewelry-stat-group>b{color:#aeb3c0;font-size:11px;font-weight:750}.jewelry-stat-group ul{margin-top:6px!important}.jewelry-stat-group:first-of-type{border-top:0;padding-top:0}

.jewelry-stat-group--additional li:not(.is-empty){color:#62a7ff}


/* Recipe selector */
.jewelry-catalog-controls{margin:12px 0 18px}.jewelry-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.jewelry-category-tab,.jewelry-recipe-option{border:1px solid #303543;border-radius:11px;background:#191c26;color:#e9eaf0;cursor:pointer;font:inherit}.jewelry-category-tab{padding:8px 14px;font-weight:750}.jewelry-category-tab.is-active,.jewelry-recipe-option.is-selected{border-color:#e82949;background:#321c25}.jewelry-recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:190px;overflow:auto;padding:2px}.jewelry-recipe-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 12px;text-align:left}.jewelry-recipe-option span{overflow:hidden;text-overflow:ellipsis}.jewelry-recipe-option small{flex:none;color:#9298a7}.jewelry-recipe-option:hover,.jewelry-category-tab:hover{border-color:#ff9a69}@media(max-width:600px){.jewelry-recipe-list{grid-template-columns:1fr;max-height:180px}}
.jewelry-catalog-controls[hidden]{display:none!important}



/* Align the left controls and right result at the same grid-row top edge. */
.jewelry-craft-columns{align-items:start!important}
.jewelry-craft-columns>.jewelry-craft-area,.jewelry-craft-columns>.jewelry-result{align-self:start!important;margin-block:0!important;position:relative!important;inset-block-start:0!important;transform:none!important}


/* Compact catalog buttons: fixed 32px icons, natural text width. */
#jewelryRecipeList{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:8px;max-height:190px}
#jewelryRecipeList>.jewelry-recipe-option{display:inline-flex;flex:0 1 auto;width:auto;height:auto;min-height:48px;max-width:100%;aspect-ratio:auto;padding:7px 10px;justify-content:flex-start;font-size:13px;line-height:1.35;box-sizing:border-box}
#jewelryRecipeList>.jewelry-recipe-option img{width:32px!important;height:32px!important;min-width:32px;max-width:32px;flex:0 0 32px;object-fit:contain;aspect-ratio:1}
#jewelryRecipeList>.jewelry-recipe-option span{white-space:normal;overflow-wrap:anywhere}

.jewelry-single-counter{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 0;color:#aeb3c0;font-size:12px}.jewelry-single-counter[hidden]{display:none}.jewelry-single-counter strong{color:#ffad71}.jewelry-single-counter .jewelry-reset{min-height:32px;padding:6px 10px;font-size:11px}

/* Resource costs: consistent spacing and compact totals. */
.jewelry-resource-panel{padding:18px;gap:14px}.jewelry-resource-heading{align-items:center}.jewelry-resource-heading>span{padding:6px 10px;border-radius:8px;background:#ffad710b;border:1px solid #ffad7120;font-variant-numeric:tabular-nums;white-space:nowrap}
.jewelry-resource{padding:12px;gap:10px;grid-template-columns:32px minmax(0,1fr) minmax(100px,140px)}.jewelry-resource-name{font-size:12px;line-height:1.45}.jewelry-resource-name small{margin-top:4px;font-size:11px}.jewelry-price-wrap{display:grid;gap:5px;min-width:0}.jewelry-price-wrap input{width:100%;height:38px;min-width:0;box-sizing:border-box;font-variant-numeric:tabular-nums;text-align:right;padding:8px 10px}.jewelry-price-wrap small{font-size:10px;text-align:right;color:#8f96a5}
.jewelry-single-counter{padding:14px 0 0;border-top:1px solid #303541;gap:10px;margin-top:2px}.jewelry-single-counter>span{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#12151c;border:1px solid #2d323d;border-radius:9px}.jewelry-single-counter .jewelry-reset{margin-left:auto}
@media(max-width:520px){.jewelry-resource-panel{padding:12px;gap:12px}.jewelry-resource{grid-template-columns:32px minmax(0,1fr) 105px;padding:10px}.jewelry-resource-heading{flex-wrap:wrap;gap:8px}.jewelry-resource-name{font-size:11px}.jewelry-single-counter>span{flex:1 1 auto}.jewelry-single-counter .jewelry-reset{margin-left:0}}

/* Tool windows must start at the dialog edge, without the page-section margin. */
dialog:is(.refine-dialog,.chest-dialog,.twilight-dialog,.dragon-dialog,.treatise-dialog,.druid-skills-dialog,.jewelry-dialog,.titles-dialog)>section,dialog:is(.refine-dialog,.chest-dialog,.twilight-dialog,.dragon-dialog,.treatise-dialog,.druid-skills-dialog,.jewelry-dialog,.titles-dialog)>[class$='-window']{margin:0}

/* Compact resource price editor. */
.jewelry-resource-panel{padding:14px;gap:10px}.jewelry-resource-panel>p{font-size:11px;line-height:1.4}.jewelry-resource-heading h3{font-size:13px}.jewelry-resource-heading>span{padding:4px 8px;font-size:11px}
.jewelry-resources{gap:6px}.jewelry-resource{grid-template-columns:32px minmax(0,1fr) 110px;padding:8px 10px;gap:9px;min-height:50px}.jewelry-resource-name{font-size:11px}.jewelry-resource-name small{display:inline;margin:0 0 0 6px;font-size:10px;white-space:nowrap}.jewelry-price-wrap{gap:0}.jewelry-price-wrap input{height:32px;min-height:32px;padding:5px 8px;font-size:12px}.jewelry-price-wrap>small{display:none}
.jewelry-single-counter{padding-top:10px;gap:8px;font-size:11px}.jewelry-single-counter>span{padding:5px 8px}.jewelry-single-counter .jewelry-reset{min-height:30px;padding:5px 8px;font-size:10px}
@media(max-width:520px){.jewelry-resource-panel{padding:10px;gap:8px}.jewelry-resource{grid-template-columns:32px minmax(0,1fr) 90px;padding:7px 8px;gap:7px}.jewelry-resource-name small{margin-left:4px}.jewelry-resource-name{font-size:10px}}