body[data-template="arcade"]{--container-w:1160px;--radius-lg:0;--radius-md:0;--radius-btn:0;background:var(--theme-dark-page);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body[data-template="arcade"] .site-header{position:relative;background:var(--theme-dark-panel);border-top:6px solid var(--red-vivid);border-bottom:6px solid var(--theme-dark-deep);box-shadow:0 6px 0 rgba(var(--red-vivid-rgb),.28)}body[data-template="arcade"] .header-inner{min-height:84px}body[data-template="arcade"] .brand-logo{width:50px;height:50px;image-rendering:auto;border:3px solid var(--red-vivid);padding:3px;background:var(--theme-dark-deep)}body[data-template="arcade"] .brand-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0 rgba(var(--red-vivid-rgb),.38)}body[data-template="arcade"] .site-nav a{border:2px solid transparent;padding:8px 10px;text-transform:uppercase;font-size:.72rem}body[data-template="arcade"] .site-nav a:hover{border-color:var(--red-vivid);box-shadow:3px 3px 0 rgba(var(--red-vivid-rgb),.28)}body[data-template="arcade"] .header-search{border:3px solid var(--red-vivid);border-radius:0;box-shadow:4px 4px 0 rgba(var(--red-vivid-rgb),.22);background:var(--theme-dark-page)}body[data-template="arcade"] .hero{padding:30px 0}body[data-template="arcade"] .hero-frame{max-width:920px;width:100%;aspect-ratio:16/9;border-radius:0;border:6px solid var(--theme-dark-panel-2);outline:3px solid var(--red-vivid);box-shadow:10px 10px 0 rgba(var(--red-vivid-rgb),.22)}body[data-template="arcade"] .hero-frame::before,body[data-template="arcade"] .hero-frame::after{display:none}body[data-template="arcade"] .hero-caption{padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.1))}body[data-template="arcade"] .hero-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;font-size:clamp(1.25rem,3vw,2.4rem);text-shadow:3px 3px 0 #000}body[data-template="arcade"] .hero-cta,body[data-template="arcade"] .btn{border-radius:0;border:2px solid var(--ink);box-shadow:4px 4px 0 rgba(0,0,0,.65);text-transform:uppercase}body[data-template="arcade"] .hero-cta:active,body[data-template="arcade"] .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}body[data-template="arcade"] .hero-dot{border-radius:0;width:12px;height:12px;border:2px solid var(--ink)}body[data-template="arcade"] .section-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:1px;border:3px solid var(--red-vivid);padding:8px 12px;width:max-content;max-width:100%;box-shadow:5px 5px 0 rgba(var(--red-vivid-rgb),.18)}body[data-template="arcade"] .section-title::after{display:none}body[data-template="arcade"] .recent-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:20px;padding:12px 0}body[data-template="arcade"] .recent-scroll .post-card{width:auto}body[data-template="arcade"] .recent-scroll .post-card:nth-child(4n+1){transform:translateY(8px)}body[data-template="arcade"] .recent-arrows{display:none}body[data-template="arcade"] .post-card,body[data-template="arcade"] .custom-slider-card,body[data-template="arcade"] .review-card,body[data-template="arcade"] .sidebar-card,body[data-template="arcade"] .faq-item{border:3px solid var(--theme-dark-border-solid);border-radius:0;box-shadow:6px 6px 0 #000;background:var(--theme-dark-panel)}body[data-template="arcade"] .post-card:hover{transform:translate(-2px,-2px);border-color:var(--red-vivid);box-shadow:9px 9px 0 rgba(var(--red-vivid-rgb),.24)}body[data-template="arcade"] .recent-scroll .post-card:nth-child(4n+1):hover{transform:translate(-2px,6px)}body[data-template="arcade"] .post-card-thumb{aspect-ratio:4/3;border-radius:0;border-bottom:3px solid var(--theme-dark-border-solid)}body[data-template="arcade"] .post-card-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;font-size:.9rem}body[data-template="arcade"] .pill{border-radius:0;border:2px solid currentColor}body[data-template="arcade"] .custom-slider-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:14px}body[data-template="arcade"] .custom-slider-card{width:auto;min-width:0;padding:6px}body[data-template="arcade"] .custom-slider-card img{border-radius:0}body[data-template="arcade"] .review-slider-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:16px}body[data-template="arcade"] .review-card{width:auto;min-width:0}body[data-template="arcade"] .genre-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}body[data-template="arcade"] .genre-tile{border:3px solid var(--theme-dark-border-solid);border-radius:0;box-shadow:4px 4px 0 #000}body[data-template="arcade"] .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-template="arcade"] .single-post-header h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;line-height:1.15}body[data-template="arcade"] .single-post-image{border-radius:0;border:4px solid var(--theme-dark-border-solid);box-shadow:8px 8px 0 #000}body[data-template="arcade"] .single-post-content h2,body[data-template="arcade"] .single-post-content h3{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}body[data-template="arcade"] .post-layout{gap:28px}body[data-template="arcade"] .sidebar-card-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-bottom:3px solid var(--theme-dark-border-solid)}body[data-template="arcade"] .site-footer{background:var(--theme-dark-footer);border-top:6px solid var(--red-vivid)}@media(max-width:900px){body[data-template="arcade"] .recent-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="arcade"] .custom-slider-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-template="arcade"] .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){body[data-template="arcade"] .hero-frame{aspect-ratio:4/5;border-width:4px;box-shadow:6px 6px 0 rgba(var(--red-vivid-rgb),.22)}body[data-template="arcade"] .recent-scroll{grid-template-columns:1fr}body[data-template="arcade"] .recent-scroll .post-card:nth-child(4n+1){transform:none}body[data-template="arcade"] .custom-slider-scroll,body[data-template="arcade"] .review-slider-scroll,body[data-template="arcade"] .genre-grid,body[data-template="arcade"] .faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-template="arcade"] .hero-actions{gap:18px}body[data-template="arcade"] .hero-actions .btn{min-width:154px;padding:15px 24px;border:3px solid var(--ink);border-radius:0;background:var(--red-vivid);color:var(--on-accent-vivid);box-shadow:0 5px 0 var(--red-darker),5px 10px 0 #000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;animation:none;filter:none;image-rendering:pixelated}body[data-template="arcade"] .hero-actions .btn::after{content:"◆";margin-left:10px;font-size:.7em;color:currentColor}body[data-template="arcade"] .hero-actions .btn:hover{transform:translate(-2px,-2px);box-shadow:0 7px 0 var(--red-darker),7px 12px 0 #000}body[data-template="arcade"] .hero-actions .btn:active{transform:translate(4px,6px);box-shadow:0 1px 0 var(--red-darker),1px 2px 0 #000}body[data-template="arcade"] .hero-actions .btn-anim::before{display:none}body[data-template="arcade"] .hero-actions .btn-masuk{background:var(--theme-dark-deep);color:var(--ink);box-shadow:0 5px 0 var(--red-vivid),5px 10px 0 #000}body[data-template="arcade"] .hero-actions .btn.hero-shape-square{border-radius:0;clip-path:none}body[data-template="arcade"] .hero-actions .btn.hero-shape-pill{border-radius:999px;clip-path:none}body[data-template="arcade"] .hero-actions .btn-outline{background:transparent;color:var(--red-vivid);border-color:var(--red-vivid);box-shadow:none}body[data-template="arcade"] .hero-actions .btn-ghost{background:transparent;color:var(--red-vivid);border-color:transparent;box-shadow:none}body[data-template="arcade"] .hero-actions .btn-light{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:none}body[data-template="arcade"] .custom-slider-scroll{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:14px;padding:10px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-template="arcade"] .custom-slider-card{flex:0 0 132px;width:132px;min-width:132px;scroll-snap-align:start}@media(max-width:640px){body[data-template="arcade"] .hero{padding:18px 0 16px}body[data-template="arcade"] .hero-frame{aspect-ratio:16/9;border-width:3px;box-shadow:4px 4px 0 rgba(var(--red-vivid-rgb),.22)}body[data-template="arcade"] .hero-caption{padding:10px 12px;gap:3px}body[data-template="arcade"] .hero-title{font-size:.92rem}body[data-template="arcade"] .hero-meta-row .meta-author,body[data-template="arcade"] .hero-meta-row .meta-date{font-size:.56rem}body[data-template="arcade"] .hero-cta{margin-top:1px;font-size:.58rem}body[data-template="arcade"] .hero-actions{width:100%;gap:10px}body[data-template="arcade"] .hero-actions .btn{flex:1 1 0;min-width:0;padding:12px 10px;justify-content:center}body[data-template="arcade"] .custom-slider-card{flex-basis:112px;width:112px;min-width:112px}}body[data-template="arcade"] .lists-scroll{background:var(--theme-dark-panel);border:3px solid var(--theme-dark-border-solid);border-radius:0;box-shadow:6px 6px 0 #000}body[data-template="arcade"] .lists-content li{border-bottom-style:dashed}@media(max-width:640px){body[data-template="arcade"] .recent-scroll{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:12px;padding:10px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body[data-template="arcade"] .recent-scroll .post-card{flex:0 0 156px;width:156px;min-width:156px;transform:none;scroll-snap-align:start}body[data-template="arcade"] .recent-scroll .post-card:hover{transform:none}body[data-template="arcade"] .recent-scroll .post-card-thumb{aspect-ratio:4/5}}@media(max-width:640px){body[data-template="arcade"] .section-title{font-size:.78rem;line-height:1.2;letter-spacing:.7px;padding:6px 9px;border-width:2px;box-shadow:3px 3px 0 rgba(var(--red-vivid-rgb),.18)}}@media(max-width:640px){body[data-template="arcade"] .paragraph-section{padding:10px 0 2px}body[data-template="arcade"] .paragraph-content{font-size:.86rem;line-height:1.58;overflow-wrap:break-word;word-break:normal}body[data-template="arcade"] .paragraph-content p{margin:.7em 0}body[data-template="arcade"] .paragraph-content ol,body[data-template="arcade"] .paragraph-content ul{margin:.7em 0;padding-left:1.55rem}body[data-template="arcade"] .paragraph-content li{margin:.28em 0;padding-left:.08rem}body[data-template="arcade"] .paragraph-content h2,body[data-template="arcade"] .paragraph-content h3{line-height:1.35;margin-bottom:.65em}body[data-template="arcade"] .faq-section{padding:10px 0 2px}body[data-template="arcade"] .faq-list{grid-template-columns:minmax(0,1fr);gap:10px}body[data-template="arcade"] .faq-item{width:100%;min-width:0;border-width:2px;box-shadow:4px 4px 0 #000}body[data-template="arcade"] .faq-question{gap:10px;padding:11px 12px;font-size:.8rem;line-height:1.4;overflow-wrap:break-word}body[data-template="arcade"] .faq-question::before{width:20px;height:20px;font-size:.96rem}body[data-template="arcade"] .faq-answer{padding:0 12px 12px;font-size:.78rem;line-height:1.55}}
@media (max-width:640px){body[data-template="arcade"] .site-footer{margin-top:16px;border-top-width:4px;}body[data-template="arcade"] .footer-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:14px;row-gap:16px;padding:18px 16px 16px;}body[data-template="arcade"] .footer-about{grid-column:1 / -1;min-width:0;}body[data-template="arcade"] .footer-about .brand{gap:9px;margin-bottom:9px;}body[data-template="arcade"] .footer-about .brand-logo{width:38px;height:38px;border-width:2px;padding:2px;}body[data-template="arcade"] .footer-about .brand-name{font-size:.96rem;letter-spacing:1px;}body[data-template="arcade"] .footer-about p{max-width:none;margin:0;font-size:.76rem;line-height:1.5;}body[data-template="arcade"] .footer-social{column-gap:14px;row-gap:5px;margin-top:9px;}body[data-template="arcade"] .social-link{font-size:.7rem;letter-spacing:.1px;}body[data-template="arcade"] .footer-col{min-width:0;}body[data-template="arcade"] .footer-col h4{margin-bottom:9px;padding-bottom:6px;font-size:.77rem;letter-spacing:.25px;}body[data-template="arcade"] .footer-col h4::after{height:2px;width:24px;}body[data-template="arcade"] .footer-chip-nav{column-gap:10px;row-gap:3px;align-content:start;}body[data-template="arcade"] .footer-chip-nav a,body[data-template="arcade"] .footer-contact a,body[data-template="arcade"] .footer-contact li{font-size:.7rem;line-height:1.65;overflow-wrap:anywhere;}body[data-template="arcade"] .footer-chip-nav a{font-weight:500;}body[data-template="arcade"] .footer-contact{gap:7px;}body[data-template="arcade"] .footer-payment{padding:14px 0 12px;}body[data-template="arcade"] .footer-payment-inner{gap:9px;padding-left:16px;padding-right:16px;}body[data-template="arcade"] .footer-payment-label{font-size:.78rem;letter-spacing:.25px;}body[data-template="arcade"] .footer-payment-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(53px,1fr));gap:8px;align-items:start;}body[data-template="arcade"] .footer-payment-item{min-width:0;gap:4px;}body[data-template="arcade"] .footer-payment-logo{width:100%;height:36px;min-width:0;max-width:none;padding:4px;}body[data-template="arcade"] .footer-payment-logo img{width:100%;height:100%;object-fit:contain;}body[data-template="arcade"] .footer-payment-name{max-width:100%;font-size:.59rem;line-height:1.25;overflow-wrap:anywhere;}body[data-template="arcade"] .footer-bottom{padding:10px 0;font-size:.65rem;line-height:1.45;}body[data-template="arcade"] .footer-bottom-inner{gap:2px 8px;padding-left:16px;padding-right:16px;}body[data-template="arcade"] .footer-credit{font-size:.62rem;letter-spacing:.1px;}}@media (max-width:339px){body[data-template="arcade"] .footer-grid{column-gap:10px;}body[data-template="arcade"] .footer-payment-logos{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:6px;}}


