.play-stage{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg, hsl(var(--tray)) 0%, hsl(var(--tray)) 46%, hsl(var(--tray-floor)) 74%, hsl(var(--tray-floor)) 100%);box-shadow:inset 0 2px 0 #ffffff0a, inset 0 -18px 40px hsl(var(--shade) / .22);border-radius:1.5rem;position:relative;overflow:hidden}.play-stage--game{height:clamp(230px,36dvh,320px)}.play-stage--free{height:clamp(280px,46dvh,420px)}.play-stage--board{aspect-ratio:1;width:100%;margin-inline:auto}.play-stage--auto{min-height:200px}@media (width<=639px){.play-stage--game{height:clamp(180px,28dvh,280px)}.play-stage--free{height:clamp(220px,36dvh,360px)}}@media (width<=639px) and (height<=700px){.play-stage--game{height:clamp(160px,25dvh,280px)}}.play-stage:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}@keyframes play-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.play-shake{animation:.36s ease-out play-shake}@media (prefers-reduced-motion:reduce){.play-shake{animation:none}}.play-history{scrollbar-width:none}.play-history::-webkit-scrollbar{display:none}.play-guide h2{text-wrap:balance;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}@media (width>=640px){.play-guide h2{font-size:1.25rem}}.play-guide ol{padding-left:1.25rem;list-style:decimal}.play-guide ul{padding-left:1.25rem;list-style:outside}.play-guide li+li{margin-top:.35rem}.play-guide dt{margin-top:.75rem;font-weight:700}.play-guide dd{color:hsl(var(--muted-foreground))}.play-guide div.overflow-x-auto{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 8px);background:hsl(var(--card));padding:6px}.play-guide table{border-collapse:collapse;width:100%;font-size:13px}.play-guide th,.play-guide td{border-bottom:1px solid hsl(var(--border));text-align:left;padding:12px 16px}.play-guide thead th{color:hsl(var(--muted-foreground));padding-top:14px;padding-bottom:14px;font-weight:600}.play-guide tbody tr:last-child td,.play-guide tbody tr:last-child th{border-bottom:0}@media (width>=640px){.play-guide div.overflow-x-auto{padding:8px}.play-guide table{font-size:14px}.play-guide th,.play-guide td{padding-left:24px;padding-right:24px}}.play-guide td.num,.play-guide th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:Fredoka Variable,Noto Sans KR Variable,sans-serif}
