/* Hallmark · checked · built: project · redesign: polish · scope: app · brand: 담킷 pine/apricot · theme: Werkstatt structure · genre: playful · surface: tinted */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 · weakest: E, equal cards hid the flagship; one ruled feature card now leads */
:root{
  --mg-pine:var(--damkit-pine,#174d43);--mg-deep:var(--damkit-deep,#11382f);--mg-paper:#f8faf8;--mg-white:#fdfefd;
  --mg-mist:#e8efeb;--mg-well:#eff4f1;--mg-line:#b9cac3;--mg-muted:#52665f;--mg-soft:#72817c;
  --mg-apricot:var(--damkit-apricot,#f2bd95);--mg-apricot-soft:#fae6d6;--mg-apricot-ink:#633413;
  --mg-ready:#237b5f;--mg-ready-ink:#f5fbf8;--mg-wait:#eee1ce;--mg-wait-ink:#6b4927;
  --mg-error:#a3443c;--mg-error-soft:#f8dfdc;--mg-focus:#b96e38;--mg-shadow:rgba(17,56,47,.12);
  --mg-display:var(--damkit-display,'Bahnschrift','Segoe UI','Malgun Gothic',sans-serif);
  --mg-body:var(--dk-font,'Pretendard Variable',Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif);
  --mg-space-1:4px;--mg-space-2:8px;--mg-space-3:12px;--mg-space-4:16px;--mg-space-5:24px;--mg-space-6:32px;--mg-space-7:48px;--mg-space-8:64px;
  --mg-radius-control:8px;--mg-radius-panel:14px;--mg-dur-fast:120ms;--mg-dur-state:180ms;--mg-ease:cubic-bezier(.22,1,.36,1);
  /* 아케이드 게임판(어두운 무대·숫자 블록) */
  --ar-ink-on:#f6fbf8;
  --ar-a1:rgba(8,30,24,.7);--ar-a2:rgba(255,255,255,.08);--ar-a3:rgba(242,189,149,.25);--ar-a4:rgba(242,164,108,.8);--ar-a5:rgba(0,0,0,.22);--ar-a6:rgba(0,0,0,.18);--ar-a7:rgba(0,0,0,.25);--ar-a8:#111;--ar-a9:rgba(255,255,255,.55);--ar-a10:rgba(255,200,150,.9);--ar-a11:rgba(9,30,24,.93);--ar-a12:rgba(242,154,92,.7);--ar-a13:rgba(255,255,255,.12);--ar-a14:rgba(255,255,255,.2);--ar-a15:rgba(255,255,255,.35);--ar-a16:rgba(61,220,132,.5);--ar-a17:rgba(255,107,154,.6);--ar-a18:rgba(255,210,122,.9);--ar-c1:#24614f;--ar-c2:#14392f;--ar-c3:#0c241e;--ar-c4:#bcd7cc;--ar-c5:#ffd9b8;--ar-c6:#f2a46c;--ar-c7:#4a230a;--ar-c8:#6b3510;--ar-c9:#3b1a05;--ar-c10:#ffb86b;--ar-c11:#ff6b9a;--ar-c12:#ffe0c4;--ar-c13:#e8efeb;--ar-c14:#1d2430;--ar-c15:#ff9a8f;--ar-c16:#ffb870;--ar-c17:#ffe07a;--ar-c18:#b5ec7c;--ar-c19:#7ee3c4;--ar-c20:#7fd3ff;--ar-c21:#a9b8ff;--ar-c22:#d6a8ff;--ar-c23:#ffa8d6;--ar-c24:#cfe5db;--ar-c25:#ffcfa6;--ar-c26:#ffd27a;--ar-c27:#ffc79b;--ar-c28:#f29a5c;--ar-c29:#b8682f;--ar-c30:#ffd2ad;--ar-c31:#f4a66b;--ar-c32:#c8303f;--ar-c33:#e3f1ea;--ar-c34:#c2463f;--ar-c35:#3ddc84;--ar-c36:#06301a;
}
html,body{overflow-x:clip}
.game-hub,.number-pack{max-width:960px;margin:0 auto;padding:var(--mg-space-6) 0 var(--mg-space-8);color:var(--mg-deep);font-family:var(--mg-body);caret-color:var(--mg-pine);scrollbar-color:var(--mg-pine) var(--mg-mist)}
.game-hub ::selection,.number-pack ::selection{background:var(--mg-apricot);color:var(--mg-deep)}
.game-hub-head,.game-head{max-width:720px;margin-bottom:var(--mg-space-7)}
.game-hub-head>a,.game-head>a{display:inline-flex;min-height:44px;align-items:center;margin-bottom:var(--mg-space-4);color:var(--mg-pine);font-weight:750;text-underline-offset:.25em;text-decoration-thickness:1px}
.game-hub-head>a:hover,.game-head>a:hover{text-decoration-thickness:2px}
.game-hub-head h1,.game-head h1{min-width:0;margin:0 0 var(--mg-space-3);font-family:var(--mg-display);font-size:clamp(2.25rem,5vw,4.3rem);font-weight:800;line-height:1.04;letter-spacing:-.035em;overflow-wrap:break-word;text-wrap:balance}
.game-hub-head p,.game-head p{max-width:62ch;margin:0;color:var(--mg-muted);font-size:1.05rem;line-height:1.65;text-wrap:pretty}
.game-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mg-space-4)}
.game-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:var(--mg-space-4);min-width:0;padding:var(--mg-space-5);border:1px solid var(--mg-line);border-radius:var(--mg-radius-panel);background:var(--mg-white);color:var(--mg-deep);box-shadow:0 12px 30px -22px var(--mg-shadow);text-decoration:none;transition:border-color var(--mg-dur-state) var(--mg-ease),background-color var(--mg-dur-state) var(--mg-ease)}
.game-card:first-child{grid-column:1/-1;grid-template-columns:180px minmax(0,1fr) auto;gap:var(--mg-space-6);padding:var(--mg-space-6);border:2px solid var(--mg-deep);background:var(--mg-pine);color:var(--mg-white);box-shadow:0 18px 38px -24px var(--mg-shadow)}
.game-card:hover{border-color:var(--mg-pine);background:var(--mg-well)}
.game-card:first-child:hover{border-color:var(--mg-apricot);background:var(--mg-deep)}
.game-card-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mg-space-2);padding:var(--mg-space-3);border:1px solid var(--mg-line);border-radius:var(--mg-radius-control);background:var(--mg-mist)}
.game-card:first-child .game-card-board{border-color:var(--mg-white);background:var(--mg-white)}
.game-card-board i{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--mg-line);border-radius:var(--mg-space-1);background:var(--mg-white);color:var(--mg-pine);font-family:var(--mg-display);font-size:1.15rem;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.game-card small{display:block;color:var(--mg-muted);font-size:.85rem;font-weight:700}
.game-card strong{display:block;min-width:0;margin:var(--mg-space-1) 0;font-family:var(--mg-display);font-size:1.55rem;letter-spacing:-.02em;line-height:1.15;overflow-wrap:break-word}
.game-card b{display:block;color:var(--mg-muted);font-size:.93rem;font-weight:500;line-height:1.55;text-wrap:pretty}
.game-card em{grid-column:2;justify-self:start;margin-top:var(--mg-space-3);padding-bottom:2px;border-bottom:2px solid currentColor;color:var(--mg-pine);font-style:normal;font-weight:800}
.game-card:first-child small,.game-card:first-child b{color:var(--mg-ready-ink)}
.game-card:first-child em{grid-column:auto;align-self:end;justify-self:end;margin:0;color:var(--mg-white)}
.game-console{max-width:680px;padding:var(--mg-space-5);border:2px solid var(--mg-deep);border-radius:var(--mg-radius-panel);background:var(--mg-white);box-shadow:0 18px 38px -28px var(--mg-shadow)}
.game-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:2px solid var(--mg-deep)}
.game-scoreboard>div{display:grid;align-content:center;min-height:86px;padding:var(--mg-space-3);border-left:1px solid var(--mg-line);text-align:center}
.game-scoreboard>div:first-child{border-left:0}
.game-scoreboard small{display:block;color:var(--mg-muted);font-size:.82rem;font-weight:700}
.game-scoreboard strong{display:block;margin-top:var(--mg-space-1);font-family:var(--mg-display);font-size:2.15rem;line-height:1;font-variant-numeric:tabular-nums}
.game-scoreboard .game-target{background:var(--mg-pine);color:var(--mg-white)}
.game-scoreboard .game-target small{color:var(--mg-ready-ink)}
.game-records{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--mg-space-2) var(--mg-space-5);margin:var(--mg-space-4) 0;color:var(--mg-muted);font-size:.9rem}
.game-records b{color:var(--mg-deep);font-variant-numeric:tabular-nums}
.game-combo{padding:var(--mg-space-1) var(--mg-space-2);border-radius:var(--mg-radius-control);background:var(--mg-apricot-soft);color:var(--mg-apricot-ink);animation:combo-pop var(--mg-dur-state) var(--mg-ease)}
.game-sum{min-height:26px;margin:var(--mg-space-3) 0;text-align:center;font-weight:750;color:var(--mg-pine)}
.number-board{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:var(--mg-space-2);max-width:500px;margin:0 auto;touch-action:none;user-select:none}
.number-board button,.order-board button{display:grid;place-items:center;min-width:44px;border:1px solid var(--mg-line);border-radius:var(--mg-radius-control);background:var(--mg-paper);color:var(--mg-deep);font:800 1.2rem/1 var(--mg-display);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
.number-board button{min-height:54px}
.number-board button:hover:not(:disabled),.order-board button:hover:not(:disabled){border-color:var(--mg-pine);background:var(--mg-mist)}
.number-board button:active:not(:disabled),.order-board button:active:not(:disabled){transform:translateY(1px)}
.number-board button[aria-pressed="true"]{border-color:var(--mg-focus);background:var(--mg-apricot-soft);color:var(--mg-apricot-ink);transform:translateY(-2px)}
.number-board button:disabled,.order-board button:disabled{color:var(--mg-soft);cursor:not-allowed}
.number-board button.is-cleared{pointer-events:none;animation:tile-clear var(--mg-dur-state) ease-in forwards}
.number-board.is-settling button{animation:tile-drop var(--mg-dur-state) var(--mg-ease) both}
.number-board.is-success{filter:saturate(1.12)}
.order-board{display:grid;grid-template-columns:repeat(5,minmax(50px,1fr));gap:var(--mg-space-2);max-width:460px;margin:var(--mg-space-5) auto 0}
.order-board button{min-width:50px;min-height:58px}
.order-board button.is-done{border-color:var(--mg-line);background:var(--mg-mist);color:var(--mg-muted)}
.order-board button.is-wrong{border-color:var(--mg-error);background:var(--mg-error-soft);color:var(--mg-error);animation:wrong-shake var(--mg-dur-state) ease}
.reaction-card i:nth-child(n+4){border-color:var(--mg-pine);background:var(--mg-pine);color:var(--mg-white)}
.reaction-pad{display:block;width:min(100%,500px);min-height:230px;margin:var(--mg-space-5) auto 0;border:2px solid var(--mg-deep);border-radius:var(--mg-radius-panel);background:var(--mg-mist);color:var(--mg-deep);font:800 clamp(1.5rem,5vw,2.5rem)/1.2 var(--mg-display);cursor:pointer}
.reaction-pad.is-waiting{background:var(--mg-wait);color:var(--mg-wait-ink)}
.reaction-pad.is-ready{background:var(--mg-ready);color:var(--mg-ready-ink);animation:ready-pulse var(--mg-dur-state) var(--mg-ease)}
.reaction-pad.is-early{background:var(--mg-error-soft);color:var(--mg-error)}
.reaction-pad:disabled{color:var(--mg-soft);cursor:not-allowed}
.game-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mg-space-2);margin-top:var(--mg-space-5)}
.game-actions button{min-height:46px;padding:0 var(--mg-space-4);border:1px solid var(--mg-line);border-radius:var(--mg-radius-control);background:var(--mg-white);color:var(--mg-pine);font:750 .95rem/1 var(--mg-body);white-space:nowrap;cursor:pointer;transition:background-color var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
.game-actions button:hover:not(:disabled){background:var(--mg-mist)}
.game-actions button:active:not(:disabled){transform:translateY(1px)}
.game-actions .game-start{border-color:var(--mg-pine);background:var(--mg-pine);color:var(--mg-white)}
.game-actions .game-start:hover:not(:disabled){background:var(--mg-deep)}
.game-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.game-actions button[aria-busy="true"]{cursor:progress}
.game-note{min-height:24px;margin:var(--mg-space-4) 0 0;text-align:center;color:var(--mg-muted);font-size:.9rem;line-height:1.5}
.game-rules{max-width:680px;margin-top:var(--mg-space-6);padding-top:var(--mg-space-5);border-top:1px solid var(--mg-line)}
.game-rules h2{margin:0 0 var(--mg-space-2);font-family:var(--mg-display);font-size:1.3rem;letter-spacing:-.02em}
.game-rules ol{margin:0;padding-left:var(--mg-space-5);line-height:1.8}
.game-rules p{margin:0;color:var(--mg-muted);font-size:.92rem;line-height:1.65}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.number-board button:focus-visible,.order-board button:focus-visible,.reaction-pad:focus-visible,.game-actions button:focus-visible,.game-card:focus-visible,.game-hub-head>a:focus-visible,.game-head>a:focus-visible{outline:3px solid var(--mg-focus);outline-offset:3px}
@media(max-width:760px){
  .game-hub,.number-pack{padding:var(--mg-space-4) 0 var(--mg-space-7)}
  .game-hub-head,.game-head{margin-bottom:var(--mg-space-6)}
  .game-shelf{grid-template-columns:minmax(0,1fr)}
  .game-card,.game-card:first-child{grid-column:auto;grid-template-columns:98px minmax(0,1fr);gap:var(--mg-space-4);padding:var(--mg-space-4)}
  .game-card:first-child em{grid-column:2;justify-self:start;margin-top:var(--mg-space-3)}
  .game-console{padding:var(--mg-space-4) var(--mg-space-3);border-radius:var(--mg-radius-panel)}
  .number-board{gap:var(--mg-space-2)}
  .number-board button{min-height:48px}
  .game-scoreboard>div{min-height:76px;padding:var(--mg-space-2) var(--mg-space-1)}
  .game-scoreboard strong{font-size:1.75rem}
}
@media(max-width:390px){
  .number-board button{min-width:42px}
  .game-card-board{padding:var(--mg-space-2)}
  .game-card,.game-card:first-child{grid-template-columns:86px minmax(0,1fr)}
}
@media(max-width:520px){
  .order-board{gap:var(--mg-space-2)}
  .order-board button{min-width:44px;min-height:50px}
  .reaction-pad{min-height:190px}
}
@keyframes tile-clear{to{opacity:0;transform:scale(.35) rotate(4deg)}}
@keyframes tile-drop{from{opacity:.35;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes combo-pop{from{transform:scale(.82)}to{transform:scale(1)}}
@keyframes wrong-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes ready-pulse{from{transform:scale(.97)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .game-card,.game-actions button,.number-board button,.order-board button{transition:none}
  .number-board button,.order-board button,.reaction-pad,.game-combo{animation:none!important;transform:none!important}
}

/* 아케이드 무대: 게임판을 첫 화면 안에 두고, 숫자마다 색을 준다. 다른 게임도 .arcade를 붙여 같은 무대를 쓴다. */
.arcade{max-width:560px;padding:var(--mg-space-3) 0 var(--mg-space-7)}
.arcade-bar{display:flex;align-items:center;gap:var(--mg-space-3);margin-bottom:var(--mg-space-3)}
.arcade-bar>a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--mg-space-4);border-radius:999px;background:var(--mg-mist);color:var(--mg-pine);font-weight:750;text-decoration:none}
.arcade-bar h1{flex:1;min-width:0;margin:0;font:800 1.35rem/1.1 var(--mg-display);letter-spacing:-.02em;color:var(--mg-deep)}
.arcade-toggles{display:flex;gap:var(--mg-space-2)}
.arcade-toggles button{width:44px;height:44px;border:0;border-radius:50%;background:var(--mg-pine);color:var(--mg-white);font-size:1.1rem;cursor:pointer}
.arcade-toggles button[aria-pressed="false"]{background:var(--mg-mist);color:var(--mg-muted);text-decoration:line-through}
.arcade .game-console{max-width:none;padding:var(--mg-space-4) var(--mg-space-3) var(--mg-space-3);border:0;border-radius:24px;background:radial-gradient(120% 80% at 50% 0%,var(--ar-c1) 0%,var(--ar-c2) 55%,var(--ar-c3) 100%);color:var(--ar-ink-on);box-shadow:0 24px 50px -28px var(--ar-a1)}
.arcade .game-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--mg-space-2);border:0}
.arcade .game-scoreboard>div{min-height:0;padding:var(--mg-space-2);border:0;border-radius:16px;background:var(--ar-a2)}
.arcade .game-scoreboard small{color:var(--ar-c4);font-size:.78rem}
.arcade .game-scoreboard strong{font-size:1.75rem;color:var(--ar-ink-on)}
.arcade .game-scoreboard .game-target{display:grid;place-content:center;width:88px;height:88px;padding:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--ar-c5),var(--ar-c6));color:var(--ar-c7);box-shadow:0 0 0 4px var(--ar-a3),0 10px 24px -8px var(--ar-a4)}
.arcade .game-scoreboard .game-target small{color:var(--ar-c8)}
.arcade .game-scoreboard .game-target strong{font-size:2.3rem;color:var(--ar-c9)}
.arcade .game-records{margin:var(--mg-space-3) 0 var(--mg-space-1);color:var(--ar-c4);font-size:.85rem}
.arcade .game-records b{color:var(--ar-ink-on)}
.arcade .game-combo{background:linear-gradient(90deg,var(--ar-c10),var(--ar-c11));color:var(--ar-ink-on);font-weight:800;animation:combo-pop var(--mg-dur-state) var(--mg-ease),combo-glow 1s ease-in-out infinite alternate}
.arcade .game-sum{min-height:22px;margin:var(--mg-space-1) 0 var(--mg-space-3);color:var(--ar-c12);font-size:.95rem}
.arcade-stage{position:relative}
.arcade .number-board{gap:var(--mg-space-2);max-width:none;padding:8px;border-radius:18px;background:var(--ar-a5)}
.arcade .number-board button{min-height:0;aspect-ratio:1;border:0;border-radius:12px;background:var(--tile,var(--ar-c13));color:var(--ar-c14);font-size:1.45rem;box-shadow:inset 0 -5px 0 var(--ar-a6),0 2px 0 var(--ar-a7);transition:transform 90ms var(--mg-ease),filter 90ms ease,box-shadow 90ms ease}
.arcade .number-board button[data-v="1"]{--tile:var(--ar-c15)}
.arcade .number-board button[data-v="2"]{--tile:var(--ar-c16)}
.arcade .number-board button[data-v="3"]{--tile:var(--ar-c17)}
.arcade .number-board button[data-v="4"]{--tile:var(--ar-c18)}
.arcade .number-board button[data-v="5"]{--tile:var(--ar-c19)}
.arcade .number-board button[data-v="6"]{--tile:var(--ar-c20)}
.arcade .number-board button[data-v="7"]{--tile:var(--ar-c21)}
.arcade .number-board button[data-v="8"]{--tile:var(--ar-c22)}
.arcade .number-board button[data-v="9"]{--tile:var(--ar-c23)}
.arcade .number-board button:disabled{color:var(--ar-c14);opacity:.5;cursor:default}
.arcade .number-board button:hover:not(:disabled){background:var(--tile);filter:brightness(1.06)}
.arcade .number-board button[aria-pressed="true"]{background:var(--tile);color:var(--ar-a8);filter:brightness(1.12);transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 3px var(--ar-ink-on),0 0 18px 4px var(--ar-a9)}
.arcade .number-board button.is-cleared{animation:tile-burst 220ms ease-out forwards}
.arcade-pop{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font:900 2.4rem/1 var(--mg-display);color:var(--ar-ink-on);text-shadow:0 3px 0 var(--ar-c6),0 0 18px var(--ar-a10)}
.arcade-pop.is-on{animation:score-pop 760ms var(--mg-ease) forwards}
.arcade-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--mg-space-2);padding:var(--mg-space-5);border-radius:18px;background:var(--ar-a11);text-align:center}
.arcade-overlay[hidden]{display:none}
.arcade-overlay p{margin:0;color:var(--ar-c24);line-height:1.55}
.arcade-overlay .arcade-kicker{font-weight:800;color:var(--ar-c25)}
.arcade-overlay strong{font:900 clamp(2.6rem,12vw,3.6rem)/1 var(--mg-display);color:var(--ar-ink-on);font-variant-numeric:tabular-nums}
.arcade-overlay.is-best strong{color:var(--ar-c26);animation:best-glow 1.2s ease-in-out infinite alternate}
.arcade-overlay .game-start{min-height:52px;margin-top:var(--mg-space-2);padding:0 var(--mg-space-6);border:0;border-radius:999px;background:linear-gradient(180deg,var(--ar-c27),var(--ar-c28));color:var(--ar-c9);font:850 1.1rem/1 var(--mg-body);box-shadow:0 6px 0 var(--ar-c29),0 12px 24px -8px var(--ar-a12);cursor:pointer}
.arcade-overlay .game-start:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ar-c29)}
.arcade .game-actions{margin-top:var(--mg-space-3)}
.arcade .game-actions button{border:0;border-radius:999px;background:var(--ar-a13);color:var(--ar-ink-on)}
.arcade .game-actions button:hover:not(:disabled){background:var(--ar-a14)}
.arcade .game-note{margin-top:var(--mg-space-2);color:var(--ar-c4)}
.arcade .game-rules{margin-top:var(--mg-space-4);padding:var(--mg-space-1) var(--mg-space-4) var(--mg-space-3);border:1px solid var(--mg-line);border-radius:14px}
.arcade .game-rules summary{display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--mg-pine);cursor:pointer}
.arcade-overlay .game-start:focus-visible,.arcade-toggles button:focus-visible,.arcade-bar>a:focus-visible,.arcade .game-actions button:focus-visible{outline:3px solid var(--ar-c25);outline-offset:3px}
.arcade-lead{margin:0 0 var(--mg-space-3);color:var(--mg-muted);line-height:1.5}
.arcade .game-actions .game-start{min-height:52px;padding:0 var(--mg-space-6);background:linear-gradient(180deg,var(--ar-c27),var(--ar-c28));color:var(--ar-c9);font-weight:850;box-shadow:0 5px 0 var(--ar-c29)}
.arcade .game-actions .game-start:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ar-c29)}
.arcade .game-actions .game-start:hover{background:linear-gradient(180deg,var(--ar-c30),var(--ar-c31))}
.arcade .order-board{gap:var(--mg-space-2);max-width:none;margin:var(--mg-space-3) 0 0;padding:8px;border-radius:18px;background:var(--ar-a5)}
.arcade .order-board button{min-height:0;aspect-ratio:1;border:0;border-radius:12px;background:var(--tile,var(--ar-c13));color:var(--ar-c14);font-size:1.35rem;font-weight:800;box-shadow:inset 0 -5px 0 var(--ar-a6),0 2px 0 var(--ar-a7)}
.arcade .order-board button[data-v="1"]{--tile:var(--ar-c15)}.arcade .order-board button[data-v="2"]{--tile:var(--ar-c16)}.arcade .order-board button[data-v="3"]{--tile:var(--ar-c17)}
.arcade .order-board button[data-v="4"]{--tile:var(--ar-c18)}.arcade .order-board button[data-v="5"]{--tile:var(--ar-c19)}.arcade .order-board button[data-v="6"]{--tile:var(--ar-c20)}
.arcade .order-board button[data-v="7"]{--tile:var(--ar-c21)}.arcade .order-board button[data-v="8"]{--tile:var(--ar-c22)}.arcade .order-board button[data-v="9"]{--tile:var(--ar-c23)}
.arcade .order-board button:hover:not(:disabled){background:var(--tile);filter:brightness(1.08)}
.arcade .order-board button:disabled{color:var(--ar-c14);opacity:.6;cursor:default}
.arcade .order-board button.is-done{background:var(--ar-a2);color:var(--ar-a15);box-shadow:none;opacity:1;animation:tile-done 180ms ease-out}
.arcade .order-board button.is-wrong{background:var(--ar-c32);color:var(--ar-ink-on)}
.arcade button.reaction-pad{width:100%;min-height:260px;margin:var(--mg-space-3) 0 0;border:0;border-radius:18px;background:var(--ar-a7);color:var(--ar-c33);font-size:1.6rem;font-weight:850}
.arcade .reaction-pad.is-waiting{background:var(--ar-c34);color:var(--ar-ink-on)}
.arcade .reaction-pad.is-ready{background:var(--ar-c35);color:var(--ar-c36);box-shadow:0 10px 36px 4px var(--ar-a16)}
.arcade .reaction-pad.is-early{background:var(--ar-c10);color:var(--ar-c9)}
.arcade .reaction-pad:disabled{color:var(--ar-c4)}
.arcade .order-board button:focus-visible,.arcade .reaction-pad:focus-visible{outline:3px solid var(--ar-c25);outline-offset:2px}
@keyframes tile-done{50%{transform:scale(.85)}}
@keyframes tile-burst{40%{transform:scale(1.25);filter:brightness(1.6)}to{opacity:0;transform:scale(.2) rotate(12deg)}}
@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-130%) scale(1)}}
@keyframes combo-glow{to{box-shadow:0 0 14px 2px var(--ar-a17)}}
@keyframes best-glow{to{text-shadow:0 0 22px var(--ar-a18)}}
@media(prefers-reduced-motion:reduce){.arcade-pop.is-on,.arcade .game-combo,.arcade-overlay.is-best strong{animation:none!important}.arcade-pop.is-on{opacity:1}}