:root{--cream: #fbf3e6;--cream-2: #f5e7d1;--cream-3: #efdcc0;--paper: #fffaf1;--ink: #1e2a45;--ink-soft: #46536f;--ink-mute: #7f8aa3;--edge: #e3d0ae;--edge-strong: #d8c19a;--line: rgba(60, 45, 25, .12);--mint: #a5ddc6;--mint-deep: #1c8a68;--sky: #a8c8f6;--lavender: #c4b5f2;--coral: #f7b7a0;--teal: #92d8d6;--gold: #ffd489;--gold-deep: #d9a52a;--warn: #c1534a;--ring-ok: #1c8a68;--ring-target: #e0a621;--ring-start: #4a6fb5;--badge-ink: #1e2a45;--badge-paper: #fff7e9;--radius-lg: 24px;--radius-md: 16px;--shadow-soft: 0 8px 18px rgba(70, 50, 25, .14);--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--board-min: 288px;--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)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%}body{overscroll-behavior:none}[hidden]{display:none!important}#app{display:block;height:100dvh}.game{position:relative;display:flex;height:100%;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.game__stage{position:relative;flex:1 1 auto;min-width:0;min-height:var(--board-min);max-width:720px;margin-inline:auto}.game__stage canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game__mirror{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.game__mirror button{all:unset;display:block}