/* Step 10: Arcade article reading and native Daftar Isi. Footer rules above remain unchanged. */
body[data-template="arcade"] .single-post-content {
    font-size: 1rem;
    line-height: 1.72;
    overflow-wrap: break-word;
}
body[data-template="arcade"] .single-post-content p { margin: 0 0 .9em; }
body[data-template="arcade"] .single-post-content h2,
body[data-template="arcade"] .single-post-content h3 { text-transform: none; overflow-wrap: anywhere; }
body[data-template="arcade"] .single-post-content h2 {
    margin: 1.7em 0 .6em;
    padding: .44em .65em;
    border: 0;
    border-left: 4px solid var(--red-vivid);
    border-bottom: 1px solid var(--theme-dark-border-solid);
    background: var(--theme-dark-panel);
    color: var(--ink);
    font-size: 1.28rem;
    line-height: 1.35;
    letter-spacing: 0;
}
body[data-template="arcade"] .single-post-content h3 {
    margin: 1.5em 0 .54em;
    padding: 0 0 0 .65em;
    border-left: 2px solid var(--red-primary);
    color: var(--red-text-heading);
    font-size: 1.08rem;
    line-height: 1.38;
    letter-spacing: 0;
}
body[data-template="arcade"] .single-post-content h2 + p,
body[data-template="arcade"] .single-post-content h3 + p { margin-top: .15em; }
body[data-template="arcade"] .single-post-content :is(h2,h3)[id] { scroll-margin-top: 18px; }
body[data-template="arcade"] .single-post-content :is(img,video,svg),
body[data-template="arcade"] .single-post-content figure { max-width: 100%; height: auto; }
body[data-template="arcade"] .single-post-content iframe { max-width: 100%; }
body[data-template="arcade"] .single-post-content figure { margin: 1em 0; }
body[data-template="arcade"] .single-post-content img { display: block; object-fit: contain; }
body[data-template="arcade"] .single-post-content li { line-height: 1.6; }

