/* Tavern theme: warm timber surrounds, parchment reading surfaces, blue arcane light. */
:root{--bg:#21170f;--panel:#35271c;--panel2:#463326;--line:#654d32;--muted:#b9a388;--text:#f3e4cb;--gold:#efc071;--green:#78d394;--red:#ff9590;--radius:17px}
body{background:radial-gradient(ellipse at 72% 0,#67462733,transparent 65%),repeating-linear-gradient(94deg,#ffffff01 0 1px,transparent 1px 9px),#21170f}
.rail{background:repeating-linear-gradient(3deg,transparent 0 56px,#140c0790 57px 59px,#86573322 60px 62px,transparent 64px 119px),linear-gradient(90deg,#352317,#432e1d 45%,#2d1d13);border-right:3px solid #87643b;box-shadow:4px 0 0 #140d09,7px 0 18px #0005}
.brand{color:#ffdc93;text-shadow:0 2px 1px #100800;font-weight:800}.brand small{color:#c5a779}.brand img{filter:drop-shadow(0 0 7px #59caff50)}
.rail-label{color:#c8a979}.nav-link{color:#d6c4a7;border:1px solid transparent;border-radius:11px}.nav-link:hover{background:#79533444;border-color:#98693c77}.nav-link.active{background:linear-gradient(#775332,#51351f);color:#ffe4a2;border:1px solid #d5a45c;box-shadow:inset 0 2px 0 #e9bd6555,inset 0 -3px 0 #2c180f,0 3px 8px #12090488}.nav-link.active .nav-icon img{filter:drop-shadow(0 0 6px #ffda7577)}.rail-bottom{color:#c4a780}.live-dot{background:#80cde1;box-shadow:0 0 7px #5ebfe088}
.topbar{background:linear-gradient(#412c1e,#2d2016);border-bottom:2px solid #88623a;box-shadow:0 3px 0 #110c0877}.topbar>#breadcrumb{color:#c6ac87}.private-badge{color:#efc985;border-color:#937044;background:#21180f;border-radius:6px}.avatar{background:radial-gradient(circle at 40% 35%,#33798d,#183c4b);border:2px solid #b38950;color:#ddfaff;box-shadow:0 2px 0 #100b07}
button{border-color:#866440;border-radius:9px;background:linear-gradient(#5a402b,#3b291c);box-shadow:inset 0 1px 0 #ecc78a18,0 2px 0 #100b0755}button:hover{background:linear-gradient(#775336,#503620);border-color:#c19350}.subtle{background:linear-gradient(#674b30,#46301f);color:#f3d69e}.button{border:1px solid #a87f46;border-bottom-width:3px}.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#79d3f3}
h1{color:#f9dba1;text-shadow:0 2px 0 #110b06;font-weight:750}h2{color:#f0d19a}.eyebrow{color:#d9ae6c}.intro .muted{color:#c7b18f}.timestamp{color:#ad9677}.timestamp b{color:#e1c69e}.section-head span{color:#bca17c}
.hero-banner{background:radial-gradient(ellipse at 84% 48%,#91c8c548 0,transparent 44%),repeating-linear-gradient(7deg,#99652c05 0 1px,transparent 1px 5px),linear-gradient(110deg,#f5dfb4,#e1bd80);border:3px solid #b18548;border-radius:19px;box-shadow:inset 0 0 0 2px #ffedc380,inset 0 0 30px #95642635,0 5px 0 #120b08,0 8px 24px #0004;color:#4b311a;padding:29px 31px}
.hero-banner:after{content:'';width:205px;height:205px;right:30px;top:0;background:url('assets/NavIcons/home.png') center/contain no-repeat;opacity:.13;transform:rotate(-12deg);filter:sepia(.2)}.hero-banner .eyebrow{color:#7a5128;letter-spacing:2px}.hero-banner h2{color:#694521;font-size:18px}.achievement{color:#4a2e14;text-shadow:0 1px 0 #fff3;font-weight:750}.achievement small{color:#7c5932}.hero-banner .muted{color:#795832}.banner-summary{border-left:1px solid #9c733b55}.banner-summary strong{color:#51371e}.banner-summary strong small{font-size:17px;font-weight:400;color:#81603a}.banner-summary span{color:#725735}
.progress,progress.progress::-webkit-progress-bar{background:#24180f;box-shadow:inset 0 1px 3px #0007}.hero-banner progress.progress::-webkit-progress-bar{background:#bba073;box-shadow:inset 0 1px 3px #76502655}progress.progress::-webkit-progress-value{background:linear-gradient(90deg,#b68131,#f8d77c);box-shadow:0 0 9px #efb94377}progress.progress::-moz-progress-bar{background:linear-gradient(90deg,#b68131,#f8d77c)}
.rank-card{background:linear-gradient(135deg,#493625,#32231a);border:2px solid #89653a;border-radius:13px;box-shadow:inset 0 1px 0 #e9bd6333,0 3px 0 #120c09;padding:20px}.rank-symbol{background:radial-gradient(ellipse,#3686a355,#18384733);border-radius:50%;clip-path:none;width:45px;height:48px;color:#eac17b}.rank-symbol img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px #120b07)}.rank-label{color:#c7ab80}.rank-value{color:#f6dfb6}.rank-source{color:#b39b7d}
.collection-tile{border:2px solid #8a633a;background:linear-gradient(#3f2c20,#312218);border-radius:15px;box-shadow:inset 0 0 0 1px #d6ad5d22,0 4px 0 #130d09}.collection-tile:hover{background:linear-gradient(#583b26,#39261b);border-color:#dfb66e;box-shadow:0 0 18px #bb844227,0 4px 0 #130d09}.tile-art{background:radial-gradient(ellipse,#6b563c,#33251c)}.tile-art:after{background:linear-gradient(transparent 60%,#3b291e)}.tile-body h3{color:#f3d49e}.tile-count{color:#f8e5c2}.tile-count span,.tile-meta{color:#c2a684}.home-note{background:#302318;border:1px solid #705235;color:#c8b294;box-shadow:inset 0 1px 0 #b6864022}.home-note b{color:#f0ce94}.home-note>span:first-child{color:#84d3e6;font-size:22px}
.catalog{background:#e9d4ac;border:3px solid #9b7442;border-radius:15px;box-shadow:0 5px 0 #100a07,inset 0 0 0 1px #fff1;color:#4c341e}.catalog .groups{background:repeating-linear-gradient(3deg,#7e542105 0 1px,transparent 1px 7px),linear-gradient(90deg,#d4b884,#e4cca2);border-right:2px solid #b29461}.groups>h3{color:#785932;font-weight:600}.group-btn{background:transparent;color:#5e4124;box-shadow:none;border:1px solid transparent}.group-btn:hover{background:#bd975c33;border-color:#b38c51}.group-btn.active{background:linear-gradient(#ac793b,#845729);color:#fff0c9;border:1px solid #77501f;box-shadow:inset 0 1px 0 #ffd98477,0 2px 2px #67421f22}.group-btn small{color:#775b36}.group-btn.active small{color:#f1d9ad}
.list-panel{border-right:2px solid #b99a67;background:repeating-linear-gradient(3deg,#7e542105 0 1px,transparent 1px 7px),#efddba}.list-controls{background:linear-gradient(#e2c799,#d7b986);border-bottom:1px solid #b69a66}.search{background:#fff0ce;border:1px solid #ab8650;border-top-width:2px;color:#52381e;box-shadow:inset 0 2px 5px #83603222;border-radius:8px}.search::placeholder{color:#91734d}.filter{background:linear-gradient(#f7e6bd,#ddbd83);color:#684723;border-color:#b38b50;box-shadow:inset 0 1px 0 #fff5,0 2px 0 #a37c4322}.filter:hover{background:#f5dca7;color:#573414}.filter.active{background:linear-gradient(#926431,#6b421e);color:#ffe7b2;border-color:#624018;box-shadow:inset 0 1px 0 #e8b56355}.sort-row{color:#7e613b}.sort-row select{color:#6d4c26;background:#e4cca1}.items{background:transparent}.item-row{color:#493320;background:transparent;box-shadow:none}.item-row:hover{background:#ddc39777;border-color:#b38b50}.item-row.selected{background:linear-gradient(90deg,#d8bb84,#eddaad);border-color:#97703b;box-shadow:inset 3px 0 #9b6b2b,0 1px 3px #9b723422}.group-heading{color:#856137;border-bottom-color:#c5a877}.equipped{background:#d6edf0;color:#265563;border-color:#5c98a4}.catalog .state.owned{color:#26704b}.catalog .state.missing{color:#b13e35}.catalog .state.unknown{color:#75644d}.filter.active .state.owned{color:#9ee2ab}.filter.active .state.missing{color:#ffb1a5}.filter.active .state.unknown{color:#ead8bd}
.detail{background:radial-gradient(ellipse at top,#fff2d288,transparent 60%),#e7cca0}.detail-head h2{color:#55391d;text-shadow:0 1px 0 #fff5}.favorite-btn{background:linear-gradient(#f7e7c5,#dcbc80);color:#996722;border-color:#ac8548;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #99714244}.favorite-btn:hover{background:#ffedbf}.art-frame{background:radial-gradient(ellipse,#3d839260,#24495720 45%,transparent 70%),linear-gradient(135deg,#d9bb84,#efd9ae);border:2px solid #b18b4e;border-radius:12px;box-shadow:inset 0 0 18px #89612b33,0 1px 0 #fff8}.art-frame img{filter:drop-shadow(0 4px 5px #47321855)}.art-frame.empty-art{color:#80603c}.detail-tags{color:#80603b}.info-box{background:#f6e7c8;border:1px solid #b89a66;border-radius:11px;box-shadow:inset 0 0 18px #a77e3020,0 2px 3px #79531e11}.info-box>h3{color:#8b5b23;font-weight:700}.info-box h4{color:#806037;font-weight:650}.info-box p,.info-box ul{color:#59452d}.source-links{color:#87673e}.source-links a{color:#326977;text-decoration:underline;text-underline-offset:3px}.detail .section-head h3{color:#5a3c20}.detail .section-head span{color:#80613b}.pet-skin{background:linear-gradient(#f5e7c9,#dec393);border-color:#b08c54;color:#624522}.pet-skin:hover{background:#fce6b7}.pet-skin.active{background:#d2b47c;border-color:#89602e;box-shadow:inset 0 0 0 1px #eac578}.catalog .empty{color:#846942}.catalog .empty strong{color:#624626}.mobile-back{color:#7d5426;box-shadow:none}.count-line strong{color:#f5dcae}
footer{color:#ab906d}dialog{background:repeating-linear-gradient(4deg,#a97c3705 0 1px,transparent 1px 6px),#ebd4aa;color:#604321;border:3px solid #ab8244;box-shadow:inset 0 0 0 2px #ffedc188,0 25px 90px #0008}dialog h2{color:#61401f}dialog .eyebrow{color:#996b30}dialog .muted,.connection-fact span{color:#84643d}.connection-fact{border-bottom-color:#c4a36d}.dialog-close{color:#725028;box-shadow:none}#toast{background:linear-gradient(#396e79,#214a57);border:2px solid #c19a59;color:#edfaff;border-radius:12px;box-shadow:0 5px 20px #0005}::-webkit-scrollbar-thumb{background:#987441}.catalog ::-webkit-scrollbar-thumb{background:#b29360}
@media(max-width:1150px){.rank-card{padding:15px 12px}.rank-symbol img{width:34px;height:38px}}
@media(max-width:720px){.rail{border-right:0;border-bottom:2px solid #aa7c3e;box-shadow:0 3px 8px #130d0988}.nav-link{border-radius:9px 9px 0 0}.nav-link.active{box-shadow:inset 0 2px 0 #eac17a55,inset 0 -2px 0 #75d0e3}.topbar{border-bottom:1px solid #765737}.hero-banner{padding:23px}.banner-summary{border:0}.hero-banner:after{width:180px;height:180px;right:-20px;top:24px;opacity:.11}.catalog .groups{border-right:0;border-bottom:1px solid #b29461}.list-panel{border-right:0}.rank-card{padding:16px}.rank-symbol{width:32px}.rank-symbol img{width:35px;height:40px}.collection-tile{border-width:2px}}

[hidden]{display:none!important}#cloudStatus{margin:0;padding:10px 24px;background:#33251a;color:#eed9b6;font-size:13px;line-height:1.5}.workspace{grid-template-rows:auto auto minmax(0,1fr) auto}#transferDialog{max-width:540px;width:calc(100% - 32px);box-sizing:border-box}#transferDialog p{line-height:1.7}.transfer-actions{display:flex;justify-content:flex-end;gap:12px}.top-actions{flex-wrap:wrap}.private-badge{max-width:160px;overflow:hidden;text-overflow:ellipsis}img[data-art]{min-width:20px;min-height:20px}@media(max-width:760px){.topbar{height:auto;min-height:64px;padding:12px;flex-wrap:wrap}.top-actions{gap:6px}.top-actions .button{font-size:12px;padding:8px}#cloudStatus{padding:8px 12px}}
