ddd

client/styles/accessibility.css

@@ -0,0 +1,8 @@
+@media(prefers-reduced-motion:reduce){
+  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important}
+  .board-card.revealing,.board-card.completing .path,.completion-burst,.gate-dot.frontier,.tutorial-demo *,.tutorial-demo::after,.num.turn-warning,.number-turn-warning,.pill.time-attack.active>span:first-child,.time-attack-clock.urgent,.completion-flash,.gate-connect-pulse,.number-match-orbit-holes,#viewport::before{animation:none!important}
+  .completion-burst{opacity:1}
+  .tutorial-path{stroke-dashoffset:0}
+  .tutorial-shop-marker,.tutorial-number-pulse{transform:none}
+  .tutorial-shop-score{opacity:1}
+}

client/styles/base.css

@@ -0,0 +1,6 @@
+*{box-sizing:border-box;user-select:none;-webkit-user-select:none}
+html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--dot-font);font-variant-ligatures:none;-webkit-font-smoothing:none;text-rendering:geometricPrecision}
+body,button,input,select,textarea{font-family:var(--dot-font)}
+button,input,select,textarea{font-size:inherit}
+button{font:inherit;color:inherit;letter-spacing:.04em}
+button:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:3px}

client/styles/tokens.css

@@ -0,0 +1,17 @@
+@font-face{font-family:"DotGothic16Local";src:url("../../assets/fonts/DotGothic16-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
+:root{
+  --bg:#121416;
+  --panel:#1c1f22;
+  --ink:#f3f4f5;
+  --muted:#8b949b;
+  --grid:rgba(198,210,218,.28);
+  --accent:#d9f06f;
+  --bad:#ff6e7a;
+  --dot-font:"DotGothic16Local","DotGothic16","MS Gothic","ＭＳ ゴシック",ui-monospace,monospace;
+  --emoji-font:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
+  --bar-height:54px;
+  --safe-top:env(safe-area-inset-top,0px);
+  --safe-right:env(safe-area-inset-right,0px);
+  --safe-bottom:env(safe-area-inset-bottom,0px);
+  --safe-left:env(safe-area-inset-left,0px)
+}