/* Generated on the client from the article's actual H2/H3 headings only. */
body[data-template="arcade"] .arcade-toc {
    margin: 16px 0 22px;
    border: 2px solid var(--theme-dark-border-solid);
    background: var(--theme-dark-panel);
    box-shadow: 3px 3px 0 rgba(0,0,0,.38);
    color: var(--ink);
}
body[data-template="arcade"] .arcade-toc > summary {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    list-style: none;
    cursor: pointer;
    font-size: .86rem;
    line-height: 1.4;
    font-weight: 750;
}
body[data-template="arcade"] .arcade-toc > summary::-webkit-details-marker { display: none; }
body[data-template="arcade"] .arcade-toc > summary::before {
    content: '▸';
    color: var(--red-vivid);
    font-size: 1rem;
}
body[data-template="arcade"] .arcade-toc[open] > summary::before { content: '▾'; }
body[data-template="arcade"] .arcade-toc > summary:focus-visible { outline: 2px solid var(--red-vivid); outline-offset: -3px; }
body[data-template="arcade"] .arcade-toc nav {
    border-top: 1px solid var(--theme-dark-border-solid);
    padding: 7px 14px 12px;
}
body[data-template="arcade"] .arcade-toc ol { margin: 0; padding: 0 0 0 1.2em; }
body[data-template="arcade"] .arcade-toc li { padding: 0; margin: 0; font-size: .82rem; line-height: 1.45; }
body[data-template="arcade"] .arcade-toc li::marker { color: var(--red-text-mid); }
body[data-template="arcade"] .arcade-toc li.is-subheading { margin-left: 14px; list-style: circle; }
body[data-template="arcade"] .arcade-toc a {
    display: block;
    min-height: 30px;
    padding: 5px 2px;
    color: var(--ink);
    text-decoration: none;
    overflow-wrap: anywhere;
}
body[data-template="arcade"] .arcade-toc a:hover,
body[data-template="arcade"] .arcade-toc a:focus-visible { color: var(--red-vivid); text-decoration: underline; }

