/* Original leather / brass frame. Corners remain fixed; only edge strips stretch. */
:root{--ink:#3b3025;--sea:#505d45;--deep:#292a25;--paper:#eee3c6;--gold:#c7aa66;--line:#c5b38b;--leather:#49382c;--muted:#796b54}
body{color:var(--ink)}
button{border-radius:2px;background:#536047;color:#fff2ce;border:1px solid #303c2b;box-shadow:inset 0 1px #ffffff26,0 2px #303429;transition:background .12s}
button:hover{background:#657152}button:disabled{opacity:.55}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #bb913e;outline-offset:3px}
input,textarea,select{color:#3b3025;background:#fbf4df;border:1px solid #b4a17a;border-radius:2px}
.muted,.eyebrow{color:var(--muted)}
.secondary,button.quiet{background:#e2d4b2;color:#51432d;border-color:#b7a074;box-shadow:0 2px #9d8862}
.topbar{background:linear-gradient(#34352e,#242720);border-bottom:2px solid #ad9054;box-shadow:0 3px #171b1bb3}
.brand{color:#f0dfaf}.brand-icon{color:#dfc382}.brand small,.island-tag,#online{color:#c0b89b}
.top-actions .quiet{background:#393b31;border:1px solid #777453;border-radius:2px;color:#e7dbb6;box-shadow:inset 0 1px #bbb18b18}
.top-actions .quiet:hover{background:#505340}
.floating{border:2px solid #967c48;border-radius:2px;background:#302e26f2;color:#eee1bd;box-shadow:inset 0 0 0 2px #534b36,0 4px 0 #20271d66}
.identity{padding:12px 16px}.identity small,.raid-chip small{color:#b9ab85}.identity .coin{color:#e5c673;border-color:#74613d}
.avatar{background-color:#66664b;border-color:#c3a269;box-shadow:inset 0 0 0 2px #38382d}
.hp-track{background:#242820;border-color:#8c8861}.hp-track i{background:#86a66d}
.raid-chip{background:#302e26f2;color:#eee1bd}.raid-chip:hover{background:#403d2e}.beacon,.chevron{color:#d3b777}
.keys{background:#282e25eb;border-color:#727451;color:#e6dfc1;font-size:10px;padding:5px 12px}.keys kbd{background:#464c38;border-color:#8d936a;color:#f6e9c5}
#dock{bottom:12px;gap:7px}
#dock nav{padding:8px 12px;gap:5px;background:linear-gradient(#4a3c2b,#302c22);border:2px solid #ad9058;border-radius:2px;box-shadow:inset 0 0 0 2px #211f1a,0 4px 0 #19211f80}
#dock nav button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:70px;min-height:65px;padding:5px 9px;border:1px solid transparent;color:#e8d9ae;background:transparent;font-size:11px;box-shadow:none;border-radius:1px}
#dock nav button img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 2px #171d1a88)}
#dock nav .dock-label{font-size:11px;line-height:1.4}#dock nav .dock-icon{width:30px;height:30px;flex-basis:30px}
#dock nav button:hover,#dock nav button.active,#dock nav button[aria-pressed=true]{background:#75613e;border-color:#cfb677;color:#fff3d1;box-shadow:inset 0 0 0 1px #372e20}
#dock nav button[data-panel=bag],#dock nav button[data-panel=announcements]{margin-left:9px;border-left:1px solid #927a4b}
dialog#panel,.companion-dialog,.pet-field-dialog{border:26px solid transparent;border-image:url('/art/ui/fantasy/frame-v1.png') 150 fill / 26px / 0 stretch;background:#eee3c6;border-radius:0;box-shadow:0 18px 65px #11180f99;color:var(--ink);padding:0}
dialog::backdrop{background:#141d19a8;backdrop-filter:none}
dialog#panel{width:min(1120px,96vw);max-height:94dvh}
#panel .panel-head{padding:12px 20px 17px;margin:0;background:transparent;border-bottom:1px solid #b5a174;color:#45331e;box-shadow:0 2px #fff6d666}
#panel .panel-head h2{font-size:25px;letter-spacing:2px;color:#493620;margin:3px 0 0}
#panel .panel-head .eyebrow{font-size:9px;letter-spacing:3px;color:#8d7852}
#panel .close,.companion-dialog>header button,.pet-field-top>button{background:#594638;color:#eee1ba;border:1px solid #302920;border-radius:1px;box-shadow:inset 0 0 0 1px #92764b;width:32px;height:32px;padding:0;font-size:21px}
#panelBody{padding:20px;background:transparent}
#panel .tabs button,.profile-tabs button,.market-filters button,.pet-main-tabs button,.pet-region-tabs button,.pet-detail-tabs button,.home-tabs button{background:#e5d6b1;color:#6a5736;border:1px solid #bba378;box-shadow:0 2px #c7b58e;border-radius:1px;padding:8px 13px}
#panel .tabs button.active,.profile-tabs button.selected,.market-filters button.active,.pet-main-tabs button.active,.pet-region-tabs button.active,.pet-detail-tabs button.active,.home-tabs button.selected{background:#514333;color:#f8e8bc;border-color:#574329;box-shadow:inset 0 -3px #c3a15e}
.notice,.card,.purchase-total{background:#f5ebd2;border:1px solid #cab58a;border-radius:2px;box-shadow:none;color:#493d2d}
.tag{background:#e0d3af;color:#695330;border:1px solid #c6ad7b;border-radius:2px}.tag.gold{background:#ebd798;color:#654817}
.inventory-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid #c7b58d}.inventory-top p{flex:1;min-width:160px;font-size:12px;margin:0}.inventory-top>b{color:#826126;font-size:15px}
.inventory-workspace{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px}.inventory-content{min-width:0}
#panel .inventory-tabs{display:flex;flex-direction:column;gap:4px;margin:0;padding-right:12px;border-right:1px solid #bda87c;align-self:start}
#panel .inventory-tabs button{padding:11px 12px;text-align:left;box-shadow:none;background:transparent;border:1px solid transparent;border-radius:1px;color:#796441}
#panel .inventory-tabs button.active{background:#514333;color:#f2dfac;border-color:#8d7249;box-shadow:inset 3px 0 #d6b466}
#panel .inventory-tabs button:hover{border-color:#b8a076}
.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start}
.inventory-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;background:#62533e;border:2px solid #473c2b;box-shadow:inset 0 0 0 1px #b5a075;align-content:start}
#panel .item-slot{position:relative;min-width:0;min-height:115px;padding:7px 4px;background:#b7a57c;color:#40331f;border:1px solid #756142;border-radius:0;box-shadow:inset 0 0 0 1px #dbc99c,inset 0 -4px #89764d44}
#panel .item-slot:hover{background:#cdbb8d;border-color:#f6e4ad}
#panel .item-slot.selected{background:#e1cea0;border:1px solid #fff0ba;box-shadow:inset 0 0 0 2px #aa813c,0 0 0 1px #c9aa63}
#panel .item-slot.unused{min-height:100px;background:#7d6c4e55;border-color:#51452e;box-shadow:inset 0 2px 3px #302e2040}
.item-slot .item-name{font-size:11px;line-height:1.45;color:#493b26}.item-slot .item-profession{font-size:9px;color:#715b35}.item-slot .item-count{background:#443924;color:#fff0bb;border:1px solid #a58d5c;border-radius:0;font-size:10px;right:3px;top:3px;bottom:auto;left:auto;padding:1px 3px}
.item-slot .item-art{height:60px;margin:0 auto 5px}.item-slot .item-art img{max-height:58px;max-width:72px;object-fit:contain;image-rendering:pixelated}
.item-detail{position:sticky;top:0;background:transparent;border:0;border-left:1px solid #c2ae80;border-radius:0;padding:4px 0 14px 18px;box-shadow:none}
.item-detail>.item-art{height:132px;display:grid;place-items:center;background:radial-gradient(ellipse,#d2ba7d66,transparent 68%);border-bottom:1px solid #c9b88b;margin-bottom:18px}
.item-detail>.item-art img{max-width:150px;max-height:120px;object-fit:contain;image-rendering:pixelated}.item-detail h3{font-size:18px;line-height:1.6;color:#60451e}.item-detail p{font-size:12px;line-height:1.85;color:#78664a}.item-detail button{width:100%}
.inventory-panel #panelBody>button{margin-top:18px}.reward-history{margin-top:15px;border-top:1px solid #bfae86;padding-top:12px;color:#88734e;font-size:12px}
@media(min-width:701px){.inventory-slots{max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c6ae76 #62533e}#panel .inventory-tabs button{padding:9px 12px}.inventory-panel .class-tabs{padding:5px;margin-bottom:8px}.inventory-panel .class-tabs button{font-size:11px;padding:6px 9px}}
.companion-dialog{padding:8px 14px 10px;width:min(1140px,96vw);max-height:94dvh}
.companion-dialog>header{border-bottom:1px solid #baa373;color:#4d3b24}.companion-dialog>header h2{letter-spacing:2px}.pet-count{color:#8a7248}
.companion-dialog>header button{width:48px;font-size:12px}.companion-dialog .pet-main-tabs button[aria-pressed=true],.companion-dialog .pet-region-tabs button[aria-pressed=true],.companion-dialog .pet-detail-tabs button[aria-pressed=true]{background:#514333;color:#f8e8bc;border-color:#574329;box-shadow:inset 0 -3px #c3a15e}
.pet-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}.pet-list{padding-right:12px;border-right:1px solid #baa373}
.companion-dialog .pet-card{background:#e2d5b2;border:1px solid #c4ae80;border-radius:1px;min-height:115px;color:#54442c}
.companion-dialog .pet-card.chosen{background:#d3c295;border-color:#886f41;box-shadow:inset 3px 0 #80683d}.pet-card small{color:#7c6c4e}.pet-card img{background:none;border:0}
.pet-detail{background:#f3e8ca80;border:0;border-radius:0;padding:12px 20px}.pet-profile-header{border-color:#cbb68a}.pet-profile-header h2{color:#654b28}.pet-profile-header p{color:#84714e}.pet-bio{color:#62523a!important}.pet-facts span{background:#e4d5ae;color:#796039;border-radius:1px}
.pet-skill,.pet-stat-grid>div{background:#e9dcba;border:1px solid #c8b082;border-radius:1px;color:#5e4b2c}.pet-footnote{color:#89754e;border-color:#c6b58d}
.pet-field-top{background:#493c2c;color:#f4e6c0}.pet-field-body{background:transparent}.pet-field-art{background:#d9c99f}.pet-field-copy{color:#58482e}
.market-panel #panelBody,.home-panel #panelBody{background:transparent}.shop-wallet,.home-toolbar{background:#dfcfaa;border-color:#b6a074}.market-nav,.home-nav{background:#e4d6b4;border-color:#bda578}
.market-nav button,.home-nav button{background:transparent;color:#745d39;border-color:transparent;border-radius:1px}.market-nav button.active,.home-nav button.selected{background:#514333;color:#f5e4b9;border-color:#92774b}
.market-card,.forge-card{border:1px solid #bda373;border-radius:2px;background:#f3e8cc;box-shadow:0 2px #c1ab7f}.market-art{background:#e0d1ab;border-radius:1px}.forge-card.tier-2{border-color:#b18945;background:#f0dfb5}
.profile-tabs{border-color:#b7a171}.appearance-live{background-color:#d7c79e}.chat-paper{background:#f0e4c3;border-color:#987e4b;color:#493b28}
#toast{background:#342e23;color:#f5e6ba;border:1px solid #b69a5f;border-radius:2px}
@media(max-width:1000px){.inventory-layout{grid-template-columns:minmax(0,1fr) 200px}.inventory-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-workspace{grid-template-columns:100px minmax(0,1fr);gap:12px}#dock nav button{min-width:59px;padding:5px 7px}#dock nav{gap:2px;padding:6px}.island-tag{display:none}}
@media(max-width:700px){dialog#panel,.companion-dialog,.pet-field-dialog{border-width:14px;border-image-width:14px;max-height:96dvh}#panelBody{padding:12px}#panel .panel-head{padding:8px 10px 12px}.inventory-workspace{display:block}#panel .inventory-tabs{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #bda87c;padding:0 0 10px;margin-bottom:14px}#panel .inventory-tabs button{flex:none;padding:8px 12px}.inventory-layout{grid-template-columns:minmax(0,1fr) 170px;gap:12px}.inventory-slots{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.item-detail{padding-left:12px}.inventory-top p{display:none}.inventory-top button{font-size:11px;padding:7px}.pet-layout{display:flex}.pet-list{border-right:0;border-bottom:1px solid #baa373}#dock nav{max-width:96vw;flex-wrap:nowrap;overflow:auto;justify-content:flex-start}#dock nav button{min-width:53px;min-height:55px;font-size:10px;padding:4px}#dock nav button img{width:26px;height:26px}#dock nav button[data-panel=bag],#dock nav button[data-panel=announcements]{margin-left:3px}.topbar{padding:0 10px;gap:10px}.brand{font-size:16px}.top-actions{gap:4px}.top-actions .quiet{padding:6px;font-size:10px}#online{display:none}}
@media(max-width:460px){.inventory-layout{display:flex;flex-direction:column}.inventory-slots{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.item-detail{width:100%;border-left:0;border-top:1px solid #c2ae80;padding:12px 0}.item-detail>.item-art{height:85px}.item-detail>.item-art img{max-height:80px}.brand small{display:none}.brand-icon{width:26px}.top-actions .quiet{font-size:9px}.companion-dialog{padding:6px}.pet-detail{padding:10px}}

/* Interaction and companion detail overrides. */
.sky-dialog:not(.sky-notebook-dialog){border:22px solid transparent;border-image:url('/art/ui/fantasy/frame-v1.png') 150 fill / 22px / 0 stretch;border-radius:0;background:#eee3c6;color:#493922;padding:0;width:min(800px,94vw);max-height:92dvh;overflow:auto;box-shadow:0 16px 50px #141c1890}
.sky-dialog:not(.sky-notebook-dialog) .panel-head{background:none;color:#584020;padding:16px 24px 14px;border-bottom:1px solid #baa473;gap:14px}
.sky-dialog:not(.sky-notebook-dialog) h2{font-size:21px;letter-spacing:2px;margin:0}
.sky-dialog:not(.sky-notebook-dialog) .panel-head h2::before{content:'◆';font-size:10px;color:#ad8d48;vertical-align:middle;margin-right:12px}
.sky-dialog .panel-head>button{width:30px;height:30px;padding:0;background:#514132;color:#ead9ad;border:1px solid #9d8251;border-radius:1px;font-size:20px}
.sky-dialog-body{font-size:16px;line-height:2;padding:18px 26px 24px}.sky-dialog-body>p{margin:0 0 22px;color:#59492f}
.sky-choices{counter-reset:reply;gap:9px;margin-top:16px}
.sky-choices button,.pet-field-choices button{position:relative;background:#e3d3ad;color:#594325;border:1px solid #b79a65;border-radius:1px;box-shadow:inset 0 1px #fff3d3,0 2px #c1ac80;padding:12px 16px;text-align:left;font-size:13px;line-height:1.7}
.sky-choices button{counter-increment:reply;padding-left:48px;padding-right:30px}.sky-choices button::before{content:counter(reply,decimal-leading-zero);position:absolute;left:15px;top:13px;color:#97773f;font-size:11px}.sky-choices button::after{content:'›';position:absolute;right:14px;top:9px;font-size:22px;color:#92703a}
.sky-choices button:hover,.pet-field-choices button:hover{background:#514333;color:#fff0c4;border-color:#bfa267}.sky-choices button:hover::before,.sky-choices button:hover::after,.pet-field-choices button:hover b,.pet-field-choices button:hover i{color:#dec18a}
.sky-choices button:disabled,.pet-field-choices button:disabled{opacity:.5;cursor:wait}
.pet-field-top{background:transparent;color:#84683b;border-bottom:1px solid #b9a274;padding:12px 20px;letter-spacing:2px}
.pet-field-body{gap:22px;padding:22px}.pet-field-art{background:radial-gradient(ellipse,#dbc38955,transparent 70%);border-color:#c7ae7d}.pet-field-art img{max-width:100%}.pet-field-art span{color:#93794e}
.pet-field-body h2{color:#64451f;font-size:24px;letter-spacing:1px;padding-bottom:12px;border-bottom:1px solid #cbb480}.pet-field-body section>small{color:#927548}.pet-field-story{color:#695638;font-size:14px;line-height:1.9}.pet-field-choices b,.pet-field-choices i{color:#9c7940}.pet-field-feedback{color:#9c5138}.pet-field-dialog footer{background:transparent;border-top:1px solid #c5ae7e;color:#8a7047}
.companion-dialog .pet-card strong{display:block;color:#634720;font-size:16px;letter-spacing:1px;line-height:1.5}.companion-dialog .pet-card.chosen strong{color:#473018}.pet-card small{color:#927b50}
.companion-dialog .pet-profile-header h2{display:inline-block;color:#61431c;font-size:28px;letter-spacing:2px;border-bottom:2px solid #b49556;padding-bottom:9px;margin-bottom:9px;line-height:1.4}.pet-profile-header>div{padding-top:4px}.pet-profile-header .pet-portrait-caption{color:#8e7954}
.companion-dialog .pet-actions button{background:#594932;color:#f5e5bc;border:1px solid #957749;border-radius:1px;box-shadow:inset 0 1px #d7c39122;padding:8px 12px}.companion-dialog .pet-actions button:hover{background:#75603d}
.companion-dialog .pet-skill{padding:14px;background:#e8d9b5;border:1px solid #c4a977;border-radius:1px}.pet-skill h3{color:#694b20;letter-spacing:1px}.pet-skill>small{color:#977a46}.pet-skill-icon{border-color:#a88a51;box-shadow:0 2px #b8a06d}
.pet-site-heading{border-left-color:#b39250}.pet-site-heading h3{color:#72542c}.pet-field-checklist{background:#e9dcb9;border:1px solid #c6af80;border-radius:1px}.pet-field-checklist h4{color:#755a30}.pet-field-checklist div{border-color:#cebc94}.pet-field-checklist .finished{color:#64724b}
.pet-steps b{background:#e6d4aa;border-color:#bda16a;color:#8c6c3c;border-radius:1px}.pet-steps .current{color:#654822}.pet-steps .current b{background:#5b4830;color:#ffe9b3}.pet-steps .done{color:#6a794e}.pet-hint{border-color:#bea777;color:#79643f!important}
.pet-combat-hud{background:#302d25f5;border-color:#a98b51;box-shadow:inset 0 0 0 1px #66553a,0 3px #181e1866;padding:7px;gap:8px}.pet-combat-hud button,.pet-hud-passive{border:1px solid #8d7345;background:#27291f}.pet-combat-hud span{background:#302a1fed;color:#eed6a1}.pet-field-hud{background:#302d25f2;border-color:#ae9055;border-radius:1px;box-shadow:inset 0 0 0 1px #695436,0 3px #171e1955}.pet-field-emblem{transform:none;background:#594a31;border-color:#a78a52}.pet-field-emblem img{transform:none}.pet-field-hud-main>small,.pet-field-hud-status{color:#c4b08a}.pet-field-hud-main>strong{color:#f0dfb3}.pet-field-meter{background:#24281e;border-color:#8f7948;border-radius:0}.pet-field-meter>span{background:linear-gradient(90deg,#8b7948,#ddc486)}
@media(max-width:650px){.sky-dialog:not(.sky-notebook-dialog){border-width:14px;border-image-width:14px}.sky-dialog-body{padding:16px;font-size:14px}.sky-dialog:not(.sky-notebook-dialog) .panel-head{padding:10px 16px}.pet-field-body{padding:14px;gap:14px}.pet-field-body h2{font-size:21px}.companion-dialog .pet-profile-header h2{font-size:24px}.pet-field-choices button{padding:10px;font-size:12px}}