/* Exact-stage Forum presentation. Native phpBB geometry, content and behavior remain authoritative. */
body#phpbb.forum-circuit-stage{
 --fc-panel:rgb(5 18 28 / .84);--fc-reading:rgb(5 18 28 / .89);--fc-popover:rgb(5 18 28 / .97);
 --mf-bg:#07121d;--mf-panel:var(--fc-panel);--mf-inner:rgb(5 18 28 / .9);
 --mf-ink:#f2f7fa;--mf-muted:#bfd6e0;--mf-line:#577d91;--mf-steel:#7f9eae;
 color-scheme:dark;background:#07121d!important;color:var(--mf-ink);position:relative;isolation:isolate;min-height:100dvh;
}
body#phpbb.forum-circuit-stage::before{
 content:"";position:fixed;inset:0 0 auto;height:100vh;height:100lvh;z-index:-2;pointer-events:none;
 opacity:1;mask-image:none;-webkit-mask-image:none;
 background:linear-gradient(105deg,rgb(4 16 25 / .35),rgb(4 16 25 / .32)),url("circuit-neon-stage.e64e42df9b78.jpg") center/cover;
}
/* The older per-category Techno variant has its own texture/aura. Avoid double layers; keep its native scroll-progress and Back-to-top controls. */
body#phpbb.forum-circuit-stage::after{content:none}
body#phpbb.forum-circuit-stage .mosfetti-aura{display:none}
body#phpbb.forum-circuit-stage .wrap,body#phpbb.forum-circuit-stage .page-body{background:transparent}
body#phpbb.forum-circuit-stage :is(.headerbar,.navbar,.forabg,.forumbg,.post,.panel,.stat-block,.page-footer,.rules,.errorbox,.successbox,.phpbb_alert){background:var(--fc-panel);color:var(--mf-ink)}
body#phpbb.forum-circuit-stage :is(.headerbar,.mf-topic-preview,.forabg,.forumbg,.post,.panel,.stat-block,.page-footer,.rules){position:relative}
body#phpbb.forum-circuit-stage .headerbar{background-image:none}
body#phpbb.forum-circuit-stage .forabg .topiclist,body#phpbb.forum-circuit-stage .forumbg .topiclist{background:transparent}
body#phpbb.forum-circuit-stage .forabg li.row,body#phpbb.forum-circuit-stage .forumbg li.row{background:transparent}
body#phpbb.forum-circuit-stage .forabg li.row:hover,body#phpbb.forum-circuit-stage .forumbg li.row:hover{background:rgb(37 81 101 / .17)}
body#phpbb.forum-circuit-stage li.header{background:linear-gradient(120deg,rgb(25 53 69 / .6),rgb(11 29 40 / .45) 70%)}
body#phpbb.forum-circuit-stage .post,body#phpbb.forum-circuit-stage .panel{background:var(--fc-reading)}
body#phpbb.forum-circuit-stage .postbody{background:transparent}
body#phpbb.forum-circuit-stage :is(.postprofile,.cp-mini){background:rgb(5 18 28 / .5)}
body#phpbb.forum-circuit-stage :is(.bg1,.bg2,.bg3,.searchresults):not(.post):not(.panel){background:transparent}
body#phpbb.forum-circuit-stage #cp-main .panel,body#phpbb.forum-circuit-stage #cp-main .pm{background:var(--fc-reading)}
body#phpbb.forum-circuit-stage #cp-main table.table1 tbody td{background:rgb(5 18 28 / .28)}
body#phpbb.forum-circuit-stage .stat-block{padding:16px 20px;border:1px solid var(--mf-line)}
body#phpbb.forum-circuit-stage .page-footer{padding:20px}
body#phpbb.forum-circuit-stage .page-footer .navbar{background:transparent}
body#phpbb.forum-circuit-stage .mf-intro.mf-discussion>.mf-topic-preview{background:var(--fc-panel)}
body#phpbb.forum-circuit-stage a.mf-topic-preview:hover{background:rgb(10 35 49 / .9)}
/* Menus keep their native placement; denser backing protects transient choices. */
body#phpbb.forum-circuit-stage .mf-utility.mf-nav-compact .mf-utility-panel,
body#phpbb.forum-circuit-stage .dropdown .dropdown-contents,
body#phpbb.forum-circuit-stage .phpbb_alert{background:var(--fc-popover)}
/* Scrolled controls must never show through the sticky utility bar. */
body#phpbb.forum-circuit-stage .mf-utility{background:#071823}
/* These native page headings sit outside the existing reading panels. */
body#phpbb.forum-circuit-stage :is(.topic-title,.forum-title,.searchresults-title),
body#phpbb.forum-circuit-stage #page-body>h2.solo,
body#phpbb.forum-circuit-stage #page-body>h2.faq-title{background:var(--fc-reading);padding:10px 14px}
body#phpbb.forum-circuit-stage dl.faq dt{color:var(--mf-ink)}
body#phpbb.forum-circuit-stage form.headerspace:has(>fieldset.quick-login){background:var(--fc-reading);padding:16px}
body#phpbb.forum-circuit-stage .notification_list :is(.header,.footer,.notification-block){background:rgb(5 18 28 / .75)}
/* Reading and error components stay quiet; actual media and native controls stay opaque. */
body#phpbb.forum-circuit-stage :is(blockquote,.codebox,.attachbox,.file,.inline-attachment){background:rgb(5 18 28 / .75);border-color:var(--mf-line)}
body#phpbb.forum-circuit-stage :is(input.inputbox,textarea.inputbox,input[type=search],input[type=text],input[type=password],input[type=number],select){background:#081b27;color:var(--mf-ink)}
body#phpbb.forum-circuit-stage :is(.button,.button1,.button2){white-space:normal;word-break:normal;overflow-wrap:normal}
body#phpbb.forum-circuit-stage .content a.postlink{color:#f2f7fa;border-bottom-color:#b9e4ef;text-decoration:underline;text-underline-offset:.2em}
body#phpbb.forum-circuit-stage .content a.postlink:visited{color:#d9c8f6}
body#phpbb.forum-circuit-stage .content a.postlink:hover,body#phpbb.forum-circuit-stage .content a.postlink:focus-visible{color:#b9e4ef}
body#phpbb.forum-circuit-stage .content a.postlink:active{color:#e1cafa}
body#phpbb.forum-circuit-stage :is(a,button,input,select,textarea):focus-visible{outline:3px solid #8be8ff;outline-offset:3px}
body#phpbb.forum-circuit-stage .mf-utility :is(a,button):focus-visible{outline-offset:-3px}
/* Preserve the native administrator red distinction, with readable luminance. */
body#phpbb.forum-circuit-stage a.username-coloured[style*="#AA0000" i]{color:#ffb4b4!important}
body#phpbb.forum-circuit-stage :is(.error,.errorbox,.reported .post-notice,.notice,.post-notice){color:#ffd19b}
body#phpbb.forum-circuit-stage .successbox{color:#b7f1cf}
/* Per-surface canvas paints above its translucent fill and below native text/media. */
body#phpbb.forum-circuit-stage .cs-ambient-surface{isolation:isolate}
body#phpbb.forum-circuit-stage .cs-ambient-canvas{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;opacity:1;max-width:none;clip-path:inset(0);contain:strict}
body#phpbb.forum-circuit-stage img,body#phpbb.forum-circuit-stage video{opacity:1}
/* Native member/team/group table cells previously retained prosilver's light-theme ink. */
body#phpbb.forum-circuit-stage table.table1 :is(tbody td,tbody th){color:var(--mf-ink);border-color:var(--mf-line)}
body#phpbb.forum-circuit-stage table.table1 tbody th{background:var(--fc-reading)}
/* Member rank and username share a native cell. Give each its own reading line
   above the native phone breakpoint, rather than floating the rank into labels. */