/* FAQ heading, question, and answer must read as separate information levels. */
body[data-template="arcade"] .faq-question { font-weight: 650; }
body[data-template="arcade"] .faq-answer p { margin: 0 0 .55em; }
body[data-template="arcade"] .faq-answer p:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
    body[data-template="arcade"] .single-post-header h1 { font-size: clamp(1.3rem, 5.5vw, 1.65rem); line-height: 1.25; }
    body[data-template="arcade"] .single-post-content { font-size: .92rem; line-height: 1.68; }
    body[data-template="arcade"] .single-post-content h2 {
        margin: 1.48em 0 .55em;
        padding: .42em .55em;
        border-left-width: 3px;
        font-size: 1.13rem;
        line-height: 1.36;
    }
    body[data-template="arcade"] .single-post-content h3 {
        margin: 1.3em 0 .45em;
        padding-left: .58em;
        font-size: 1rem;
    }
    body[data-template="arcade"] .single-post-content p { margin-bottom: .83em; }
    body[data-template="arcade"] .arcade-toc { margin: 12px 0 18px; box-shadow: 2px 2px 0 rgba(0,0,0,.32); }
    body[data-template="arcade"] .arcade-toc > summary { padding: 10px 12px; font-size: .8rem; }
    body[data-template="arcade"] .arcade-toc nav { padding: 6px 12px 10px; }
    body[data-template="arcade"] .arcade-toc li { font-size: .78rem; }
    body[data-template="arcade"] .faq-question { padding: 10px 12px; font-size: .78rem; font-weight: 650; }
    body[data-template="arcade"] .faq-answer { padding: 0 12px 11px; font-size: .76rem; }
}

