/* Shared world interface: ink, warm shell, weathered brass. Scene renderers stay independent. */
:root{--ui-text:#f2efdf;--ui-surface:#061d27;--ui-panel:#0b2933;--ui-muted:#aac0c0;--ui-paper:#eee4c8;--water:#061d27;--panel:#0b2933;--panel-active:#173942;--ink:#f2efdf;--paper:#eee4c8;--muted:#aac0c0;--edge:#c2d5ce26;--radius-control:8px;--radius-scene:14px;--color-deep:#061d27;--color-paper:#f2efdf;--color-muted:#aac0c0;--ui-gold:#e6c788;--ui-border:#c2d5ce26}
body[data-ui]{background:#061d27;color:#f2efdf;-webkit-font-smoothing:antialiased}
body[data-ui] :is(h1,h2,h3){font-family:var(--font-body,Archivo,Arial,sans-serif);font-stretch:100%;font-weight:550;letter-spacing:-.04em;text-wrap:balance}
body[data-ui] h1{font-size:clamp(36px,4.1vw,60px);line-height:1.05}
/* Archivo’s display axis gives page titles a distinct voice. The intro owns its type. */
body[data-ui] h1:not(.intro *){font-weight:800;font-stretch:112%;font-size:clamp(38px,4.6vw,68px);line-height:1.01;letter-spacing:-.045em;font-style:normal}
body[data-ui] :is(h2,h3):not(.intro *){font-weight:700;letter-spacing:-.035em}
body[data-ui] :is(p,li){text-wrap:pretty}
body[data-ui] .eyebrow{letter-spacing:.13em;color:#c3ba99}
body[data-ui]>.mast,body[data-ui]>header,body[data-ui] .masthead{background:#061923ed;border-bottom:1px solid var(--ui-border);padding:14px clamp(20px,4vw,72px);min-height:76px;gap:24px}
body[data-ui] :is(header,.masthead) nav{align-items:center;gap:6px}
body[data-ui] :is(header,.masthead) nav a,body[data-ui] :is(header,.masthead) nav .menu-button{padding:10px 15px;min-height:42px;border-radius:7px;font-size:13px;line-height:22px;color:#bed0ce;text-decoration:none;background:transparent;border:1px solid transparent;white-space:nowrap}
body[data-ui] :is(header,.masthead) nav a:hover,body[data-ui] :is(header,.masthead) nav a[aria-current=page]{background:#d3e1d30e;color:#f6ecd0;border-color:#cbd4bd25;text-decoration:none}
body[data-ui] :is(.primary,.reef-entry){background:#eee4c8;color:#092631;border:1px solid #eee4c8;border-radius:8px;font-weight:600;box-shadow:0 3px 0 #0002;transition:background .15s,transform .15s}
body[data-ui] .primary:hover:not(:disabled),body[data-ui] .reef-entry:hover{background:#fff3d6;color:#092631;transform:translateY(-1px)}
body[data-ui] .secondary{border-color:#afc5bf45;border-radius:8px;background:#a8c4bd08}
body[data-ui] :is(input,select){border-radius:7px}
body[data-ui] :is(button,a,input,select,summary):focus-visible{outline:2px solid #f0ce85;outline-offset:4px}
body[data-ui] .demo{font:10px/1.2 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;border:1px solid #bfc9b73d;border-radius:5px;padding:6px 8px;color:#c8d0bd}
body[data-ui] :is(.heading,.play-heading){padding-top:38px;padding-bottom:30px}
body[data-ui] .heading>div>p:last-child{font-size:16px;line-height:1.65;margin-bottom:0}
body[data-ui] .balance{padding:12px 18px;border:1px solid var(--ui-border);border-radius:10px;background:#102e35;min-width:145px}
body[data-ui] .balance strong{font-size:27px;font-weight:550;font-variant-numeric:tabular-nums;color:#eee2bb}
body[data-ui] .balance span{font-size:10px;letter-spacing:.04em}
body[data-ui] details{border-color:var(--ui-border)}
body[data-ui] footer{border-color:var(--ui-border);color:#9db5b7}
/* The home page is a world entrance, with a quiet masthead and a shorter invitation. */
body[data-ui=home] .world-identity{max-width:220px;font-size:12px;line-height:1.55;color:#9bb4b6}
body[data-ui=home] .hero-copy{padding-top:clamp(56px,7vw,100px)}
body[data-ui=home] #world-title{font-size:clamp(56px,7.4vw,106px);font-weight:800;letter-spacing:-.05em;line-height:.97;max-width:680px}
body[data-ui=home] .hero-description{font-size:clamp(16px,1.5vw,21px);max-width:32ch;line-height:1.65;margin-top:24px}
body[data-ui=home] .reef-entry{font-size:17px;padding:19px 25px;min-width:265px}
body[data-ui=home] .entry-note{font-size:12px;color:#b7cdca}
body[data-ui=home] .build-invitation{font-size:13px;margin-top:24px}
body[data-ui=home] .destination{border-radius:12px;overflow:hidden;border-color:#c8d4bc24}
body[data-ui=home] .destination-copy strong{font-size:clamp(25px,2.7vw,38px);font-weight:550;letter-spacing:-.04em}
body[data-ui=home] .destination-state{font-size:10px;letter-spacing:.12em;color:#ddcea8}
/* Play: a gallery of playable places, not a stack of announcement panels. */
body[data-ui=play] main{max-width:1560px;padding-inline:4vw}
body[data-ui=play] .play-heading{align-items:center}
body[data-ui=play] .play-heading h1{font-size:clamp(42px,4.5vw,66px)}
body[data-ui=play] .play-note{border-left:1px solid #b6c5ac40;padding-left:22px;font-size:12px}
/* Readers and receipts use a calmer type scale and more breathing room. */
body[data-ui] :is(.loop,.receipt-body,.guide-chapter,.section-copy){line-height:1.75}
body[data-ui] .loop>h2{font-size:32px}
body[data-ui] .loop-steps{border-top:1px solid var(--ui-border);gap:32px}
body[data-ui=guide] .welcome h1{font-size:clamp(42px,5vw,68px)}
body[data-ui=guide] .welcome>p{max-width:58ch;line-height:1.7}
body[data-ui=companion] .activity-launcher{background:#061d27;border-bottom:1px solid var(--ui-border);padding-block:10px;gap:8px}
body[data-ui=companion] .activity-launcher :is(button,a){min-height:44px;border-radius:7px;font-size:13px;padding:11px 18px;border-color:#aec4b82c}
body[data-ui=companion] .activity-launcher button[aria-pressed=true]{background:#eee4c8;color:#092631;border-color:#eee4c8}
body[data-ui=companion] :is(.auth-panel,.auth-banner){border-radius:8px}
body[data-ui=companion] :is(.voyage-heading,.home-heading) h2{font-size:32px}
body[data-ui=builds] :is(.build-panel,.operating,.role-job){border-radius:12px;border-color:var(--ui-border)}
@media(max-width:850px){body[data-ui] :is(header,.masthead) nav a,body[data-ui] :is(header,.masthead) nav .menu-button{padding-inline:9px;font-size:12px}body[data-ui=home] .world-identity{display:none}}
@media(max-width:620px){body[data-ui]>.mast,body[data-ui]>header,body[data-ui] .masthead{padding:14px 20px;gap:10px;min-height:66px}body[data-ui] :is(header,.masthead) nav{gap:1px;flex-wrap:wrap}body[data-ui] :is(header,.masthead) nav a{padding-inline:7px;font-size:12px}body[data-ui] :is(.heading,.play-heading){padding-top:28px;padding-bottom:24px}body[data-ui] .heading{gap:12px}body[data-ui] .balance{padding:10px;min-width:108px}body[data-ui] .balance strong{font-size:23px}body[data-ui=home] #world-title{font-size:60px}body[data-ui=home] .hero-copy{padding-top:44px}body[data-ui=home] .hero-description{font-size:17px;max-width:29ch}body[data-ui=home] .reef-entry{font-size:16px;min-width:230px}body[data-ui=play] main{padding-inline:20px}body[data-ui=play] .play-note{border:0;padding:0}body[data-ui=companion] .activity-launcher :is(button,a){font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){body[data-ui] .primary{transition:none}}
body[data-ui=credit] .funding-workbench{border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;background:#0a2933}
body[data-ui=credit] .account-side{background:linear-gradient(160deg,#193d46,#0b2933);border-color:var(--ui-border)}
body[data-ui=credit] .funding-heading{padding-top:38px;padding-bottom:30px}
body[data-ui=credit-purse] .purse-heading{padding-top:38px}
body[data-ui=credit-purse] .balance{background:linear-gradient(135deg,#1b4149,#0c2a35);padding:24px;border-radius:14px}
body[data-ui=credit-purse] .balance strong{font-size:46px}
body[data-ui=credit-purse] .earn>a{padding:22px 24px;border:1px solid var(--ui-border);border-radius:12px;background:#0b2933}
body[data-ui=credit-purse] .earn{gap:20px}
body[data-ui=credit-purse] .commission{padding:0;overflow:hidden;border-radius:14px;border:1px solid var(--ui-border)}
body[data-ui=credit-purse] .commission-copy{padding:30px}
body[data-ui=guide] .chapters{max-width:840px}
body[data-ui=guide] .chapters>section{padding-block:36px;border-color:var(--ui-border)}
body[data-ui=guide] .chapters h2{font-size:32px}
body[data-ui=guide] .contents a{font-size:13px;line-height:1.6}
body[data-ui=guide] .welcome .intro{font-size:16px;line-height:1.75;max-width:53ch}
body[data-ui=guide] .first-steps{gap:26px}
body[data-ui=guide] .place{border-color:var(--ui-border)}
@media(max-width:620px){body[data-ui]>header,body[data-ui]>.mast{flex-wrap:wrap}body[data-ui]>header>nav{width:100%;justify-content:flex-start}body[data-ui=credit-purse] .earn{grid-template-columns:1fr;gap:12px}body[data-ui=credit-purse] .earn>a{padding:18px}body[data-ui=credit-purse] .commission-copy{padding:24px}body[data-ui=guide] .chapters h2{font-size:28px}}
/* Separate the entrance and destinations so neither can cover the other. */
body[data-ui=home][data-concept=expedition] #main{height:auto;min-height:0;max-height:none}
body[data-ui=home][data-concept=expedition] .hero{height:650px;min-height:0;padding:72px 6%}
body[data-ui=home][data-concept=expedition] .hero-copy{padding:0;max-width:550px}
body[data-ui=home] #world-title{font-size:clamp(56px,5.5vw,80px);font-stretch:112%;max-width:550px;overflow-wrap:normal;word-break:normal;text-wrap:initial}
body[data-ui=home][data-concept=expedition] .hero-description{max-width:380px;font-size:18px;line-height:1.65}
body[data-ui=home][data-concept=expedition] .keeper{top:10%;right:7%;width:43%;max-width:560px}
body[data-ui=home][data-concept=expedition] .destinations{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:20px 6% 40px;background:linear-gradient(#082b3655,#061d27)}
body[data-ui=home][data-concept=expedition] .destinations .destination{border:1px solid #c5d3bd26;border-radius:12px;padding:14px 10px 18px;background:#082630b8;overflow:hidden}
body[data-ui=home][data-concept=expedition] .destinations .destination-copy{display:block;background:none;padding:10px 5px 0}
body[data-ui=home][data-concept=expedition] .destinations .destination-state{display:block;font-size:9px;margin-bottom:9px}
body[data-ui=home][data-concept=expedition] .destinations .destination strong{font-size:22px}
body[data-ui=home][data-concept=expedition] .companion{order:0}
body[data-ui=home][data-concept=expedition] .fishing{order:-1}
body[data-ui=companion] .mast{height:auto;min-height:76px}
body[data-ui=companion] .cove-tools{min-width:0}
@media(max-width:1000px){body[data-ui=home][data-concept=expedition] .hero-copy{max-width:55%}body[data-ui=home] #world-title{font-size:58px}body[data-ui=home][data-concept=expedition] .keeper{top:20%;right:0}body[data-ui=home][data-concept=expedition] .hero-description{font-size:16px}}
@media(max-width:620px){body[data-ui=home][data-concept=expedition] .hero{height:760px;padding:38px 24px}body[data-ui=home][data-concept=expedition] .hero-copy{max-width:100%}body[data-ui=home] #world-title{font-size:54px}body[data-ui=home][data-concept=expedition] .hero-description{font-size:16px;max-width:32ch;margin-top:20px}body[data-ui=home][data-concept=expedition] .keeper{top:57%;right:1%;width:85%;max-width:340px}body[data-ui=home][data-concept=expedition] .destinations{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px 32px;gap:12px}body[data-ui=home][data-concept=expedition] .destinations .destination{padding:12px 4px}body[data-ui=home][data-concept=expedition] .destinations .destination strong{font-size:18px}body[data-ui=home][data-concept=expedition] .destinations .destination-state{font-size:8px}body[data-ui=companion] .site-nav{flex-wrap:wrap;min-width:0}body[data-ui=companion] .site-nav a{padding-inline:6px}}
body[data-ui=reef] :is(.back,.top button,.bottom button){border-radius:8px;border-color:#c2d5ce35;background:#061d27cc;backdrop-filter:blur(8px)}
body[data-ui=reef] .location h1{font-size:34px;font-weight:800;font-stretch:108%}
body[data-ui=reef] .passage{background:#061d27;color:#f2efdf;border-color:#c2d5ce35}
body[data-ui=aquarium] .reef-heading h1{font-size:clamp(40px,5.1vw,76px);font-stretch:112%;font-weight:800;line-height:.98}
body[data-ui=aquarium] :is(.reef-back,.reef-views button){border-radius:8px}
body[data-ui=home][data-concept=expedition] .hero{position:relative;inset:auto}
@media(max-width:380px){body[data-ui=companion] .activity-launcher{gap:4px;padding-inline:6px}body[data-ui=companion] .activity-launcher :is(button,a){font-size:11px;padding:10px 7px}}
body[data-ui=home] .masthead nav a[href="credit-purse/"]{display:inline-flex!important}
body[data-ui=home][data-concept=expedition] .living-backdrop:after{background:linear-gradient(90deg,#001725b8,transparent 70%),linear-gradient(0deg,#041e29a6,transparent 45%)}
@media(max-width:620px){body[data-ui=home] .masthead nav{gap:0;flex-wrap:wrap}body[data-ui=home] .masthead nav a{padding-inline:9px}body[data-ui=home] .masthead nav [data-world-sound]{min-width:70px;width:80px}body[data-ui=cup]>header,body[data-ui=dive]>header{position:relative}body[data-ui=cup]>header .demo,body[data-ui=dive]>header .demo{position:absolute;right:20px;top:22px;background:#21383e;color:#eee4c8}body[data-ui=home][data-concept=expedition] .living-backdrop:after{background:linear-gradient(90deg,#00172590,transparent 90%),linear-gradient(0deg,#041e2977,transparent 55%)}}
body[data-ui=credit] :is(.account-side,.funding-form-side){padding:30px}
body[data-ui=builds] #choices button{border-radius:8px;border-color:#bdcdbc30;background:#0a2933}
body[data-ui=builds] #choices button[aria-pressed=true]{border-color:#ddc994;background:#d1ba7a12}
body[data-ui=builds] .build-layout figure img{border-radius:12px}
@media(max-width:620px){body[data-ui=credit] :is(.account-side,.funding-form-side){padding:22px 18px}body[data-ui=credit] #funding-tabs{gap:16px}body[data-ui=credit] #funding-tabs button{font-size:12px}}

/* Play / Explore / Build are the world; fish and CREDIT are personal controls. */
body[data-ui] nav[aria-label="Main"]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px}
body[data-ui] nav[aria-label="Main"] a[href$="companion/"]{margin-left:12px;border-left:1px solid var(--ui-border);border-radius:0}
body[data-ui] nav[aria-label="Main"] a[aria-current="true"]{color:var(--paper);background:#d3e1d30e}
body[data-ui=home][data-concept=expedition] .destinations{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-ui=home] .world-shortcuts{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:12px}
body[data-ui=home] .world-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin:0;color:#eee4c8}
@media(max-width:1100px){body[data-ui]>.mast,body[data-ui]>header,body[data-ui] .masthead{flex-wrap:wrap}body[data-ui=home] .world-identity{display:none}}
@media(max-width:760px){body[data-ui] nav[aria-label="Main"]{width:100%;justify-content:flex-start}body[data-ui] nav[aria-label="Main"] a{padding:8px 9px;min-height:40px}body[data-ui] nav[aria-label="Main"] a[href$="companion/"]{margin-left:4px}body[data-ui] nav[aria-label="Main"] :is(#sound,#cove-sound,[data-world-sound]){margin-left:auto;width:auto;flex:0 0 auto;min-height:40px;padding:8px;font-size:12px}body[data-ui=home] .masthead{display:flex}}
@media(max-width:600px){body[data-ui=home][data-concept=expedition] .destinations{grid-template-columns:1fr;gap:10px;padding:0 20px 30px}body[data-ui=home][data-concept=expedition] .destinations .destination{display:flex;align-items:center;text-align:left;min-height:130px}body[data-ui=home][data-concept=expedition] .destinations :is(.landmark,.aquarium-landmark){width:115px;min-width:115px;height:115px;margin:0 16px 0 0}body[data-ui=home][data-concept=expedition] .destinations .destination-copy{background:none;min-height:0;padding:12px 0}body[data-ui=home][data-concept=expedition] .destinations .destination strong{font-size:27px}body[data-ui=home][data-concept=expedition] .destinations .destination-copy>span:last-child{font-size:13px}body[data-ui=home] .studio-shark{display:none}}
@media(max-width:380px){body[data-ui] nav[aria-label="Main"] a{padding-inline:7px}body[data-ui] nav[aria-label="Main"] a[href$="companion/"]{margin-left:0}body[data-ui] nav[aria-label="Main"] :is(#sound,#cove-sound,[data-world-sound]){margin-left:0}}

@media(max-width:760px){body[data-ui]:not([data-ui=aquarium]):not([data-ui=reef])>header,body[data-ui] .masthead{position:relative}body[data-ui] nav[aria-label="Main"] :is(#sound,#cove-sound,[data-world-sound]){position:absolute;top:9px;right:20px}body[data-ui] nav[aria-label="Main"]{flex-basis:100%}}

@media(max-width:620px){body[data-ui=home][data-concept=expedition] .destinations{padding-top:28px}body[data-ui=home] .entry-note{font-size:13px;color:#cbdad5}body[data-ui=home] .world-footer{font-size:13px}}

/* The personal purse is a balance control, with its demo denomination always visible. */
body[data-ui] :is(header,.masthead) nav :is(a,button).credit-nav{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-left:6px;padding:7px 9px 7px 13px;border:1px solid #7ca4a466;border-radius:12px;background:linear-gradient(145deg,#21404a,#102b35 72%);color:#f8efd6;font-size:12px;line-height:20px;min-height:46px;max-width:100%;box-shadow:inset 0 1px #d9f4e512,0 3px 10px #0002;transition:border-color .16s,background .16s,box-shadow .16s}
body[data-ui] :is(header,.masthead) nav :is(a,button).credit-nav:is(:hover,[aria-current],[aria-expanded=true]){border-color:#ddc488a6;background:linear-gradient(145deg,#2b4b50,#17353e 72%);color:#fff4d4;box-shadow:inset 0 1px #f9dfac26,0 4px 14px #0003}
.credit-nav-copy{display:grid;flex:0 0 auto;gap:1px;text-align:left}
.credit-nav-label{white-space:nowrap;font:650 8px/10px var(--font-body,Archivo,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#adc9c7}
.credit-nav-value{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;line-height:18px}
.credit-nav-amount{font-weight:800;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.credit-nav-unit{font-size:10px;line-height:14px;font-weight:650;letter-spacing:.03em;color:#e2d5b5}
.credit-nav-demo{display:inline-flex;align-items:center;flex:0 0 auto;padding:1px 5px;border:1px solid #e0c48838;border-radius:4px;background:#e0c48812;font:650 8px/14px var(--font-body,Archivo,Arial,sans-serif);letter-spacing:.065em;text-transform:uppercase;color:#ead6a6}
.credit-nav[data-credit-state=unavailable] .credit-nav-amount{color:var(--ui-muted)}
@media(max-width:760px){body[data-ui] :is(header,.masthead) nav :is(a,button).credit-nav{gap:8px;padding:6px 7px 6px 10px;margin-left:4px;min-height:44px}.credit-nav-amount{font-size:16px}body[data-ui=aquarium] .reef-site-nav{flex-wrap:wrap;justify-content:flex-start;row-gap:6px}}

/* Available only when the demo balance cannot cover a basic game entry. */
body[data-ui] .demo-refill{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0;padding:16px 20px;border:1px solid #d5ba7c50;border-radius:12px;background:#d7c28a0b;color:var(--ui-paper);font-size:14px}
body[data-ui] .demo-refill[hidden]{display:none}
body[data-ui] .demo-refill p{margin:0;flex:1 1 220px}
body[data-ui] .demo-refill button{flex:0 0 auto;min-height:44px}
body[data-ui] .demo-refill .demo-refill-status:empty{display:none}
@media(max-width:620px){body[data-ui] .demo-refill{padding:14px}body[data-ui] .demo-refill button{width:100%}}

/* CREDIT stays beside the world navigation, with three clear destinations. */
body[data-ui] :is(header,.masthead) nav button.credit-nav{font-family:var(--font-body,Archivo,Arial,sans-serif);cursor:pointer;letter-spacing:0;text-transform:none}
.credit-nav-chevron{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:#071e2873;color:#e5d5a8;box-shadow:inset 0 1px 2px #0002;transition:background .16s,color .16s}
.credit-nav-chevron svg{display:block;width:18px;height:18px;transition:transform .2s}
.credit-nav:is(:hover,[aria-expanded=true]) .credit-nav-chevron{background:#e7cd9140;color:#fff0c4}
.credit-nav[aria-expanded=true] .credit-nav-chevron svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){body[data-ui] .credit-nav,.credit-nav-chevron,.credit-nav-chevron svg{transition:none}}
@media(forced-colors:active){body[data-ui] :is(header,.masthead) nav :is(a,button).credit-nav{border-color:ButtonText}.credit-nav-label,.credit-nav-unit,.credit-nav-demo,.credit-nav-chevron{color:ButtonText}}
.credit-navigation{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:12px;background:#0b2832;color:#f2efdf;border:1px solid #bbaa7766;border-radius:14px;box-shadow:0 20px 70px #0008;font-family:var(--font-body,Archivo,Arial,sans-serif)}
.credit-navigation nav{display:grid;gap:3px}
.credit-navigation nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px;text-decoration:none;border:1px solid transparent;border-radius:8px;color:#f2efdf;line-height:1.5;min-width:0}
.credit-navigation nav a:hover{background:#ddcea80d;border-color:#ddcea82b}
.credit-navigation nav a>span:first-child{min-width:0}
.credit-navigation strong{font-size:16px;font-weight:650;letter-spacing:-.02em}
.credit-navigation-detail{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#b4c9c7}
.credit-navigation-arrow{flex-shrink:0;color:#ffd36f;font-size:22px;line-height:1}
.credit-navigation-tag{flex-shrink:0;align-self:flex-start;margin-top:4px;color:#d1c69f;font-size:10px;line-height:18px;letter-spacing:.04em;text-transform:uppercase}
body[data-ui] .credit-sections{display:flex;align-items:center;justify-content:center;gap:4px 26px;padding:4px 20px;background:#09212b;border-bottom:1px solid var(--ui-border);font-family:var(--font-body,Archivo,Arial,sans-serif)}
body[data-ui] .credit-sections a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 0;color:#afc6c4;text-decoration:none;font-size:13px;line-height:20px;border-bottom:2px solid transparent;white-space:nowrap}
body[data-ui] .credit-sections a:hover{color:#f2efdf}
body[data-ui] .credit-sections a[aria-current=page]{color:#f2e3bd;border-bottom-color:#d7c28a}
.credit-navigation a:focus-visible,body[data-ui] .credit-nav:focus-visible,body[data-ui] .credit-sections a:focus-visible{outline:2px solid #e6c788;outline-offset:3px}
@media(max-width:380px){body[data-ui] .credit-sections{gap:18px;padding-inline:12px}body[data-ui] .credit-sections a{font-size:12px}}