body#phpbb.forum-circuit-stage .forumbg-table:has(> .inner > table.memberlist){container:member-reading / inline-size}
body#phpbb.forum-circuit-stage table.memberlist :is(th,td){overflow-wrap:anywhere}
@media(min-width:701px){
 body#phpbb.forum-circuit-stage table.memberlist :is(th,td){padding:.6em .65em;vertical-align:top}
 body#phpbb.forum-circuit-stage table.memberlist :is(th,td):first-child .rank-img{float:none;display:block;width:auto;margin:0 0 .35em;padding:0;text-align:left}
 body#phpbb.forum-circuit-stage table.memberlist th.posts{width:9%;white-space:nowrap}
 body#phpbb.forum-circuit-stage table.memberlist th.info{width:26%}
 /* The same native labeled-row structure accommodates enlarged text when its
    available measure falls below 32em; no field or destination is removed. */
 @container member-reading (max-width:32em){
  body#phpbb.forum-circuit-stage table.memberlist,
  body#phpbb.forum-circuit-stage table.memberlist :is(tbody,tr,td){display:block}
  body#phpbb.forum-circuit-stage table.memberlist :is(thead,th){display:none}
  body#phpbb.forum-circuit-stage table.memberlist.show-header thead,
  body#phpbb.forum-circuit-stage table.memberlist.show-header th:first-child{display:block;width:auto;text-align:left}
  body#phpbb.forum-circuit-stage table.memberlist.show-header th:first-child .rank-img{display:none}
  body#phpbb.forum-circuit-stage table.memberlist td{width:auto;text-align:left}
  body#phpbb.forum-circuit-stage table.memberlist td.empty{display:none}
  body#phpbb.forum-circuit-stage table.memberlist td>dfn{display:inline-block!important}
  body#phpbb.forum-circuit-stage table.memberlist td>dfn::after{content:':';padding-inline-end:5px}
 }
}
body#phpbb.forum-circuit-stage :is(table.table1 a,.group-title,#cp-main .forumtitle)[style*="#AA0000" i]{color:#ffb4b4!important}
body#phpbb.forum-circuit-stage .panel-container .panel li.header :is(dt,dd){color:var(--mf-ink)}
body#phpbb.forum-circuit-stage #cp-main h2{color:var(--mf-ink)}
body#phpbb.forum-circuit-stage .ucp-title{background:var(--fc-reading);padding:10px 14px}
/* The compact native trail should size to its labels, not equal empty columns. */
body#phpbb.forum-circuit-stage .mf-utility.mf-nav-compact .breadcrumbs.mf-has-trail .crumb{flex:0 1 auto}
/* Keep all native footer destinations and timezone text inside the frame. */
body#phpbb.forum-circuit-stage #nav-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
body#phpbb.forum-circuit-stage #nav-footer>li{float:none;margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body#phpbb.forum-circuit-stage #nav-footer>.breadcrumbs{margin-inline-end:auto}
/* Native phpBB creates this control dynamically; retain its real dropdown and links. */
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab>a.responsive-tab-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;width:44px;min-height:44px;padding:0;line-height:1;color:var(--mf-ink)}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab>a.responsive-tab-link::before{position:static;flex:none;width:16px;height:12px;box-sizing:border-box;border-color:#b9e4ef}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab>a.responsive-tab-link:is(:hover,:focus-visible)::before{border-color:#fff}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab>a.responsive-tab-link:active::before{border-color:#e1cafa}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab.dropdown-visible>a{background:#143244;border-color:#8be8ff}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab>.dropdown{top:calc(100% + 6px);bottom:auto;margin:0;padding:0;width:max-content;max-width:calc(100vw - 32px);z-index:5}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab.dropdown-left>.dropdown{right:0;left:auto}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab.dropdown-right>.dropdown{left:0;right:auto}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab .dropdown-contents{background:#061723;border-color:var(--mf-line);padding:8px;min-width:12rem;max-width:calc(100vw - 32px);max-height:min(60dvh,26rem);overflow-y:auto}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab .dropdown-contents li{text-align:left}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab .dropdown-contents a{display:block;min-height:44px;box-sizing:border-box;padding:10px 12px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;color:var(--mf-ink)}
body#phpbb.forum-circuit-stage :is(#tabs,#minitabs) .responsive-tab .dropdown-contents a:is(:hover,:focus-visible){background:#143244;color:#b9e4ef}
@media(max-width:650px){
 body#phpbb.forum-circuit-stage::before{background-position:58% center}
 body#phpbb.forum-circuit-stage .stat-block,body#phpbb.forum-circuit-stage .page-footer{padding:16px}
}
@media(prefers-reduced-motion:reduce){body#phpbb.forum-circuit-stage .cs-ambient-canvas{display:none}}
@media(forced-colors:active){
 body#phpbb.forum-circuit-stage::before,body#phpbb.forum-circuit-stage .cs-ambient-canvas{display:none}
 body#phpbb.forum-circuit-stage,body#phpbb.forum-circuit-stage :is(.headerbar,.navbar,.forabg,.forumbg,.post,.panel,.stat-block,.page-footer,.rules,.errorbox,.successbox,.phpbb_alert){background:Canvas;color:CanvasText}
}
/* The native web print view retains its content; physical printing stays ink-friendly. */
@font-face{font-family:Barlow;src:url('/styles/mosfetti_circuit/theme/fonts/barlow-regular.ttf');font-weight:400;font-display:swap}
@media screen{
 body#phpbb.forum-circuit-stage.forum-print-view{font:1rem/1.6 Barlow,sans-serif}
 body#phpbb.forum-circuit-stage.forum-print-view #wrap{max-width:1260px;margin:24px auto;padding-inline:16px}
 body#phpbb.forum-circuit-stage.forum-print-view :is(h1,h2,h3,.content,.author,.date,.page-number){color:var(--mf-ink)}
 body#phpbb.forum-circuit-stage.forum-print-view .post{padding:16px;margin-block:20px}
 body#phpbb.forum-circuit-stage.forum-print-view a{color:#b9e4ef;text-decoration:underline}
 body#phpbb.forum-circuit-stage.forum-print-view #page-header{background:var(--fc-reading);padding:10px 14px}
 body#phpbb.forum-circuit-stage.forum-print-view #page-header :is(h1,h2,p){color:var(--mf-ink)}
 body#phpbb.forum-circuit-stage.forum-print-view #page-body>.page-number{float:none;text-align:right;background:var(--fc-reading);padding:4px 8px}
}
@media print{
 body#phpbb.forum-circuit-stage{background:#fff!important;color:#000}
 body#phpbb.forum-circuit-stage::before,body#phpbb.forum-circuit-stage .cs-ambient-canvas{display:none}
 body#phpbb.forum-circuit-stage :is(.headerbar,.navbar,.post,.panel,.stat-block,.page-footer,.content,blockquote,.codebox){background:transparent;color:#000}
 body#phpbb.forum-circuit-stage :is(h1,h2,h3,a,.author,.date,.page-number){color:#000}
}