/* Step 11: Arcade CTAs. Existing admin-set Hero Button destinations, labels and
   SEO rel attributes drive the mobile dock; nothing here changes those values. */
body[data-template="arcade"] .arcade-floating-cta { display: none; }

/* Keep the existing pixel-button shape, configurable accent tokens and press
   depth. Sweep is a composited overlay; never animate the label itself. */
body[data-template="arcade"] .hero-actions .btn,
body[data-template="arcade"] .access-page .access-page-hero-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body[data-template="arcade"] .hero-actions .btn::before,
body[data-template="arcade"] .access-page .access-page-hero-button::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: inherit;
    padding: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 24%, rgba(255,255,255,.20) 48%, transparent 72%);
    opacity: 0;
    transform: translateX(-140%);
    -webkit-mask: none;
    mask: none;
    z-index: 0;
    animation: none;
}
body[data-template="arcade"] .hero-actions .btn.btn-anim,
body[data-template="arcade"] .access-page .access-page-hero-button.btn-anim {
    animation: none;
    filter: none;
}
body[data-template="arcade"] .access-page .access-page-hero-button {
    border: 2px solid var(--red-vivid);
    border-radius: 0;
    background: var(--red-primary);
    color: var(--on-accent);
    box-shadow: 0 4px 0 var(--red-darker), 4px 8px 0 rgba(0,0,0,.75);
    text-align: center;
    text-decoration: none;
    line-height: 1.3;
}
body[data-template="arcade"] .access-page .access-page-hero-button:hover {
    transform: translate(-2px,-2px);
    box-shadow: 0 6px 0 var(--red-darker), 6px 10px 0 rgba(0,0,0,.75);
}
body[data-template="arcade"] .access-page .access-page-hero-button:active {
    transform: translate(2px,4px);
    box-shadow: 0 1px 0 var(--red-darker), 1px 2px 0 rgba(0,0,0,.75);
}
body[data-template="arcade"] .access-page .access-page-hero-button:focus-visible,
body[data-template="arcade"] .hero-actions .btn:focus-visible,
body[data-template="arcade"] .arcade-floating-cta-link:focus-visible {
    outline: 3px solid var(--red-text-bright);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    /* Bottom nav is 64px + device safe area; position our dock above it. */
    body[data-template="arcade"]:has(.arcade-floating-cta) {
        padding-bottom: 126px;
        padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px));
    }
    body[data-template="arcade"] .arcade-floating-cta {
        display: flex;
        gap: 8px;
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 69px;
        bottom: calc(69px + env(safe-area-inset-bottom, 0px));
        z-index: 197; /* below the existing category/search sheet and bottom nav */
        padding: 5px;
        background: var(--theme-dark-panel);
        border: 1px solid var(--theme-dark-border-solid);
        border-radius: 4px;
        box-shadow: 0 4px 14px rgba(0,0,0,.55);
    }
    body[data-template="arcade"] .arcade-floating-cta-link {
        display: inline-flex;
        flex: 1 1 0;
        min-width: 0;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        padding: 8px 10px;
        border: 2px solid var(--red-vivid);
        border-radius: 2px;
        background: var(--red-vivid);
        color: var(--on-accent-vivid);
        font: 800 .79rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
        letter-spacing: .035em;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
        transition: transform .16s ease, box-shadow .16s ease;
        -webkit-tap-highlight-color: transparent;
    }
    body[data-template="arcade"] .arcade-floating-cta-login {
        background: var(--theme-dark-deep);
        color: var(--red-text-bright);
    }
    body[data-template="arcade"] .arcade-floating-cta-link::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.18) 50%, transparent 80%);
        transform: translateX(-140%);
        opacity: 0;
    }
    body[data-template="arcade"] .arcade-floating-cta-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 3px 0 var(--red-darker);
    }
    body[data-template="arcade"] .arcade-floating-cta-link:active {
        transform: translateY(2px);
        box-shadow: none;
    }
    body[data-template="arcade"] .access-page .access-page-hero-button {
        min-height: 46px;
        padding: 12px 15px;
    }
}

