/* Schattenpfoten Chronicles: local fonts and one coherent control language. */
@font-face{font-family:Chronicle;src:url('/fonts/chronicle-roman.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Chronicle;src:url('/fonts/chronicle-roman-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Chronicle UI';src:url('/fonts/chronicle-sans.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Chronicle UI';src:url('/fonts/chronicle-sans-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--chronicle-display:Chronicle,'Palatino Linotype',Georgia,serif;--chronicle-ui:'Chronicle UI',Arial,sans-serif;--chronicle-gold:#dec28a;--chronicle-muted:#c4b8cc}
body{font:400 16px/1.58 var(--chronicle-ui);color:#f3eefa}
button,input,select,textarea,p,li,small,label,summary,.account,.trade-compose,.trade-offer,#notice{font-family:var(--chronicle-ui)}
h1,h2,h3,.section-head h1,.intro h1,.collection-season h2,.achievement h3,.forge-item h3,.trade-compose h2,.trade-offer h3,.trade-list h2,.forge-confirm h2,.card-meta h3,.season-note p{font-family:var(--chronicle-display);font-weight:400;letter-spacing:.025em}
h1,.section-head h1{line-height:1.12;text-wrap:balance;text-shadow:0 2px 18px #07040ba8}h2{line-height:1.2}h3{line-height:1.3}
.eyebrow,.scene-caption,.season-note span,.stats small,.card-meta small,.achievement small,.forge-wallet>span,.trade-status,.test,.account-role,.account-dev{font-family:var(--chronicle-ui);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.section-head p,#collection .section-head p,.intro>p,.trade-compose p,.trade-offer p,.forge-note{font-family:var(--chronicle-ui);letter-spacing:normal;line-height:1.65;color:var(--chronicle-muted)}
#identity .account-name{font:400 19px/1.2 var(--chronicle-display);letter-spacing:.025em}#identity .account-role{font-size:10px;letter-spacing:.1em}#admin-panel label,.trade-fields label{font-weight:700;letter-spacing:.035em}#notice:not(:empty){font-size:14px;letter-spacing:.015em}
/* One beveled silhouette and thin inner rim for all action controls. */
button:not(.card-button):not(#close-detail):not(.cinematic-start):not(.cinematic-skip):not(.splash-enter):not(.season-reveal-close),a.primary,.filters button,#card-steps button{position:relative;isolation:isolate;font-family:var(--chronicle-ui);font-weight:700;letter-spacing:.045em;line-height:1.2;border-radius:13px 4px 13px 4px;min-height:44px;text-decoration:none}
button:not(.card-button):not(#close-detail):not(.cinematic-start):not(.cinematic-skip):not(.splash-enter):not(.season-reveal-close):not(.nav),a.primary,.filters button,#card-steps button{border:1px solid #9a79ac;background:linear-gradient(155deg,#2d2340,#1a1728 49%,#111727);color:#eee6f5;box-shadow:inset 0 0 0 1px #ffffff0c,inset 0 1px 0 #d7b7ea21,0 5px 12px #04030952}
button.primary,a.primary,.filters button.active,#card-steps button[aria-current=true]{border-color:#ad8a58;background:linear-gradient(135deg,#543668,#34244f 48%,#202039);color:#ffe6af;box-shadow:inset 0 0 0 1px #ffe6af1b,inset 0 1px 0 #f4d7a64d,0 7px 18px #0806118c}
button:not(.card-button):not(#close-detail):not(.cinematic-start):not(.cinematic-skip):not(.splash-enter):not(.season-reveal-close):not(.nav):not(:disabled):hover,a.primary:hover,.filters button:not(:disabled):hover,#card-steps button:not(:disabled):hover{border-color:#e4bc75;background:linear-gradient(145deg,#543666,#312646 50%,#24233a);color:#fff0cb;box-shadow:inset 0 0 0 1px #e4bc752b,0 0 18px #a47bc347,0 7px 18px #05040b8a;filter:none}
button.primary:not(:disabled):hover,a.primary:hover,.filters button.active:hover{background:linear-gradient(135deg,#654272,#45305e 52%,#282a47)}
button:not(.card-button):not(#close-detail):not(.cinematic-start):not(.cinematic-skip):not(.splash-enter):not(.season-reveal-close):not(:disabled):active,a.primary:active,.filters button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 10px #07040b9c,inset 0 0 0 1px #d3aa6c42}
button:disabled,.filters button:disabled,select:disabled,input:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45);box-shadow:none}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f4d394;outline-offset:3px;box-shadow:0 0 0 5px #31203bd9}
.nav{border:1px solid transparent;background:transparent;color:#d5c4df;padding:10px 13px;border-radius:10px 3px 10px 3px;font-size:14px;white-space:nowrap}
.nav:hover{border-color:#9275a074;background:#2b203cbd;color:#f7e3b5}.nav.active{border:1px solid #ae8b5f;background:linear-gradient(145deg,#382845,#1a1a2d);color:#ffe5ac;box-shadow:inset 0 0 0 1px #d4b78022,0 4px 14px #0007}.nav:active{transform:translateY(1px)}
#nav-count{display:inline-block;border:1px solid #bda27143;border-radius:99px;background:#c49c5830;color:#f4d9a1;font:700 10px/1.2 var(--chronicle-ui);letter-spacing:.01em;padding:3px 7px}#sound-toggle{white-space:nowrap}#dev-logins button{flex:1 1 auto}
.filters button{border-radius:10px 3px 10px 3px;font-size:13px;padding:10px 16px;color:#d3c2df}.filters button.active{color:#ffe6af}
input:not([type=checkbox]),select,textarea,.trade-fields select,.account input[type=number]{appearance:none;border:1px solid #8a719d;border-radius:10px 3px 10px 3px;min-height:44px;background:linear-gradient(135deg,#100e1d,#1a1728);color:#f4ecf8;box-shadow:inset 0 1px 7px #05040c,0 1px 0 #ae91ca1d;padding:10px 14px;font:400 16px/1.3 var(--chronicle-ui);letter-spacing:.015em}
select,.trade-fields select{appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,#d9ba7e 50%),linear-gradient(135deg,#d9ba7e 50%,transparent 50%),linear-gradient(135deg,#100e1d,#1a1728);background-position:calc(100% - 21px) 50%,calc(100% - 15px) 50%,center;background-size:6px 6px,6px 6px,cover;background-repeat:no-repeat}
select:hover,input:not([type=checkbox]):hover{border-color:#bda4c7}select option{background:#191426;color:#f4ecf8}input[type=checkbox]{accent-color:#a77ac6;width:20px;height:20px;cursor:pointer}label{color:#e5d9e8}#members label:hover{background:#aa80cd12}
.account,.trade-compose,.trade-offer,.forge-wallet,.forge-item,.achievement,.collection-season,dialog{border-color:#9d7d9a6b;box-shadow:inset 0 0 0 1px #d5b9850c,0 12px 32px #05040c50}
#notice:not(:empty),.trade-status,.badge{border-radius:10px 3px 10px 3px;border-color:#aa876184;background:#231b30e8;color:#ecd6aa}
dialog,.forge-confirm{border:1px solid #b193b5;background:linear-gradient(145deg,#23182f,#121323);box-shadow:0 24px 65px #000c,inset 0 0 0 1px #e1bb7930}dialog::backdrop{background:#05040cdb;backdrop-filter:blur(5px)}#close-detail{font-family:var(--chronicle-ui);border:1px solid #ab8aaf;background:#241b32;color:#f8e8c7}#close-detail:hover{background:#493052}.achievement-toast strong{font-family:var(--chronicle-display);font-weight:400}
@media(max-width:900px){.nav{font-size:13px;padding:9px 10px}}
@media(max-width:600px){body{font-size:15px}.nav{font-size:11px;padding:8px 5px;letter-spacing:0;white-space:normal}#nav-count{display:block;margin:3px auto 0;width:max-content}.filters button{font-size:12px;padding:9px 6px;letter-spacing:.015em}#identity .account-name{font-size:18px}h1,.section-head h1{line-height:1.14}button:not(.card-button):not(#close-detail):not(.cinematic-start):not(.cinematic-skip):not(.splash-enter):not(.season-reveal-close),a.primary{letter-spacing:.015em}}
@media(max-width:340px){.nav{font-size:10px;padding:7px 3px}#nav-count{font-size:9px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none!important}}