.arc3-game{
      --ink:#1c1b1a;--body:#26241f;--muted:#767370;--tertiary:#9b968f;
      --rule:#dedad3;--wash:#faf9f7;--paper:#fff;--blue:#2d6de4;--red:#e64d35;
      --pink:#ed9dcb;--pink-dark:#ba397e;--screen:#080808;
      --serif:"Iowan Old Style","Iowan Old Style BT",Palatino,"Palatino Linotype",Georgia,serif;
      --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      --tech:"Chakra Petch","SF Mono",ui-monospace,Menlo,monospace;
    }
.arc3-game *{box-sizing:border-box}
.arc3-game button{font:inherit}
.arc3-game a{color:var(--blue)}
.arc3-game .proof{max-width:940px;margin:0 auto 92px;padding:0 24px}
.arc3-game .figure-head{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:40px;align-items:end;margin-bottom:28px;padding-top:24px;border-top:1px solid var(--ink)}
.arc3-game .figure-head .label{font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.arc3-game .figure-head h2{margin:10px 0 0;font:600 clamp(2rem,4vw,3.35rem)/1.02 var(--serif);letter-spacing:-.025em;color:var(--ink)}
.arc3-game .figure-head p{margin:0;color:var(--muted);font:400 1.05rem/1.55 var(--serif)}
.arc3-game .stage{display:grid;grid-template-columns:minmax(0,560px) minmax(220px,1fr);gap:46px;align-items:center;padding:48px;background:#11100f}
.arc3-game .handheld{width:min(100%,520px);margin:auto;padding:18px 20px 26px;border:2px solid #d878ad;border-radius:34px 34px 48px 48px;background:var(--pink);box-shadow:inset 0 0 0 5px rgba(255,255,255,.16),inset 0 -9px 0 rgba(139,34,89,.24),10px 14px 0 #060606}
.arc3-game .console-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px;font:700 12px/1 var(--tech);letter-spacing:.09em;text-transform:uppercase;color:#361528}
.arc3-game .game-id,.arc3-game .level{border:2px solid rgba(66,21,45,.65);border-radius:11px;padding:7px 12px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 3px rgba(74,19,46,.2)}
.arc3-game .screen-bezel{position:relative;border:8px solid #7e2a58;border-radius:24px;padding:10px;background:#281522;box-shadow:inset 0 0 0 3px #e282bb,0 5px 0 rgba(100,22,62,.36)}
.arc3-game .screen{position:relative;overflow:hidden;border:2px solid #090909;border-radius:12px;background:var(--screen);aspect-ratio:1}
.arc3-game canvas{display:block;width:100%;height:100%;background:#050505;image-rendering:pixelated;cursor:crosshair;touch-action:none}
.arc3-game .screen-state{position:absolute;inset:0;display:grid;place-items:center;padding:32px;text-align:center;background:rgba(5,5,5,.9);color:#f0e8ed;font:600 13px/1.5 var(--sans)}
.arc3-game .screen-state[hidden]{display:none}
.arc3-game .console-controls{display:grid;grid-template-columns:132px 1fr;gap:32px;align-items:center;margin-top:26px;padding:0 8px}
.arc3-game .dpad{position:relative;width:118px;height:118px}
.arc3-game .dpad button{position:absolute;width:39px;height:39px;border:0;background:#161416;color:#fff;box-shadow:inset 0 0 0 2px #2c292d,0 3px 0 #7f2a57;cursor:pointer;font:700 18px/1 var(--sans)}
.arc3-game .dpad button:active,.arc3-game .action-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #2c292d,0 1px 0 #7f2a57}
.arc3-game .dpad button:disabled,.arc3-game .action-button:disabled{opacity:.32;cursor:not-allowed}
.arc3-game .up{left:39px;top:0;border-radius:50% 50% 4px 4px!important}
.arc3-game .down{left:39px;bottom:0;border-radius:4px 4px 50% 50%!important}
.arc3-game .left{left:0;top:39px;border-radius:50% 4px 4px 50%!important}
.arc3-game .right{right:0;top:39px;border-radius:4px 50% 50% 4px!important}
.arc3-game .dpad-center{position:absolute;left:39px;top:39px;width:39px;height:39px;background:#161416}
.arc3-game .actions{display:grid;gap:10px}
.arc3-game .action-row{display:grid;grid-template-columns:1fr 42px;gap:12px;align-items:center;color:#4e2039;font:700 11px/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;text-align:right}
.arc3-game .action-button{height:24px;border:0;border-radius:999px;background:#161416;box-shadow:inset 0 0 0 2px #2c292d,0 3px 0 #7f2a57;cursor:pointer}
.arc3-game .action-button.utility{background:#ca5f9b;box-shadow:inset 0 0 0 2px rgba(82,20,50,.22),0 3px 0 #9d356e}
.arc3-game .meta{color:#e7e0e4}
.arc3-game .meta-kicker{margin:0 0 10px;color:#f6a9d3;font:600 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.arc3-game .meta h3{margin:0 0 16px;font:600 2.2rem/1.03 var(--serif);letter-spacing:-.02em;color:#fff}
.arc3-game .meta p{margin:0 0 24px;font:400 1.05rem/1.58 var(--serif);color:#bbb4b7}
.arc3-game .readout{margin:0;padding:0;border-top:1px solid #393536}
.arc3-game .readout div{display:grid;grid-template-columns:1fr auto;gap:18px;padding:13px 0;border-bottom:1px solid #393536}
.arc3-game .readout dt{font:600 10px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8e888a}
.arc3-game .readout dd{margin:0;font:600 12px/1.35 var(--tech);color:#fff;text-align:right}
.arc3-game .status{margin-top:22px!important;color:#fff!important;font:600 13px/1.5 var(--sans)!important}
.arc3-game .help{margin-top:18px;padding-left:14px;border-left:2px solid var(--pink);font:400 14px/1.5 var(--sans);color:#c8c1c4}
.arc3-game .help[hidden]{display:none}
.arc3-game figcaption{max-width:680px;margin:20px auto 0;color:var(--muted);font:400 .96rem/1.55 var(--serif)}
.arc3-game figcaption strong{color:var(--ink)}
.arc3-game button:focus-visible,.arc3-game canvas:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
    @media(max-width:820px){.arc3-game .figure-head{grid-template-columns:1fr;gap:18px}
.arc3-game .stage{grid-template-columns:1fr;padding:34px 24px 40px}
.arc3-game .meta{max-width:520px;margin:auto}
.arc3-game .meta h3{font-size:1.8rem}
.arc3-game .handheld{box-shadow:inset 0 0 0 5px rgba(255,255,255,.16),inset 0 -9px 0 rgba(139,34,89,.24),6px 9px 0 #060606}
    }
    @media(max-width:520px){.arc3-game .proof{padding:0}
.arc3-game .figure-head{padding:22px 20px 0;margin:0 0 24px}
.arc3-game .stage{padding:26px 12px 34px}
.arc3-game .handheld{padding:14px 14px 22px;border-radius:26px 26px 38px 38px}
.arc3-game .screen-bezel{border-width:6px;padding:7px}
.arc3-game .console-controls{grid-template-columns:118px 1fr;gap:14px;padding:0}
.arc3-game .dpad{transform:scale(.9);transform-origin:left center}
.arc3-game .action-row{grid-template-columns:1fr 38px;font-size:10px}
.arc3-game .meta{padding:4px 10px 0}
.arc3-game figcaption{padding:0 20px}
    }

.arc3-game{max-width:940px;margin:28px auto 40px;--pink:#ed9dcb;--tech:"Chakra Petch",ui-monospace,monospace}
.arc3-game .proof{padding:0;margin:0;max-width:none}
.arc3-game .figure-head{display:block;margin-bottom:18px;padding-top:18px}
.arc3-game .figure-head h2{font:600 1.72rem/1.25 var(--serif);letter-spacing:-.015em;margin:6px 0}
.arc3-game .figure-head p{font:400 1rem/1.55 var(--serif)}
.arc3-game .stage{padding:28px;gap:28px;grid-template-columns:minmax(0,460px) minmax(180px,1fr)}
.arc3-game .meta h3{font:600 1.45rem/1.2 var(--serif);letter-spacing:-.01em}
.arc3-game .meta-kicker{font:600 .66rem/1.4 var(--sans);color:#f6a9d3}
.arc3-game .status{min-height:3em;margin:18px 0 0!important}
.arc3-game .readout dd{font-variant-numeric:tabular-nums}
.arc3-game .readout dt{color:#b8b1b4}
.arc3-game .help{margin-bottom:0}
.arc3-game .continue{display:inline-block;margin:14px 0 0;font:500 .85rem/1.5 var(--sans)}
.arc3-game .screen{border-radius:8px}
.arc3-game .screen canvas{touch-action:manipulation}
.arc3-game button:disabled{opacity:.45}
.arc3-game .meta{min-width:0}
.arc3-game .meta p{font-size:1rem}
.arc3-game .game-instructions{color:#ddd5d9}
@media(max-width:820px){.arc3-game .stage{grid-template-columns:1fr;padding:24px}
.arc3-game .handheld{max-width:440px}
.arc3-game .meta{width:100%;max-width:440px}
.arc3-game .readout{display:flex;gap:20px;flex-wrap:wrap}
.arc3-game .readout div{flex:1 1 0;min-width:120px;gap:8px}
.arc3-game .meta h3{margin-bottom:10px}}
@media(max-width:520px){.arc3-game .stage{padding:20px 12px}
.arc3-game .figure-head{padding:16px 0 0}
.arc3-game figcaption{padding:0}
.arc3-game .handheld{padding:12px 12px 20px}
.arc3-game .console-controls{gap:10px}
.arc3-game .meta{padding:0 6px}
.arc3-game .readout{gap:12px}
.arc3-game .readout div{min-width:100px}
.arc3-game .continue{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.arc3-game .meta .meta-kicker{font:600 .66rem/1.4 var(--sans);color:#f6a9d3}
.arc3-game .readout dt{min-height:2.7em}
