/* Aquela Resenha — acabamento compartilhado. Não altera conteúdo nem regras. */
:root{--ar-surface:#fffdf8;--ar-edge:#deddd2;--ar-shadow:0 8px 26px #14231c09;--ar-radius:20px}
body[data-ar-surface]{background-color:#f4f1e9;background-image:radial-gradient(ellipse at 8% 0,#dce6d34d,transparent 48%),radial-gradient(ellipse at 96% 16%,#f6d1b82b,transparent 42%);background-attachment:fixed}
[data-ar-surface] :where(.button,.primary,.primary-link,.primary-action,.secondary,.tool-button,.text-button,.account,.outline){border-radius:12px;min-height:44px;transition:background-color .16s,box-shadow .16s,transform .16s}
@media(hover:hover){[data-ar-surface] :where(.button,.primary,.primary-link,.primary-action,.tool-button,.account):not(:disabled):hover{box-shadow:0 5px 14px #17231c18;transform:translateY(-1px)}}
[data-ar-surface] :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #c28e45;outline-offset:3px}
[data-ar-surface] :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-radius:10px;min-height:44px}
/* Portal: as opções de jogo e os baralhos são o centro da vitrine. */
[data-ar-surface=portal] .top{height:92px;border-bottom:1px solid #223c2720}
[data-ar-surface=portal] .top nav a{font-weight:600;font-size:14px}
[data-ar-surface=portal] .account{background:#fffdf8;border-color:#c6cabb;padding:12px 20px;font-size:13px}
[data-ar-surface=portal] .account:hover{background:#192c23;color:#fff7e5}
[data-ar-surface=portal] .game-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:30px;padding-bottom:30px}
[data-ar-surface=portal] .game-choices-title{grid-column:1/-1;display:flex;align-items:center;gap:18px}
[data-ar-surface=portal] .game-choices-title h2{font-size:25px;line-height:1.2;margin:0;letter-spacing:-.8px}
[data-ar-surface=portal] .game-choices-title .eyebrow{margin:0;color:#62705f}
[data-ar-surface=portal] .game-choice{min-height:128px;border-radius:17px;padding:23px;border:1px solid #17231c22;box-shadow:var(--ar-shadow);position:relative;overflow:hidden}
[data-ar-surface=portal] .game-choice::before{content:'↗';position:absolute;right:19px;top:17px;font-size:19px;opacity:.7;pointer-events:none}
[data-ar-surface=portal] .game-choice::after{content:'';position:absolute;right:-18px;top:-21px;width:105px;height:105px;border:1px solid currentColor;border-radius:50%;opacity:.12;pointer-events:none}
[data-ar-surface=portal] .game-choice strong{max-width:90%}
[data-ar-surface=portal] .game-choice :is(h3,strong){font-size:25px;letter-spacing:-.9px;line-height:1.12}
[data-ar-surface=portal] .choice-type{font-size:10px;letter-spacing:.09em}
[data-ar-surface=portal] .choice-foot{font-size:12px;line-height:1.45}
[data-ar-surface=portal] .brand-intro{padding-block:56px 62px}
[data-ar-surface=portal] .brand-intro h1{font-size:clamp(46px,5.2vw,76px);line-height:1.06;letter-spacing:-3.6px}
[data-ar-surface=portal] .collection{border:1px solid var(--ar-edge);border-radius:var(--ar-radius);overflow:hidden;background:var(--ar-surface);box-shadow:var(--ar-shadow)}
[data-ar-surface=portal] .collection-cover{border-radius:0;border:0}
[data-ar-surface=portal] .collection-text{padding:24px}
[data-ar-surface=portal] .store-section{padding-block:44px}
[data-ar-surface=portal] .store-heading h2{font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.5px;line-height:1.12}
[data-ar-surface=portal] .steps li{padding:24px;border:1px solid var(--ar-edge);border-radius:17px;background:#fffdf899}
[data-ar-surface=portal] .answers details{border-bottom:1px solid var(--ar-edge)}
/* Coleções, biblioteca e administração compartilham superfície e controles. */
:is([data-ar-surface=portal],[data-ar-surface=account]) :is(.deck-store-card,.store-deck,.deck-product){border-radius:18px;box-shadow:var(--ar-shadow);overflow:hidden;border-color:var(--ar-edge)}
[data-ar-surface=account] .account-header{border-bottom:1px solid var(--ar-edge);background:#f9f7f0}
[data-ar-surface=account] :is(.paper,.subscription-product,.plan-card,.play-decks){border-radius:18px;box-shadow:var(--ar-shadow);border-color:var(--ar-edge)}
[data-ar-surface=account] .member-nav{padding:10px;background:#fffdf887;border:1px solid var(--ar-edge);border-radius:16px}
[data-ar-surface=account] .member-nav a{border-radius:10px;min-height:44px}
[data-ar-surface=admin] .panel{border-radius:17px;border-color:var(--ar-edge);box-shadow:var(--ar-shadow);background:var(--ar-surface)}
[data-ar-surface=admin] .sidebar{background:#14261e}
[data-ar-surface=admin] .sidebar nav a{border-radius:10px}
[data-ar-surface=admin] .official-editor-panel{scroll-margin-top:20px}
[data-ar-surface=investigation] :is(.case-finder,.home-desk,.new-files){border-radius:18px}
[data-ar-surface=investigation] .case-card{border-radius:16px;overflow:hidden;box-shadow:var(--ar-shadow)}
[data-ar-surface=cards] .topbar{background:#fcfaf4;border-bottom:1px solid var(--ar-edge)}
[data-ar-surface=cards] .bottom-nav{background:#fffdf8eb;border-top:1px solid var(--ar-edge);backdrop-filter:blur(14px)}
/* Jogos: ambiente escuro, controles legíveis e detalhes dourados do baralho. */
body:is([data-ar-surface=buraco],[data-ar-surface=fodinha]){background-color:#0c1815;background-image:radial-gradient(ellipse at 15% 0,#213d314d,transparent 55%),radial-gradient(ellipse at 100% 0,#352a4240,transparent 50%);color:#f7efdb}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.site-header,header.site-header){background:#0d1d18;border-bottom:1px solid #e7ce8f25}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.home-card,.join-card,.panel,.player-panel,.hand-panel,.config,.player){border:1px solid #b9c7b235;border-radius:18px;box-shadow:0 10px 28px #00000016}
[data-ar-surface=buraco] .home-card{background:#193529}
[data-ar-surface=fodinha] :is(.join-card,.panel,.hand-panel){background:#262434}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.button:not(.outline):not(.danger),button.primary){background:#e5c482;color:#1d241b;border:1px solid #efd9a7;font-weight:750}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.tool-button,.button.outline,button.secondary){background:#ffffff08;color:#fff5df;border:1px solid #d4d4b747}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(input:not([type=checkbox]),select){border-color:#b9c7b25c;background:#10241b;color:#fff4dd}
[data-ar-surface=fodinha] :is(input:not([type=checkbox]),select){background:#1c1a28}
body:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.home-card,.join-card){color:#fff5df}
body:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.home-card,.join-card) :is(h2,h3,label){color:#fff5df}
body:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.home-card,.join-card) :is(p,small,.divider-text){color:#d8dfc9}
body:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) :is(.home-card,.join-card) :is(input:not([type=checkbox]),select){background:#10241b;color:#fff4dd;border-color:#a7bba06e}
body[data-ar-surface=fodinha] :is(.home-card,.join-card) :is(input:not([type=checkbox]),select){background:#1c1a28}
body[data-ar-surface=buraco] .hero-copy em{color:#e5c482}
:is([data-ar-surface=buraco],[data-ar-surface=fodinha]) button:disabled{cursor:not-allowed;box-shadow:none}
@media(max-width:1000px){[data-ar-surface=portal] .game-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 [data-ar-surface=portal] .top{height:78px}
 [data-ar-surface=portal] .game-choices{gap:12px;padding-block:22px}
 [data-ar-surface=portal] .game-choices-title{display:block;margin-bottom:4px}
 [data-ar-surface=portal] .game-choices-title .eyebrow{margin-bottom:5px}
 [data-ar-surface=portal] .game-choice{padding:16px;min-height:142px}
 [data-ar-surface=portal] .game-choice :is(h3,strong){font-size:22px}
 [data-ar-surface=portal] .choice-type{font-size:9px}
 [data-ar-surface=portal] .choice-foot{font-size:11px}
 [data-ar-surface=portal] .brand-intro{padding-block:26px 42px}
 [data-ar-surface=portal] .brand-intro h1{font-size:43px;letter-spacing:-2px}
 [data-ar-surface=portal] .collection-text{padding:21px}
 [data-ar-surface=portal] .steps li{padding:22px}
 [data-ar-surface=account] .member-nav{padding:7px}
}
@media(prefers-reduced-motion:reduce){[data-ar-surface] *{transition:none!important}}