/* The Arcade uses the gym's typography, glass, settings and pink palette. */
.arc-apphead{justify-content:space-between;margin:4px 0 8px}
.arc-apphead .tag{margin-top:8px}
.arc-header-bow{font-size:38px;transform:rotate(10deg)}
.arc-art,.arc-home-art{display:block;background-image:url('../img/arcade/collection-v2.webp');background-size:200% 400%;background-position:var(--art-x,0%) var(--art-y,0%)}
.arc-feature{position:relative;isolation:isolate;overflow:hidden;min-height:360px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.arc-feature-art{position:absolute;inset:0;z-index:-2;background-size:200% 400%}
.arc-feature::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(255,244,248,.98),rgba(255,244,248,.88) 27%,transparent 72%)}
.arc-feature-copy{padding:190px 22px 20px;color:#4a2538}
.arc-eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#8b3e61}
.arc-feature h2{font-family:Pacifico,cursive;font-weight:400;font-size:27px;line-height:1.4;margin:4px 0 6px;color:#8b3155}
.arc-feature p{font-size:14px;color:#6e4659;margin-bottom:14px}
.arc-launch{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 15px rgba(145,33,75,.2)}
.arc-feature-meta{display:block;text-align:center;font-size:12px;color:#6e4659;margin-top:9px}
.arc-record-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 4px;font-size:12px;color:var(--ink2)}
.arc-record-strip b{color:var(--accent-ink);font-size:16px;margin-right:3px}
.arc-record-strip>span:last-child{color:var(--accent-ink)}
.arc-collection-head{margin:8px 0 4px}
.arc-collection-note{color:var(--ink2);font-size:13px;line-height:1.6;margin-bottom:14px}
.arc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.arc-card{overflow:hidden;min-width:0;background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:0;text-align:left}
.arc-card-image{position:relative;aspect-ratio:1/1;overflow:hidden}
.arc-card-image .arc-art{width:100%;height:100%}
.arc-status{position:absolute;left:9px;bottom:9px;border:1px solid rgba(255,255,255,.8);background:rgba(255,248,251,.92);color:#794d61;font-size:10px;font-weight:800;padding:4px 8px;border-radius:20px;box-shadow:0 2px 8px #4a253815}
.arc-status.ready{background:#fff2d6;color:#765016}
.arc-card-copy{padding:12px}
.arc-card h3{font-size:16px;color:var(--ink);line-height:1.3;margin-bottom:5px}
.arc-card p{font-size:12px;line-height:1.5;color:var(--ink2);min-height:36px}
.arc-card-foot{display:block;border-top:1px solid var(--pink3);padding-top:9px;margin-top:10px;font-size:11px;color:var(--accent-ink)}
.arc-import{margin-top:22px;padding:20px}
.arc-import h2{font-size:18px;margin-bottom:5px}
.arc-import p{font-size:14px;color:var(--ink2);margin-bottom:16px}
.arc-code-label{display:block;font-size:14px;margin:12px 0 6px}
.arc-code{display:block;width:100%;border:1px solid var(--pink4);border-radius:14px;background:var(--glass-strong);color:var(--ink);padding:12px;font:14px system-ui;resize:vertical}
.arc-import-status{font-size:14px;color:var(--accent-ink);margin:8px 0}
.arc-home-link{display:flex;align-items:center;gap:14px;width:100%;padding:12px;margin:16px 0 20px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left}
.arc-home-art{flex:0 0 62px;width:62px;height:62px;border-radius:14px}
.arc-home-link>span:nth-child(2){flex:1}
.arc-home-link b,.arc-home-link i{display:block;font-style:normal}
.arc-home-link b{font-size:17px;color:var(--accent-ink)}
.arc-home-link i{font-size:13px;color:var(--ink2)}
.arc-home-link>span:last-child{font-size:24px;color:var(--accent-ink)}
.arc-title-kitty{object-fit:contain;flex:0 0 32px}
.arc-game{max-width:440px;margin:auto}
.arc-game-hud{display:flex;align-items:center;gap:30px;padding:10px 16px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--rim)}
.arc-game-hud div{display:flex;flex-direction:column}
.arc-game-hud span{font-size:11px;color:var(--ink2)}
.arc-game-hud b{font-size:27px;line-height:1.2;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.arc-pause{margin-left:auto;background:var(--glass-strong);border:1px solid var(--pink3);padding:10px 14px;border-radius:12px;font-size:13px;color:var(--accent-ink)}
.arc-pause:disabled{opacity:.5}
.arc-stage{position:relative;aspect-ratio:360/520;width:min(100%,calc((100dvh - 230px - var(--safeb)) * .6923));min-width:200px;margin:auto;overflow:hidden;border-radius:24px;border:2px solid var(--line);box-shadow:var(--shadow);background:#ffeaf2}
.arc-stage canvas{display:block;width:100%;height:100%;touch-action:none}
.arc-game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(255,231,241,.2)}
.arc-game-panel{width:100%;padding:24px 18px;text-align:center;background:rgba(255,249,252,.93);border:1px solid white;border-radius:22px;box-shadow:0 12px 35px #74445525;color:#4a2538;backdrop-filter:blur(8px)}
.arc-game-panel h2{font-family:Pacifico,cursive;font-weight:400;font-size:28px;color:#a13360;margin:8px 0 12px;line-height:1.4}
.arc-game-panel p{font-size:14px;line-height:1.6;margin-bottom:18px;color:#6e4659}
.arc-overlay-hint{display:block;font-size:11px;color:#6e4659;margin-top:12px}
.arc-game-tip{text-align:center;font-size:12px;color:var(--ink2);margin-top:13px}
.arc-progress{margin-top:22px}
.arc-progress h2{font-size:19px}
.arc-best-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--pink3)}
.arc-best-row:last-child{border-bottom:0}
.arc-best-art{width:44px;height:44px;border-radius:12px;flex:0 0 44px}
.arc-best-row>span:nth-child(2){flex:1;font-size:14px}
.arc-best-row b{color:var(--accent-ink);font-variant-numeric:tabular-nums}
.arc-code:focus-visible,.arc-card:focus-visible,.arc-home-link:focus-visible,.arc-stage canvas:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}
html[data-theme="night"] .arc-feature::after{background:linear-gradient(0deg,#321926,rgba(50,25,38,.85) 28%,transparent 73%)}
html[data-theme="night"] .arc-feature-copy,html[data-theme="night"] .arc-feature h2{color:#ffe6f1}
html[data-theme="night"] .arc-feature p,html[data-theme="night"] .arc-feature-meta,html[data-theme="night"] .arc-feature .arc-eyebrow{color:#edc4d5}
@media(min-width:480px){.arc-feature{min-height:430px}.arc-feature-copy{padding-top:240px}.arc-feature h2{font-size:32px}}
@media(max-width:350px){.arc-grid{gap:10px}.arc-card-copy{padding:10px}.arc-card h3{font-size:14px}.arc-record-strip{font-size:11px}.arc-collection-head{align-items:start;gap:5px}.arc-collection-head .sec-sub{font-size:10px}.arc-feature-copy{padding-left:18px;padding-right:18px}}
@media(max-height:600px) and (orientation:landscape){.arc-stage{min-width:180px}.arc-game-hud{padding:6px 12px}.arc-game-tip{display:none}}
@media(max-height:700px){.arc-game-panel{padding:16px 12px}.arc-game-panel h2{font-size:22px;margin:5px 0 8px}.arc-game-panel p{font-size:12px;margin-bottom:12px}.arc-overlay-hint{display:none}.arc-game-panel .arc-eyebrow{font-size:9px}}
@media(max-height:600px) and (orientation:landscape){.arc-game-panel p{display:none}}