/* Visual review only. The frame, coverflow transforms, poster-scan and CTA shine
   are reused from Cars. Palette and portrait proportions adapt the original. */
:root{--font-sans:'Chakra Petch',sans-serif;--font-display:'Orbitron','Chakra Petch',sans-serif;--font-mono:'Share Tech Mono',monospace;--bg-card:#f8f7f2;--bg-elevated:#fff;--ink:#272c32;--muted:#656e73;--line:#d6dad7;--line-bright:#adb8b8;--akira-red:#ff1e42;--akira-glow:#ff1e4240;--cyber-cyan:#007e8a;--cyan-glow:#00b9ce30;--initial-gold:#715e3c;--gold-glow:#ccac6220;--ease-out:cubic-bezier(.23,1,.32,1);font-family:var(--font-sans);color:var(--ink);font-synthesis:none;line-height:1.45;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-width:320px;background-color:#f5f3ed;background-image:radial-gradient(ellipse at 50% 34%,#fff 0,transparent 65%),linear-gradient(#85969b09 1px,transparent 1px),linear-gradient(90deg,#85969b09 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}a{color:inherit;text-decoration:none}p,h1{margin:0}button{font:inherit}a,button{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--cyber-cyan)}.app-header{display:flex;align-items:center;gap:42px;min-height:80px;padding:16px clamp(20px,4vw,64px);background:#fffdf8b8;border-bottom:1px solid #c8cfcd;backdrop-filter:blur(22px)}.brand{font-family:var(--font-display);font-size:24px;font-weight:900;font-style:italic;letter-spacing:.035em;white-space:nowrap}.brand span{display:block;font-family:var(--font-mono);font-size:10px;font-style:normal;color:var(--muted);letter-spacing:.18em;margin-top:2px}.main-nav{display:flex;gap:6px}.main-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;font-family:var(--font-display);font-weight:800;font-size:11px;font-style:italic;text-transform:uppercase;border:1px solid transparent;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.main-nav a.active{background:linear-gradient(125deg,#fff,#e8eeec99);border-color:#9cb0b3;color:#00636e;box-shadow:inset 0 2px 0 #fff}.main-nav a:hover{background:#fff;border-color:#008e9b}.edition{margin-left:auto;white-space:nowrap;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.edition i{display:inline-block;width:5px;height:5px;background:#007d87;box-shadow:0 0 8px #00b8c4;margin-right:7px}.arcade-home{width:100%;max-width:1440px;margin:auto;padding:14px 32px 0}.review-strip{width:100%;font-family:var(--font-mono);font-size:10px;color:#6c7474;display:flex;justify-content:space-between;gap:12px;letter-spacing:.035em;margin-bottom:15px}.review-strip b{color:#334d53;font-weight:400}.creator-banner-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;width:min(980px,100%);padding:10px 18px;border:1px solid #bfd0d0;border-left:3px solid #008b98;border-right:3px solid var(--akira-red);border-radius:4px;background:linear-gradient(110deg,#fffdf9df,#e9ede9a8);box-shadow:inset 0 1px #fff,0 5px 18px #223f4210;backdrop-filter:blur(16px)}.creator-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:linear-gradient(135deg,#f9eeec,#dce8e7);border:1px solid #afc1c0;font-family:var(--font-mono);font-size:12px;font-weight:700;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.creator-banner-card p{font-size:12px;line-height:1.45;position:relative;z-index:3}.creator-banner-card p strong{color:#006b75;font-weight:700}.creator-banner-card p span{color:var(--muted);font-size:11px}.creator-socials{margin-left:auto;display:flex;gap:7px;position:relative;z-index:3}.creator-socials a{font-family:var(--font-mono);font-size:10px;padding:8px 11px;border:1px solid #c1cecd;background:linear-gradient(120deg,#ffffffdb,#e5ebe77d);box-shadow:inset 0 1px 0 #fff;border-radius:3px;white-space:nowrap}.creator-socials a:hover{border-color:var(--cyber-cyan);box-shadow:0 0 12px var(--cyan-glow)}
.creator-shimmer-sweep{position:absolute;top:0;bottom:0;left:-120%;width:55%;background:linear-gradient(90deg,#fff0,#00f0ff14 25%,#ffffffb3 50%,#ff1e4233 75%,#fff0);transform:skewX(-25deg);pointer-events:none;animation:creatorShimmerSweep 4.5s infinite cubic-bezier(.25,1,.5,1);z-index:2}@keyframes creatorShimmerSweep{0%,15%{left:-120%}48%,100%{left:210%}}
.coverflow-section{flex:none;padding:22px 0 20px;overflow:hidden}.coverflow-stage{height:417px;cursor:default}.coverflow-track{width:236px;height:414px}.coverflow-card{cursor:default}.cf-card-frame{background:linear-gradient(155deg,#ffffffdd,#eceee8cf);box-shadow:0 16px 28px #23333822;padding:10px;backdrop-filter:blur(14px)}.coverflow-card.is-active .cf-card-frame{background:linear-gradient(170deg,#fffefa,#e8ede9);border-color:#007f8b;box-shadow:0 16px 30px #23333826,inset 0 0 18px #00d5e918}.cf-stage-num{color:#596064;font-weight:400}.cf-count-pill{color:#486669;background:#dfeae66e;border-color:#b5c7c5;font-size:9px;letter-spacing:.06em}.cf-poster-wrap{flex:none;aspect-ratio:2/3;border-color:#c4cfca;background:#e7d4b5}.cf-poster-img{object-fit:contain}.coverflow-card.is-side .cf-poster-img{filter:brightness(.9) saturate(.75)}.coverflow-card.is-active .cf-card-name{color:#006a74;text-shadow:0 0 12px #00c7d72b}.cf-card-name{font-size:14px;letter-spacing:.045em}.cf-card-footer{margin-top:10px}.cf-poster-scanline{background-image:linear-gradient(180deg,transparent 0%,#ff1e4214 48%,#00f0ff35 50%,transparent 52%,transparent 100%)}
.arcade-control-deck{max-width:clamp(540px,54vw,840px);background:linear-gradient(140deg,#ffffffd9,#ebeee6bd);border-color:#a7baba;box-shadow:inset 0 1px 0 #fff,0 14px 30px #27414610;backdrop-filter:blur(22px);position:relative;container-type:inline-size}.arcade-control-deck::before{content:'';position:absolute;top:0;left:14px;right:0;height:2px;background:linear-gradient(90deg,transparent,#00a8b7,transparent);background-size:240% 100%;animation:arcade-shine 5.5s ease-in-out infinite;pointer-events:none}.deck-title-block{margin-bottom:15px}.deck-stage-tag{font-size:10px;color:#006a75}.deck-title{font-family:var(--font-display);font-style:italic;font-weight:900;text-transform:uppercase;color:var(--ink);font-size:28px;letter-spacing:.04em;line-height:1.3;margin:2px 0 5px}.deck-subtitle{font-size:13px}.deck-difficulty{padding:11px 15px;margin-bottom:16px;background:#e9ede69c;border-color:#cad6cf}.deck-diff-header{justify-content:center;gap:20px;margin-bottom:10px}.deck-diff-label{font-size:9px}.deck-diff-hint{font-size:10px;color:#006e78}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.route-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px}.route-stats>div+div{border-left:1px solid #c6d0c9}.route-stats strong{font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.3;letter-spacing:.03em}.route-stats span{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#626d6b}.button{display:flex;align-items:center;gap:12px;border:1px solid var(--line-bright);border-radius:4px;font-family:var(--font-display);font-weight:900;font-style:italic;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.arcade-start-btn{min-height:58px;position:relative;cursor:default}.start-btn-text{text-transform:uppercase;font-size:16px;letter-spacing:.07em}.start-arrow{position:absolute;right:22px;font-size:28px;line-height:1}.preview-status{margin:12px 0 0;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.page-footer{width:100%;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #cbd3ce;padding:14px 0;margin-top:25px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#677371}.review-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #d3d9d3;background:#ebece5}.review-controls a{font-family:var(--font-mono);font-size:11px;padding:7px 10px}.review-controls a:hover{color:var(--cyber-cyan)}
@container(max-width:450px){.deck-diff-header{gap:10px}.route-stats span{font-size:8px}.start-btn-text{font-size:13px}}
@media(min-width:1600px){.coverflow-track{width:270px;height:465px}.coverflow-stage{height:470px}}
@media(max-width:1000px){.app-header{gap:20px;padding-inline:24px}.edition{display:none}.main-nav{margin-left:auto}.main-nav a{padding-inline:11px}.review-strip{font-size:9px}.review-strip>span:last-child{display:none}.arcade-control-deck{max-width:680px}}
@media(max-width:650px){.app-header{flex-wrap:wrap;gap:15px;padding:17px 18px 12px}.brand{font-size:22px}.edition{display:block;font-size:8px;margin-left:auto}.main-nav{order:3;width:100%;justify-content:space-between;margin:0;gap:3px}.main-nav a{font-size:9px;padding:9px 8px;min-height:37px}.main-nav svg{width:13px;height:13px}.arcade-home{padding:12px 16px 0}.review-strip{margin-bottom:12px;font-size:8px}.creator-banner-card{padding:10px 12px;flex-wrap:wrap;gap:10px}.creator-banner-card p{font-size:11px;flex:1}.creator-banner-card p span{font-size:10px}.creator-socials{width:100%;margin:0;gap:7px}.creator-socials a{flex:1;text-align:center;padding:8px 6px;font-size:10px}.coverflow-section{padding:22px 0 20px;width:calc(100% + 32px);max-width:calc(100% + 32px)}.coverflow-stage{height:375px}.coverflow-track{width:210px;height:370px}.cf-card-frame{padding:9px}.cf-card-hud-top{font-size:9px;margin-bottom:7px}.cf-count-pill{font-size:8px;padding:2px 5px}.cf-card-name{font-size:12px}.cf-card-footer{margin-top:9px}.arcade-control-deck{padding:18px 15px;max-width:100%}.deck-title{font-size:25px}.deck-diff-header{gap:12px}.deck-diff-label{font-size:9px}.deck-diff-hint{font-size:9px}.route-stats span{font-size:8px}.route-stats strong{font-size:19px}.arcade-start-btn{min-height:55px;padding:11px 12px}.start-btn-text{font-size:13px}.start-arrow{right:14px;font-size:24px}.page-footer{font-size:8px;flex-direction:column;gap:5px;margin-top:22px}.review-controls{gap:4px;padding:12px}.review-controls a{font-size:10px}.creator-avatar{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cf-poster-scanline{opacity:0}.creator-shimmer-sweep{display:none}}
@supports not (backdrop-filter:blur(10px)){.creator-banner-card,.arcade-control-deck{background:#f8f8f1}}
