/* All arcade selectors are scoped; colors inherit the discovery day/night palette. */
.arc-panel{padding:2px 0 0;font-size:13px;--arc-green:#94b58b;--arc-water:#456775}
.arc-panel button{font-family:inherit;touch-action:manipulation}
.arc-panel button:focus-visible{outline:3px solid var(--disc-accent);outline-offset:4px}
.arc-cover{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid var(--disc-edge);background:var(--disc-soft);box-shadow:4px 4px 0 var(--disc-edge)}
.arc-cover>.arc-pixel{flex:0 0 76px;width:76px;height:76px;padding:6px;border:2px solid var(--disc-edge);background:var(--disc-paper)}
.arc-cover h3{margin:2px 0 4px;font:20px/1.5 var(--pixel,monospace);color:var(--disc-ink)}
.arc-cover p{margin:0;font-size:12px;color:var(--disc-muted)}
.arc-kicker{margin:0;color:var(--disc-muted);font-size:11px;letter-spacing:.05em}
.arc-rules{margin:18px 0;line-height:1.9;color:var(--disc-ink)}
.arc-pixel{width:52px;height:52px;image-rendering:pixelated;display:block}
.arc-score{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:15px 0;border:2px solid var(--disc-edge);background:var(--disc-soft);font-size:12px}
.arc-score strong{color:var(--disc-accent);font:15px/1.5 var(--pixel,monospace);white-space:nowrap}
.arc-score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arc-score-row .arc-score{margin:0;flex-wrap:wrap;gap:4px 8px}
.arc-feedback{padding:11px 12px;margin:14px 0;min-height:47px;border-left:4px solid var(--disc-accent);background:var(--disc-soft);color:var(--disc-ink);font-size:12px;line-height:1.8}
.arc-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.arc-actions>.act-button{min-height:48px;min-width:44px;padding:11px 16px;flex:1 1 auto;line-height:1.6;text-align:center}
.arc-back{padding-top:14px;margin-bottom:0;border-top:2px solid var(--disc-edge)}
.arc-back>.act-button{flex:0 1 auto}
.arc-footer .act-button{min-height:44px}
.arc-note{margin:14px 0;color:var(--disc-muted);font-size:11px;line-height:1.85}
.arc-memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.arc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4px;min-height:112px;padding:9px 2px;border:3px solid var(--disc-edge);box-shadow:3px 3px 0 var(--disc-edge);background:var(--disc-soft);color:var(--disc-ink);cursor:pointer;font-size:11px;line-height:1.5}
.arc-card .arc-pixel{width:50px;height:50px}
.arc-card:hover:enabled{border-color:var(--disc-accent);background:var(--disc-tint)}
.arc-card:disabled{opacity:1;cursor:default;color:var(--disc-ink)}
.arc-card-open{background:var(--disc-paper);border-color:var(--disc-accent)}
.arc-card-matched{background:var(--disc-tint);border-style:double;border-color:var(--disc-accent);box-shadow:none}
.arc-card small{position:absolute;top:2px;right:3px;font-size:9px;color:var(--disc-accent)}
.arc-speed{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.arc-option{flex:1 1 auto;min-height:44px;padding:8px 10px;border:2px solid var(--disc-edge);background:var(--disc-paper);color:var(--disc-ink);font-size:11px;line-height:1.7;cursor:pointer}
.arc-option[aria-pressed=true]{border-color:var(--disc-accent);background:var(--disc-tint);box-shadow:2px 2px 0 var(--disc-edge);font-weight:700}
.arc-option:disabled{opacity:.65;cursor:default}
.arc-river{position:relative;height:92px;margin-top:15px;overflow:hidden;border:3px solid var(--disc-edge);background:repeating-linear-gradient(0deg,#456775 0 18px,#507581 18px 21px,#456775 21px 34px)}
.arc-river>.arc-pixel{position:absolute;top:23px;left:calc(50% - 24px);width:48px;height:48px}
.arc-river-label{position:absolute;top:8px;left:10px;font:9px/1.4 var(--pixel,monospace);color:#e5ddbd;letter-spacing:.07em}
.arc-reed{position:absolute;bottom:0;width:8px;height:41px;background:#b0b37b;box-shadow:11px 10px 0 #899e70,22px -7px 0 #b0b37b}
.arc-reed-left{left:16px}
.arc-reed-right{right:38px;transform:scaleX(-1)}
.arc-meter{position:relative;height:60px;margin:17px 12px 8px;border:3px solid var(--disc-edge);background:var(--disc-soft)}
.arc-zone{position:absolute;top:3px;bottom:3px;background:#94b58b;border:2px solid #c6d7ab;box-shadow:inset 0 0 0 2px #64866c}
.arc-zone::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#54735a;transform:translateX(-50%)}
.arc-bobber{z-index:2;position:absolute;top:-8px;width:12px;height:70px;background:#f6e6bc;box-shadow:0 0 0 2px #3e4653;transform:translateX(-50%)}
.arc-bobber::after{content:"";position:absolute;top:15px;left:0;width:100%;height:11px;background:#cb7b66}
.arc-meter-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--disc-ink);opacity:.2;pointer-events:none}
.arc-meter-key{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:var(--disc-muted);font-size:11px}
.arc-meter-key>span{display:flex;align-items:center;gap:6px}
.arc-key-zone,.arc-key-bobber{display:inline-block;width:11px;height:11px;border:1px solid #c6d7ab;background:#94b58b}
.arc-key-bobber{width:7px;border-color:#3e4653;background:#f6e6bc}
.arc-cast-actions>.act-button{font-size:15px;min-height:58px}
.arc-catches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0;padding:0;list-style:none}
.arc-catches li{display:grid;gap:3px;padding:8px 4px;text-align:center;border:1px solid var(--disc-edge);background:var(--disc-soft);font-size:10px}
.arc-catches strong{font-size:12px;color:var(--disc-accent)}
.arc-catches small{font-size:9px;color:var(--disc-muted);line-height:1.6}
.arc-result{padding:20px 16px;text-align:center;border:3px double var(--disc-accent);background:var(--disc-soft)}
.arc-result>.arc-pixel{width:76px;height:76px;margin:0 auto 8px}
.arc-result h3{margin:7px 0;color:var(--disc-accent);font:34px/1.4 var(--pixel,monospace)}
.arc-result h3 small{font:13px/1.5 inherit}
.arc-result p{margin:8px 0;font-size:12px}
.arc-result .arc-kicker{font-size:11px}
.arc-result .arc-score{background:var(--disc-paper);text-align:left}
.arc-reward{padding:9px 0;color:var(--disc-ink);line-height:1.8}
@media(max-width:480px){.arc-cover{padding:12px;gap:11px}.arc-cover>.arc-pixel{flex-basis:58px;width:58px;height:58px}.arc-cover h3{font-size:17px}.arc-memory-grid{gap:8px}.arc-card{min-height:101px;border-width:2px;font-size:10px;box-shadow:2px 2px 0 var(--disc-edge)}.arc-card .arc-pixel{width:43px;height:43px}.arc-card small{font-size:8px;top:1px;right:1px}.arc-score-row{gap:8px}.arc-score-row .arc-score{padding:8px;font-size:11px}.arc-score strong{font-size:13px}.arc-actions>.act-button{flex-basis:100%}.arc-speed{gap:7px}.arc-option{font-size:10px;padding:8px 5px}.arc-catches{grid-template-columns:repeat(3,minmax(0,1fr))}.arc-catches li{padding:7px 3px}.arc-result{padding:16px 12px}.arc-footer .act-actions{display:flex;flex-wrap:wrap}.arc-footer .act-button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.arc-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}