/* Scoped DRL Arcade. */
#drl-arcade .arc-name-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #5b7541;border-radius:16px;padding:24px;background:#101a13;color:#efffe9}
#drl-arcade .arc-name-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
#drl-arcade .arc-name-dialog:not([open]){display:none}
#drl-arcade .arc-name-dialog .arc-name{margin:0}
#drl-arcade .arc-name-dialog input{max-width:100%}
#drl-arcade{--arc-bg:#090d0b;--arc-accent:#c4ff48;--arc-line:#2b3b2f;--arc-dim:#a7b9aa;box-sizing:border-box;position:relative;isolation:isolate;max-width:1240px;margin:0 auto;padding:88px 36px 44px;color:#f0f6ee;background:var(--arc-bg);font-family:Inter,system-ui,sans-serif;line-height:1.5;scroll-margin-top:32px;text-align:left}
#drl-arcade *,#drl-arcade *::before,#drl-arcade *::after{box-sizing:border-box}
#drl-arcade [hidden]{display:none!important}
#drl-arcade .arc-eyebrow{color:var(--arc-accent);font-size:11px;letter-spacing:.18em;font-weight:700;margin:0 0 16px}
#drl-arcade h2{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;color:#f0f6ee}
#drl-arcade h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;color:#f0f6ee;margin:0 0 12px}
#drl-arcade p{margin:0 0 14px}
#drl-arcade .arc-intro{color:var(--arc-dim);max-width:650px;font-size:16px}
#drl-arcade .arc-difficulties{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
#drl-arcade .arc-btn{appearance:none;font:600 13px/1.25 Inter,system-ui,sans-serif;cursor:pointer;padding:12px 16px;min-height:44px;border:1px solid var(--arc-line);border-radius:8px;background:#141c16;color:#edf7e9;display:inline-flex;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:background .15s,border-color .15s}
#drl-arcade .arc-btn:hover:not(:disabled){background:#263223;border-color:var(--arc-accent)}
#drl-arcade .arc-btn:disabled{opacity:.4;cursor:not-allowed}
#drl-arcade .arc-btn[aria-pressed=true],#drl-arcade .arc-primary,#drl-arcade .arc-fire{background:var(--arc-accent);border-color:var(--arc-accent);color:#111a0c}
#drl-arcade .arc-btn[aria-pressed=true]:hover:not(:disabled),#drl-arcade .arc-primary:hover:not(:disabled),#drl-arcade .arc-fire:hover:not(:disabled){background:#ddff9b;color:#111a0c}
#drl-arcade :focus-visible{outline:3px solid #e1ffac;outline-offset:4px}
#drl-arcade .arc-progress{font-size:12px;color:var(--arc-dim);min-height:18px;margin:12px 0 24px}
#drl-arcade .arc-layout{display:grid;grid-template-columns:minmax(260px,520px) minmax(240px,1fr);gap:32px;align-items:start}
#drl-arcade .arc-console{border:1px solid var(--arc-line);border-radius:16px;background:#0d1510;padding:16px;min-width:0}
#drl-arcade .arc-hud{display:flex;justify-content:space-between;gap:8px;padding:0 0 14px;font:600 12px/1.5 'Space Mono',ui-monospace,monospace;color:var(--arc-accent);font-variant-numeric:tabular-nums}
#drl-arcade .arc-frame{position:relative;width:100%;max-width:480px;margin:auto;border:1px solid #2b3b2f;border-radius:4px;background:#070c0a;overflow:hidden}
#drl-arcade .arc-canvas{display:block;width:100%;height:auto;aspect-ratio:6/7;image-rendering:pixelated;touch-action:pan-y}
#drl-arcade .arc-controls{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:10px;margin:14px 0 10px}
#drl-arcade .arc-controls .arc-btn{min-height:56px;font-size:17px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#drl-arcade .arc-controls .is-held{background:#efffcf;color:#101c0d;transform:translateY(1px)}
#drl-arcade .arc-launch{margin:0 0 12px}
#drl-arcade .arc-tools{display:flex;justify-content:flex-start;gap:6px;margin-bottom:14px}
#drl-arcade .arc-tools .arc-btn{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border-radius:8px}
#drl-arcade .arc-tools svg{display:block;width:22px;height:22px;pointer-events:none;flex:none}
#drl-arcade .arc-help{font-size:12px;line-height:1.65;color:var(--arc-dim)}
#drl-arcade .arc-console>.arc-help:last-child{margin-bottom:0;font-size:11px}
#drl-arcade .arc-side{min-width:0;display:flex;flex-direction:column;gap:18px}
#drl-arcade .arc-status{padding:14px 16px;border:1px solid var(--arc-line);border-radius:9px;color:var(--arc-accent);font-size:13px;margin:0;background:#111a13}
#drl-arcade .arc-outcome,#drl-arcade .arc-name,#drl-arcade .arc-prize,#drl-arcade .arc-ranking{padding:22px;border:1px solid var(--arc-line);border-radius:12px;background:#111913}
#drl-arcade .arc-actions{display:flex;flex-wrap:wrap;gap:10px}
#drl-arcade .arc-name label{display:block;font-size:13px;color:#d4e4d3}
#drl-arcade input[type=text]{display:block;width:100%;min-height:46px;margin:8px 0 14px;border:1px solid #50634f;border-radius:6px;background:#080e0a;padding:10px 12px;color:#fff;font:16px/1.4 Inter,system-ui,sans-serif}
#drl-arcade .arc-name .arc-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin-bottom:16px;cursor:pointer}
#drl-arcade input[type=checkbox]{accent-color:#c4ff48;width:19px;height:19px;flex-shrink:0;margin:0}
#drl-arcade .arc-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:16px 0}
#drl-arcade .arc-tabs .arc-btn{font-size:12px;padding:9px}
#drl-arcade table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
#drl-arcade th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--arc-dim);text-align:left;font-weight:500}
#drl-arcade th,#drl-arcade td{padding:10px 4px;border-bottom:1px solid #263529;overflow-wrap:anywhere}
#drl-arcade th:first-child,#drl-arcade td:first-child{width:21%}
#drl-arcade th:last-child,#drl-arcade td:last-child{text-align:right;width:25%;font-variant-numeric:tabular-nums}
#drl-arcade .arc-me{margin-top:16px;padding:12px;border:1px solid #597539;border-radius:6px;color:#d4ffa1;font-size:12px;overflow-wrap:anywhere}
#drl-arcade .arc-board-content>.arc-help:last-child{margin-bottom:0}
#drl-arcade .arc-prize{border-color:#6b8043;background:#192512}
#drl-arcade .arc-code{display:block;overflow-wrap:anywhere;padding:12px;background:#090d0b;border:1px dashed #829b58;margin:12px 0 18px;font-size:14px;user-select:all}
#drl-arcade .arc-privacy{margin-top:28px;border-top:1px solid var(--arc-line);padding-top:20px;color:var(--arc-dim);font-size:12px}
#drl-arcade summary{cursor:pointer;min-height:32px;color:#e2eedb}
#drl-arcade .arc-privacy p{max-width:750px;margin:12px 0}
#drl-arcade .arc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#drl-arcade[data-level=nightmare]{--arc-line:#47372d}
#drl-arcade[data-level=hell],#drl-arcade[data-level=hardcore]{--arc-line:#5c302b}
#drl-arcade[data-level=hell] .arc-frame,#drl-arcade[data-level=hardcore] .arc-frame{border-color:#aa493b;box-shadow:0 0 24px #c339171a}
#drl-arcade[data-level=hardcore] .arc-frame{animation:arc-heat 7s ease-in-out infinite}
@keyframes arc-heat{0%,100%{box-shadow:0 0 16px #c339171a}50%{box-shadow:0 0 30px #e650293b}}
@media(max-width:760px){#drl-arcade{padding:56px 18px 32px}#drl-arcade .arc-layout{grid-template-columns:1fr;gap:22px}#drl-arcade .arc-console{width:100%;max-width:520px;justify-self:center;padding:12px}#drl-arcade .arc-side{width:100%;max-width:520px;justify-self:center}#drl-arcade .arc-outcome,#drl-arcade .arc-name,#drl-arcade .arc-prize,#drl-arcade .arc-ranking{padding:18px}#drl-arcade .arc-difficulties .arc-btn{flex:1;padding:10px 8px;font-size:12px}}
/* Fit the entire playing surface and touch controls, even with landscape browser chrome. */
@media(max-height:750px){#drl-arcade .arc-frame{max-width:min(480px,calc((100dvh - 220px)*.857142))}}
@media(max-height:450px){#drl-arcade .arc-console{padding:8px}#drl-arcade .arc-hud{padding-bottom:6px}#drl-arcade .arc-controls{margin:6px 0;gap:6px}#drl-arcade .arc-controls .arc-btn{min-height:44px}#drl-arcade .arc-tools{margin-bottom:6px}#drl-arcade .arc-frame{max-width:calc((100dvh - 180px)*.857142)}}
@media(prefers-reduced-motion:reduce){#drl-arcade *,#drl-arcade *::before,#drl-arcade *::after{animation:none!important;transition:none!important}}
