/* Shared design system. Game shop and collectible item artwork keep their own palettes. */
:root{--ui-paper:#eae1cf;--ui-surface:#f4efdf;--ui-ink:#292b27;--ui-olive:#65734f;--ui-border:#a7ab90;--ui-muted:#59604b;--ui-space:24px}
html{scroll-padding-top:24px}body{font-size:16px;-webkit-tap-highlight-color:#65734f25}h1,h2,h3{text-wrap:balance}p{overflow-wrap:break-word}button,a,input,select,textarea,summary{touch-action:manipulation}button,.button,.outline,summary{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9c6d20;outline-offset:4px}button{transition:background-color .16s,border-color .16s,opacity .16s}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{min-height:46px;font-size:16px;line-height:1.65}input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--ui-olive)}textarea{min-height:120px}label{font-size:14px}summary{cursor:pointer;align-content:center}img{max-width:100%}main{padding-top:28px}main>*{min-width:0}main h2{scroll-margin-top:24px}.skip{z-index:1000}.skip:focus{position:fixed;top:10px;right:10px;background:#fff;color:#20251f;padding:12px}.page-title{padding:22px 0 24px;margin-bottom:28px}.page-title h1{font-size:clamp(30px,3.5vw,46px);line-height:1.5}.page-title p{font-size:15px;max-width:760px;margin-bottom:0}.eyebrow,.ar-kicker{letter-spacing:.7px;font-size:12px}.muted{line-height:1.9}
/* Shared header: same parchment identity on every route. */
body>header{max-width:none;display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px max(24px,4vw);min-height:90px;background:#eee7d8;color:#292b27;border-bottom:1px solid #8b9277}.brand-art{flex-shrink:0}.site-navigation{gap:18px;flex:1;justify-content:center;flex-wrap:wrap;font-size:13px}.site-navigation a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0;color:#424839;border-bottom:2px solid transparent}.site-navigation a:hover{color:#1d291b;border-bottom-color:#a7ab90}.site-navigation a.active{color:#263021;border-bottom-color:#65734f}.nav-toggle{display:none;background:transparent!important;color:#37402c!important;border:1px solid #8b9277!important;padding:8px 14px}.site-account{flex-shrink:0;white-space:nowrap}.ar-wordmark{letter-spacing:-.4px}.ar-wordmark small{letter-spacing:0}
/* Home: image leads, tools follow. */
.ar-arena{min-height:590px;border:0}.arena-copy{padding:82px 5%;max-width:660px}.arena-copy h1{font-size:clamp(36px,4.3vw,62px);line-height:1.45;letter-spacing:-1px}.arena-copy p{font-size:17px;line-height:1.9}.arena-copy .actions{gap:12px}.arena-copy .button{background:#d7dfba;color:#252e20;border-color:#d7dfba}.arena-copy small{font-size:12px}.arena-number{display:none}.ar-paths{border:0;gap:0;background:#e0dfca;margin-top:0}.ar-paths>a{padding:30px;border-color:#b7bba2}.ar-paths b{font-size:13px;font-family:inherit;font-style:normal;color:#667052}.ar-paths h2{font-size:25px}.ar-paths p{font-size:15px;min-height:56px}.ar-paths span{font-size:14px}.ar-roster{margin:55px 0}.section-head{gap:16px;align-items:end}.section-head>a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.ar-face-strip{gap:12px}.ar-face-strip img{filter:none;border-bottom:3px solid #65734f}.ar-face-strip span{font-size:12px}.ar-paper-callout{background:#292f26;color:#eae1cf;border:0;padding:42px}.ar-paper-callout h2{color:#f2ead7;font-size:34px}.ar-paper-callout .ar-kicker{color:#c3cdab}.ar-paper-callout .outline{color:#eae1cf;border-color:#939f7d}.ar-paper-callout .button{background:#d3dbb8;color:#20291c;border-color:#d3dbb8}
/* Character directory and standard profiles. */
.grid{gap:22px}.hero-card{border:0;background:#293124}.hero-card>img{filter:saturate(.92);height:300px}.hero-card .caption{padding:55px 20px 20px;background:linear-gradient(transparent,#1c241bf5)}.hero-card h3{font-size:29px}.hero-card small,.hero-card .hero-link{color:#d5dcbf}.hero-card .hero-summary{font-size:13px;color:#d6dac8}.hero-profile{background:#f2eddf;border:1px solid #a7ab90;border-radius:0;gap:30px;padding:28px}.hero-profile>img{border-radius:0;object-fit:cover;border-bottom:4px solid #65734f}.hero-profile h2{color:#292b27}.hero-profile p{color:#48503f;font-size:16px}.badge{line-height:1.7;font-size:12px}.hero-profile .property{padding:14px;background:#e1e4d0}.ar-lore:not(.seven-lore){border:0}.lore-ink{padding:36px}.lore-ink p{font-size:17px}.lore-ink small{font-size:12px}.lore-sources a{min-height:44px;display:inline-flex;align-items:center}.lore-ink .ar-kicker{color:#c3cdab}.lore-ink>a{text-decoration:underline;text-underline-offset:5px}
/* Abilities: quiet surfaces, clear content hierarchy. */
body:not(.theme-seven) .ability-redesign{background:#f2eedf!important;border-color:#a7ab90!important;border-inline-start:3px solid #65734f;border-radius:0;padding:28px;box-shadow:none}.ability-title h3{font-size:25px}.ability-title>img{background:#343c31;border-color:#727d61}.ability-title>kbd{background:transparent;color:#65734f;border-color:#a7ab90}.ability-explanation{background:transparent;border-top:1px solid #c3c7ad;padding:20px 0 0;border-radius:0}.ability-explanation h4{font-size:15px}.ability-explanation p{font-size:16px;line-height:2}.ability-tip{background:#e0e4cf;border-inline-start:2px solid #7d8b62;border-radius:0;padding:18px}.ability-tip>span{color:#465438;font-size:13px}.ability-tip p{color:#48553d;font-size:14px}.key-stats{gap:12px}.key-stats>div{background:#e6e7d7;border-radius:0;padding:17px}.key-stats small{font-size:13px}.key-stats b{font-size:21px;font-variant-numeric:tabular-nums}.ability-expand>summary{padding:15px 0;font-size:14px}.ability-expand .property,.ability-expand .upgrade-tier{background:#e4e6d5;border-color:#abb497}.ability-expand .upgrade-tier-title{color:#3f4c34}
/* Planner, saved builds and community forms. */
.card{border-radius:0;box-shadow:none;padding:26px;background:#f0ecdf;border-color:#a7ab90}.planner{gap:24px;align-items:start}.planner>section{min-width:0}.build-panel{border-top:4px solid #65734f}.build-panel .total{color:#3e5031;font-size:38px;margin-top:20px;font-variant-numeric:tabular-nums}.build-panel .muted{font-size:13px}.build-panel label{color:#46503b;margin-top:15px}.build-panel .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.build-panel .actions button{padding:10px;font-size:13px}.build-list{padding-inline-start:22px}.build-list li{padding:12px 0;border-bottom:1px solid #c4c9b2;gap:12px}.build-list li span{overflow-wrap:anywhere;min-width:0}.build-list button{min-width:44px;flex-shrink:0}.hero-select{background:#e1e5d1!important;color:#292b27!important;border-color:#a7ab90!important;border-radius:0}.hero-select strong{color:#292b27}.hero-select small,.hero-select .muted{color:#546347}.skill-planner{margin-top:25px}.skill-heading h3{color:#2b3525}.skill-points{color:#344829;background:#d8e0c4;border:1px solid #a4b18c;font-size:12px}.skill-card{background:#e4e7d5;border:1px solid #acb69b;border-radius:0;color:#292b27}.skill-card.unlocked{background:#d9e1c5;border-color:#718656}.skill-card>strong{color:#35452b}.skill-picture{background:#2d3829!important;border-color:#6b7c5a!important;border-radius:0}.skill-stages button{background:transparent;color:#3f5132;border-color:#abb597;min-height:44px}.skill-stages button.selected{background:#52653d;color:#fff9e8;border-color:#52653d}.skill-status{color:#546347;font-size:12px}.skill-adjust button{min-width:44px;background:#65734f;color:#fff8e6}.skill-timeline{max-height:420px;overflow:auto;overscroll-behavior:contain}.skill-timeline li{background:#e2e5d2;border-color:#b2b99f;color:#35432d}.skill-timeline small{color:#5b684e}.step-index{color:#51673e}.step-actions button{min-height:36px;min-width:36px;background:transparent;color:#415136;border-color:#a0ad89}.saved{gap:14px}.saved .card{margin-block:12px}.auth{max-width:610px;padding:32px;margin:32px auto}.auth .google-login{width:100%;min-height:52px;background:#292f26;color:#f4eedf;border-color:#292f26}.email-login{margin-top:24px;padding-top:16px;border-top:1px solid #adb698}.auth form{margin-top:18px}.auth input{margin-bottom:18px}.notice,.empty,.ar-empty{border-radius:14px;line-height:1.9;padding:25px;background:#1e2d3f;color:#dce4ed;border:1px solid #bda57755}.empty{text-align:center}.loading{padding:35px;text-align:center;color:#586649}.tools{gap:12px}.tools input[type=search]{background:#f5f0e2;color:#292b27;border-color:#a7ab90}.tools button{min-height:46px}
/* News, rankings, tournaments. */
.news-card{background:#f2eedf;border:1px solid #b2b69f;border-radius:0;padding:30px;margin-bottom:22px}.news-card.latest-news{border-top:4px solid #65734f}.news-meta,.news-meta>span,.news-kind{color:#59664a;font-size:13px}.news-card h2{color:#292b27;font-size:27px}.news-body{color:#3c4635;font-size:16px;line-height:2;max-width:980px}.news-source{display:inline-block;padding:12px 0;color:#41562f;text-decoration:underline;text-underline-offset:5px;font-size:14px}.patch-toolbar{gap:16px;flex-wrap:wrap}.tournament-banner{padding:48px 40px}.tournament-banner p{max-width:650px;color:#dce1cc;font-size:17px}.tournament-banner .ar-kicker{color:#c8d1ac}.tournament-card{background:#f2eedf;border-color:#a7ab90;padding:30px}.tournament-card p{max-width:850px}.tournament-rules{font-size:14px}.community-filter select{min-height:50px}.community-rank-row{background:#efecde}.community-rank-row small{font-size:13px}.community-board-note{font-size:14px;max-width:850px}.community-rank-row>div{min-width:0;overflow-wrap:anywhere}.community-rank-row b{font-variant-numeric:tabular-nums}
/* Modals, footer and responsive navigation. */
dialog{border:1px solid #7d8768;max-height:90dvh;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#11180fd6;backdrop-filter:blur(4px)}dialog .close{width:44px;height:44px;min-height:44px;z-index:3}.hero-picker-grid{gap:12px}.hero-choice{border-radius:0}.hero-choice img{aspect-ratio:3/4;object-fit:cover}.hero-choice:focus-visible{outline-offset:0}.hero-picker-heading p{font-size:14px}.build-list,.saved,.news-body{overflow-wrap:anywhere}footer{padding:38px max(24px,4vw);font-size:14px}footer p{max-width:850px;line-height:1.9}footer a:not(.brand){text-decoration:underline;text-underline-offset:4px}footer #refresh{background:transparent;color:#e1e8ca;border-color:#86946f;font-size:13px;margin-top:12px}
@media(min-width:1101px){.planner{grid-template-columns:minmax(0,1fr) 330px}.build-panel{position:sticky;top:20px}}
@media(max-width:1250px){.site-navigation{gap:13px;font-size:12px}.ar-face-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){body>header{gap:14px}.nav-toggle{display:inline-flex;align-items:center;margin-inline-start:auto}.site-navigation{display:none;width:100%;flex-basis:100%;order:4;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #b6bca4;padding-top:12px;gap:5px 15px;font-size:14px}.site-navigation[data-open=true]{display:grid}.site-navigation a{padding:10px 12px;background:#e2e3d0}.planner{grid-template-columns:1fr}.build-panel{position:static}.ar-paths>a{padding:24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){main{padding:20px 18px 45px}body>header{padding:14px 18px}.ar-wordmark{font-size:22px}.site-account{font-size:12px;padding:8px 10px}.nav-toggle{font-size:13px;padding:8px 12px}.site-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{padding-top:14px;margin-bottom:22px}.page-title p{font-size:14px}.arena-copy{padding:46px 25px}.ar-arena{min-height:500px}.arena-copy h1{font-size:38px}.arena-copy p{font-size:16px}.ar-paths{grid-template-columns:1fr}.ar-paths>a{padding:24px;border-bottom:1px solid #b7bba2}.ar-paths p{min-height:0}.ar-face-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ar-face-strip span{font-size:11px}.ar-paper-callout{padding:28px 24px}.ar-paper-callout h2{font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-card>img{height:245px}.hero-card .caption{padding:45px 12px 15px}.hero-card h3{font-size:23px}.hero-card .hero-summary{font-size:12px}.hero-profile{padding:20px;gap:20px}.card{padding:20px}.ability-redesign{padding:20px!important}.ability-title h3{font-size:22px}.ability-explanation p{font-size:15px}.ability-tip p{font-size:14px}.lore-ink{padding:25px}.lore-ink h2{font-size:29px}.news-card{padding:22px}.news-card h2{font-size:23px}.news-body{font-size:15px}.tournament-banner{padding:32px 24px}.tournament-rules{gap:12px}.tournament-card{padding:23px}.community-rank-row{padding:18px 12px;gap:10px}.auth{padding:23px}.section-head{align-items:start}.section-head h2{font-size:26px}.section-head>a{font-size:13px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-heading{flex-wrap:wrap}.skill-stages{gap:4px}.skill-stages button{padding-inline:3px}.skill-card{padding:14px 9px}.step-actions{gap:4px}.skill-timeline li{gap:8px}.step-actions button{min-width:30px;min-height:38px}.seven-profile-info,.seven-story{max-width:790px}.theme-seven .ability-tip>span{color:#bdb695}.theme-seven .ability-explanation{border-color:#434b46}}
@media(max-width:380px){.ar-wordmark{font-size:19px}.brand-art{min-width:0}.ar-mark{width:32px;height:32px}.site-account{padding-inline:8px}.nav-toggle{padding-inline:9px}.hero-card>img{height:220px}.hero-card .hero-summary{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Seven's scoped style wins over the generic ability component. */
.theme-seven .ability-explanation{background:#1c2224}.theme-seven .ability-explanation h4{color:#c8b986}.theme-seven .ability-explanation p{color:#d1d6cf}.theme-seven .ability-tip{background:#292f2e;border-color:#817b5d}.theme-seven .ability-tip p{color:#bdc7bd}.theme-seven .key-stats>div{background:#1b2123}.theme-seven .key-stats small{color:#adb9ae}.theme-seven .key-stats b{color:#c9bc90}.theme-seven .ability-expand .property,.theme-seven .ability-expand .upgrade-tier{background:#1c2224;color:#c8d0c5;border-color:#454e47}.theme-seven .ability-expand .upgrade-tier-title{color:#cbbb8d}.theme-seven main>.page-title{display:none}
/* Keep dark rack captions readable beside the parchment planner. */
.game-rack .muted,.game-rack-title,.rack-heading{color:#d2dbbd}.theme-seven .seven-story-body p{font-size:18px}.theme-seven .ability-title>kbd{color:#b8b29a;border-color:#4e554f}body:not(.theme-seven) .ability-title .eyebrow{color:#596b45}
/* Identical shared chrome, including Seven's themed route. */
body.theme-seven>header{background:#eee7d8;border-bottom-color:#8b9277;color:#292b27}
/* Standalone privacy/help pages use the same base tokens as the main app. */
:root{--bg:#eae1cf;--panel:#f0ecdf;--text:#292b27;--muted:#59604b;--gold:#65734f;--line:#a7ab90}body:not(.theme-seven){background:#eae1cf;color:#292b27}body:not(.theme-seven) main>h1,body:not(.theme-seven) main>h2{color:#292b27}body:not(.theme-seven) main>p{color:#48543e}main>p>a,main>h1~a{text-decoration:underline;text-underline-offset:4px}
.game-rack .rack-summary{color:#d2dbbd}.game-store .shop-tools input{color:#eee8d3}.theme-seven .ability-tip>span{color:#bdb695}.theme-seven .ability-expand>summary{color:#bfb38b}
@media(max-width:480px){body>header{gap:10px}body>header .brand-art{gap:6px;min-width:0}body>header .ar-wordmark{font-size:18px}body>header .ar-wordmark small{font-size:8px}body>header .ar-mark{width:30px;height:34px;flex-shrink:0}body>header .nav-toggle{padding:7px 10px;font-size:12px}body>header .site-account{padding:7px 9px;font-size:11px}.theme-seven>header .ar-wordmark{font-size:18px}}