:root{--bg:#000;--fg:#fff;--dim:#ffffff6b;--pad:20px;--sat:0px;--top:max(env(safe-area-inset-top,0px), var(--sat));--bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;font-family:Inter Tight,Pretendard,system-ui,sans-serif;font-weight:300}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.game{max-width:430px;padding:calc(var(--top) + 20px) var(--pad) calc(var(--bottom) + 18px);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}.game header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.lv{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:200;line-height:1}.lv.practice{letter-spacing:.06em;align-items:center;height:44px;font-family:Pretendard,sans-serif;font-size:30px;font-weight:200;display:flex}.dealer{letter-spacing:-.01em;max-width:300px;min-height:46.5px;color:var(--fg);word-break:keep-all;font-family:Pretendard,sans-serif;font-size:15px;font-weight:300;line-height:1.55;transition:opacity 1.2s}.dealer.faded{opacity:.32}.caret{vertical-align:-.15em;background:var(--fg);opacity:0;width:1px;height:1.05em;margin-left:3px;display:inline-block}.caret.on{opacity:.9}.dealer:not(.faded) .caret:not(.on){animation:1.1s step-end infinite blink}@keyframes blink{0%,50%{opacity:.8}50.01%,to{opacity:0}}.board{flex:1;justify-content:center;align-items:center;min-height:0;padding-bottom:min(5vh,40px);display:flex}.board canvas{touch-action:none;animation:.7s cubic-bezier(.2,.7,.2,1) both boardIn;display:block}@keyframes boardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.bar{justify-content:space-between;align-items:center;height:48px;margin-top:6px;display:flex}.icon{width:48px;height:48px;color:var(--dim);border-radius:50%;flex:none;place-items:center;transition:color .2s,transform .2s cubic-bezier(.3,1.6,.5,1);display:grid}.icon:active{color:var(--fg);transform:scale(.88)}.icon svg{width:26px;height:26px}.icon svg.line{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.icon svg.solid .disc{fill:currentColor}.icon svg.solid .cut{fill:none;stroke:var(--bg);stroke-width:1.6px;stroke-linecap:round}.icon svg.solid .cut-dot{fill:var(--bg)}@media (prefers-reduced-motion:reduce){.board canvas{animation:none}.caret{animation:none!important}}