/* Public page compatibility with the approved Detona home. Page logic stays in MyAAC. */
body.detona-inner-page {
  --gold:#efc57c; --muted:#e5dced; --copy-secondary:#d8cbe2;
  --line:#59416a; --bg:#120e1b; --serif:Georgia,'Times New Roman',serif;
  color-scheme:dark; isolation:isolate; margin:0; padding:0; min-width:0;
  color:#e5dced; background:#05070d!important; font:14px/1.55 Arial,sans-serif;
}
body.detona-inner-page::before {
  content:""; position:fixed; inset:0; height:auto; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,#02050d14,#02050d33 48%,#05070dc2),url('/plugins/theme-old-school/themes/old-school/images/detona-8k-bg.png') center top/cover no-repeat;
}
.detona-inner-page .detona-chrome, .detona-inner-page .detona-chrome * { box-sizing:border-box; }
.detona-inner-page .detona-chrome { font-family:Arial,sans-serif; }
.detona-inner-page .detona-chrome a { text-decoration:none; }
.detona-inner-page .detona-chrome h2, .detona-inner-page .detona-chrome h3 { text-transform:none; }
.detona-inner-page .detona-chrome ul, .detona-inner-page .detona-chrome ol { list-style:none; margin:0; padding:0; }
.detona-inner-page .detona-chrome li { background:none; margin:0; }
.detona-inner-page .detona-chrome .ranking-list li { padding:0; }
.detona-inner-page .detona-chrome button { font-family:inherit; }
.detona-inner-page .masthead.detona-chrome { margin:14px auto 0; max-width:1550px; padding:0 28px; height:320px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,580px) minmax(0,1fr); align-items:start; gap:20px; }
.detona-inner-page .masthead.detona-chrome :is(.header-note,.opening) { width:auto; max-width:100%; align-self:center; }
.detona-inner-page .masthead .detona-site-logo { position:relative; top:auto; left:auto; margin:0; width:auto; display:flex; justify-content:center; }
.detona-inner-page .masthead .detona-site-logo img { height:310px; max-height:310px; width:auto; max-width:86vw; }
.detona-inner-page .inner-layout { display:grid; grid-template-columns:185px minmax(0,1fr) 248px; align-items:start; gap:18px; max-width:1550px; margin:auto; padding:0 24px; box-sizing:border-box; }
.detona-inner-page .inner-layout>.left, .detona-inner-page .inner-layout>.right { grid-row:auto; grid-column:auto; padding:38px 0 0; margin:0; min-width:0; width:auto; float:none; }
.detona-inner-page .inner-layout>.right { display:grid; grid-template-columns:1fr; }
.detona-inner-page .inner-main { width:auto; min-width:0; float:none; margin:0; padding:0; position:relative; }
.inner-breadcrumb { display:flex; gap:10px; align-items:center; min-height:38px; font-size:12px; color:#ded2ed; overflow-wrap:anywhere; }
.inner-breadcrumb a { color:#efcf9f; text-decoration:none; }
.inner-breadcrumb a:hover { text-decoration:underline; }
.inner-breadcrumb>span[aria-hidden] { color:#b79b72; }
.detona-inner-page .inner-main>.inner-panel {
  --detona-paper-soft:#21172d; --detona-paper-alt:#2a1d36; --detona-paper-line:#5e456c;
  --detona-paper-ink:#eee6f4; --detona-paper-muted:#cfc0dc;
  width:auto; margin:0; padding:0; float:none; border:1px solid #655070; border-top-color:#96754f;
  background:linear-gradient(125deg,#23172fef,#13111fee); box-shadow:inset 0 0 0 3px #0c0a12aa,0 7px 18px #0005; position:relative; box-sizing:border-box;
}
.inner-panel::before,.inner-panel::after { content:""; width:5px; height:5px; position:absolute; top:-3px; border:1px solid #f2cf87; background:#7f5e38; transform:rotate(45deg); z-index:2; }
.inner-panel::before { left:-3px; }.inner-panel::after { right:-3px; }
.detona-inner-page .inner-panel>.inner-heading { display:flex; align-items:center; gap:13px; height:auto; width:auto; padding:22px; margin:0; background:linear-gradient(120deg,#382343,#181322); border:0; border-bottom:1px solid #6e4f72; box-sizing:border-box; }
.inner-heading h1 { margin:0; color:#f1cf91; font:25px/1.25 Georgia,serif; letter-spacing:0; text-transform:none; text-shadow:none; }
.inner-heading p { margin:6px 0 0; color:#d8cbe2; font:13px/1.5 Arial,sans-serif; }
.detona-inner-page .inner-panel>.inner-heading .inner-heading-icon { color:#e9c78c; font-size:25px; flex:0 0 auto; width:auto; height:auto; display:inline-flex; background:none; }
.detona-inner-page .inner-panel>.inner-heading>div { min-width:0; width:auto; }
.detona-inner-page .inner-panel>.content_bg, .detona-inner-page .inner-panel>.content_bg>.content { background:none!important; padding:0; margin:0; color:#e5dced; box-shadow:none; width:auto; min-width:0; }
.detona-inner-page .inner-panel .inner-content { padding:22px; min-height:280px!important; color:#e5dced; overflow-wrap:break-word; box-sizing:border-box; }
body.detona-inner-page #conteudo .inner-content p { color:#d8cbe2!important; line-height:1.6; }
body.detona-inner-page #conteudo .inner-content :is(h2,h3,h4) { color:#f1cf91; font-family:Georgia,'Times New Roman',serif; text-shadow:none; }
body.detona-inner-page #conteudo .inner-content a { color:#edca92!important; }
body.detona-inner-page #conteudo .inner-content a:hover { color:#fff0ce!important; }
body.detona-inner-page #conteudo .inner-content :is(img,video,iframe) { max-width:100%; }
body.detona-inner-page #conteudo .inner-content :is(input,select,textarea) { max-width:100%; box-sizing:border-box; }
body.detona-inner-page #conteudo .inner-content :is(input:not([type]),input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],select,textarea) { color:#f1eaf7!important; background:#130e1e!important; border:1px solid #765e84!important; border-radius:3px; padding:9px 10px; font:13px Arial,sans-serif; }
body.detona-inner-page #conteudo .inner-content :is(input,textarea)::placeholder { color:#b6a5c3; }
body.detona-inner-page #conteudo .inner-content :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:#bd8fdb; }
body.detona-inner-page #conteudo .inner-content :is(button,input[type=submit],input[type=button]):not(.BigButton):not(.MediumButton):not(.SmallButton):not([class*="hs-"]):not([class*="dmp-"]) { background:linear-gradient(#683497,#3c215c); color:#fff3d7; border:1px solid #a879bc; border-radius:3px; min-height:34px; padding:7px 13px; cursor:pointer; }
.detona-inner-page :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #bcefff; outline-offset:3px; }
body.detona-inner-page #conteudo .inner-content :is(button,input):disabled { cursor:not-allowed; opacity:.6; }
body.detona-inner-page #conteudo .inner-content :is(.TableContainer,.TableContent,.TableContentContainer,.TableContentAndRightShadow,.InnerTableContainer,.Table1,.Table2,.Table3,.Table4,.Table5,.Table6) { background:#1b1425!important; color:#e5dced!important; border-color:#60466c!important; box-shadow:none!important; }
body.detona-inner-page #conteudo .inner-content .TableContainer { border:1px solid #60466c!important; margin:14px 0; }
body.detona-inner-page #conteudo .inner-content .TableContainer :is(.CaptionContainer,.CaptionInnerContainer) { background:linear-gradient(100deg,#3b2648,#1b1425)!important; color:#f1cf91!important; }
body.detona-inner-page #conteudo .inner-content .CaptionContainer .Text { color:#f1cf91!important; font-family:Georgia,serif; text-shadow:none; }
body.detona-inner-page #conteudo .inner-content :is([class^=CaptionEdge],[class^=CaptionBorder],[class^=CaptionVertical],[class^=TableShadow]) { background-image:none!important; box-shadow:none!important; }
body.detona-inner-page #conteudo .inner-content :is(table.TableContent,table.Table1,table.Table2,table.Table3,table.Table4,table.Table5,table.Table6) { width:100%; border-collapse:collapse; }
body.detona-inner-page #conteudo .inner-content :is(td,th) { border-color:#5e456c!important; }
body.detona-inner-page #conteudo .inner-content :is(tr[bgcolor]>td,td[bgcolor],tr.Odd>td,.Odd,.Even,.LabelV) { background:#251a31!important; color:#e5dced!important; }
body.detona-inner-page #conteudo .inner-content :is(tr.Even>td,tbody>tr:nth-child(even)>td[bgcolor]) { background:#1c1526!important; }
body.detona-inner-page #conteudo .inner-content :is(th,tr.LabelH>td,.LabelH) { background:#382444!important; color:#f1cf91!important; }
/* The old templates use inline black/brown text over parchment. Keep semantic reds/greens. */
body.detona-inner-page #conteudo .inner-content :is(font[color="#000000"],font[color="black"],[style*="color: #000000"],[style*="color:#000000"],[style*="color: black"],[style*="color:black"]) { color:#e5dced!important; }
/* Modern account cards, choices, player profiles and public lists. */
body.detona-inner-page #conteudo .inner-content :is(.detona-sex-card,.detona-vocation-art,.char-panel,.char-card,.char-stat,.char-info-row,.char-hero,.char-search,.hs-filters,.hs-updated,.dw-section,.dw-section-body,.dw-category,.doi-filters,.doi-card,.doi-group,.doi-section,.doi-search,.df-breadcrumb,.df-topic,.df-board,.df-board-last,.df-topic-last,.df-empty,.df-post,.df-post-message,.df-post-content footer,.df-pagination a,.df-post-actions a) { background:#21172d!important; border-color:#5e456c!important; color:#e5dced!important; }
body.detona-inner-page #conteudo .inner-content :is(.detona-sex-card strong,.char-label,.char-stat-label,.char-stat-value,.hs-player,.hs-updated,.df-board-copy strong,.df-board-stats b,.df-board-stats span,.df-board-last b,.df-board-last time,.df-board-last span,.df-topic-numbers b,.df-topic-numbers span,.df-topic-main p,.df-topic-main small,.df-topic-last b,.df-topic-last time,.df-post-message,.df-post-content footer time,.df-breadcrumb b,.df-topic-title>a) { color:#e5dced!important; }
body.detona-inner-page #conteudo .inner-content :is(.df-board-stats,.df-topic-numbers,.df-board-last,.df-topic-last,.df-post-content footer) { border-color:#5e456c; }
body.detona-inner-page #conteudo .inner-content :is(.detona-choice-input:checked + .detona-sex-card,.detona-choice-input:checked + .detona-vocation-card) { border-color:#efc57c; box-shadow:0 0 0 2px #ba8bce55,0 0 15px #8f47ac44; }
body.detona-inner-page #conteudo .inner-content :is(.hs-table,.detona-characters table,.detona-highscores table,form>table) :is(td,th) { color:#e5dced!important; background:#21172d!important; border-color:#5e456c!important; }
body.detona-inner-page #conteudo .inner-content :is(.hs-table,.detona-characters table,.detona-highscores table) th { color:#f1cf91!important; background:#382444!important; }
/* Store and payment keep their independent grid, cart, visibility and click behavior. */
.detona-inner-page .hs-shell { --hs-ink:#eee6f4; --hs-muted:#cfc0dc; --hs-accent:#c5a3dc; --hs-accent-dark:#ecd3ff; --hs-gold:#efc57c; --hs-green:#86d6aa; --hs-border:#60466c; --hs-paper:#21172d; }
body.detona-inner-page #conteudo .inner-content .hs-shell :is(.hs-card,.hs-product,.hs-category,.hs-sidebar,.hs-toolbar,.hs-cart,.hs-cart-body,.hs-summary,.hs-empty) { background:#21172d; border-color:#60466c; }
body.detona-inner-page #conteudo .inner-content :is(.dmp-card,.dmp-panel,.dmp-package,.dmp-method,.dmp-summary,.dmp-info,.detona-downloads__card,.detona-downloads__panel,.detona-event-card,.detona-event-info) { background:#21172d; border-color:#60466c; color:#eee6f4; }
body.detona-inner-page #conteudo .inner-content .dmp-pix img { background:#fff; }
.detona-inner-page .site-footer { clear:both; }
.detona-inner-page .inner-skip { position:fixed; left:12px; top:-80px; z-index:999; padding:12px; background:#fff; color:#111; }
.detona-inner-page .inner-skip:focus { top:12px; }
@media(min-width:1600px) { .detona-inner-page .inner-layout { max-width:1550px; } }
@media(max-width:1250px) { .detona-inner-page .inner-layout { grid-template-columns:165px minmax(0,1fr) 205px; gap:15px; } }
@media(max-width:1100px) {
  .detona-inner-page .inner-layout { grid-template-columns:165px minmax(0,1fr); }
  .detona-inner-page .inner-layout>.left { grid-row:1 / span 2; }
  .detona-inner-page .inner-layout>.right { grid-column:2; grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:0; }
}
@media(max-width:760px) {
  .detona-inner-page .masthead.detona-chrome { height:auto; margin-top:0; padding:0 14px; grid-template-columns:1fr; gap:0; }
  .detona-inner-page .masthead .detona-site-logo { height:auto; }
  .detona-inner-page .masthead .detona-site-logo img { width:min(580px,86vw); height:auto; }
  .detona-inner-page .inner-layout { display:flex; flex-direction:column; padding:0 13px; gap:16px; }
  .detona-inner-page .inner-layout>.left,.detona-inner-page .inner-layout>.right,.detona-inner-page .inner-main { width:100%; padding-top:0; }
  .detona-inner-page .inner-panel>.inner-heading { padding:17px 15px; }
  .inner-heading h1 { font-size:23px; }.inner-heading p { font-size:12px; }
  .detona-inner-page .inner-panel .inner-content { padding:15px 12px; overflow-x:auto; }
  body.detona-inner-page #conteudo .inner-content .TableContainer { max-width:100%; overflow-x:auto; }
  .detona-inner-page .inner-layout>.right { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.detona-inner-page::before { background-position:center top,32% top; }
}
@media(max-width:400px) { .detona-inner-page .inner-layout>.right { grid-template-columns:1fr; } }

body.detona-inner-page #conteudo .inner-content :is(label,legend,.hs-player small,.hs-page-current) { color:#d8cbe2!important; }
body.detona-inner-page #conteudo .inner-content .detona-highscores .hs-table-wrap { background:#21172d!important; border-color:#60466c!important; }
body.detona-inner-page #conteudo .inner-content .detona-highscores .hs-player :is(a,small) { color:#e5dced!important; }
body.detona-inner-page #conteudo .inner-content .detona-highscores .hs-filters label { color:#d8cbe2!important; }