@keyframes arcadeCtaSweep {
    0%, 20% { transform: translateX(-140%); opacity: 0; }
    28% { opacity: .8; }
    48% { transform: translateX(140%); opacity: .8; }
    50%, 100% { transform: translateX(140%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
    body[data-template="arcade"] .hero-actions .btn::before,
    body[data-template="arcade"] .access-page .access-page-hero-button::before,
    body[data-template="arcade"] .arcade-floating-cta-link::before {
        animation: arcadeCtaSweep 4s ease-in-out infinite;
    }
    body[data-template="arcade"] .arcade-floating-cta-link:nth-child(2)::before { animation-delay: 1s; }
}
@media (prefers-reduced-motion: reduce) {
    body[data-template="arcade"] .hero-actions .btn,
    body[data-template="arcade"] .access-page .access-page-hero-button,
    body[data-template="arcade"] .arcade-floating-cta-link {
        transition: none;
    }
    body[data-template="arcade"] .hero-actions .btn::before,
    body[data-template="arcade"] .access-page .access-page-hero-button::before,
    body[data-template="arcade"] .arcade-floating-cta-link::before {
        animation: none;
    }
}

@media (min-width:701px) and (max-width:900px){body[data-template="arcade"] .access-page .access-page-hero{width:100%;max-width:100%;min-width:0}}