@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";.game{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--g-font-display:"Black Han Sans", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--g-ink:#2b2118;--g-ink-soft:#5b4a3a;--g-ink-mute:#8a7560;--g-paper:#efe6d4;--g-cream:#fbf6ec;--g-cream-hi:#fffdf7;--g-cream-head:#f1e6d1;--g-cream-line:#e2d6c0;--g-cream-row:#f3eadb;--g-cream-hover:#fff6e3;--g-field:#fffdf8;--g-field-line:#b89a74;--g-wood-hi:#5e3b20;--g-wood:#4a2c17;--g-wood-lo:#2e1a0c;--g-wood-ink:#1f130a;--g-wood-text:#f5e6c8;--g-gold-hi:#ffe27a;--g-gold:#f0a500;--g-gold-lo:#c77d00;--g-gold-deep:#8a5300;--g-gold-line:#d9a84a;--g-gold-soft:#ffd23f;--g-gold-text:#ffe08a;--g-title:#e8590c;--g-active:#d4351c;--g-bar:#f2711c;--g-bar-lo:#c9500a;--g-drop:0 6px 16px -6px #3c1e0073;--g-wood-edge:inset 0 0 0 1px #ffe2962e, inset 0 0 0 3px var(--g-wood-lo), inset 0 0 0 4px var(--g-gold-line), inset 0 0 0 6px var(--g-wood-lo), inset 0 0 0 7px #d9a84a8c;--g-wood-bg:repeating-linear-gradient(92deg, #ffffff06 0 2px, transparent 2px 7px, #0000000a 7px 9px, transparent 9px 15px), linear-gradient(180deg, #5e3b20, #4a2c17 40%, #2e1a0c);--background:var(--g-cream);--foreground:var(--g-ink);--card:var(--g-cream-hi);--card-foreground:var(--g-ink);--popover:var(--g-cream-hi);--popover-foreground:var(--g-ink);--primary:var(--g-bar);--primary-foreground:#fff;--secondary:var(--g-cream-head);--secondary-foreground:var(--g-ink);--muted:var(--g-cream-row);--muted-foreground:var(--g-ink-mute);--accent:var(--g-cream-hover);--accent-foreground:var(--g-ink);--border:var(--g-cream-line);--input:var(--g-field-line);--ring:var(--g-gold-soft);color:var(--g-ink)}@layer components{.game .g-display,.game.g-display{font-family:var(--g-font-display);letter-spacing:-.01em;font-weight:400}.game .g-hanji,.game.g-hanji{background:var(--g-paper) url(../../../images/game/ui/hanji-bg.webp) center / cover;color:var(--g-ink)}.g-tone-orange{--gb-hi:#ffb35e;--gb-mid:#f57a1f;--gb-lo:#dc5c0a;--gb-rim:#b9480a;--gb-lip:#9a3a06;--gb-fg:#fff;--gb-ts:#6e28008c}.g-tone-blue{--gb-hi:#6eaaf6;--gb-mid:#3479dd;--gb-lo:#2259bb;--gb-rim:#1d4c9c;--gb-lip:#163c80;--gb-fg:#fff;--gb-ts:#0a1e508c}.g-tone-green{--gb-hi:#66d266;--gb-mid:#2c9f34;--gb-lo:#1d8126;--gb-rim:#196d20;--gb-lip:#115316;--gb-fg:#fff;--gb-ts:#00320a8c}.g-tone-red{--gb-hi:#ff7d66;--gb-mid:#e8421d;--gb-lo:#bf2b10;--gb-rim:#a4240c;--gb-lip:#7a1a05;--gb-fg:#fff;--gb-ts:#5a0a008c}.g-tone-gold{--gb-hi:#ffe78a;--gb-mid:#f8b604;--gb-lo:#d78d00;--gb-rim:#b87700;--gb-lip:#8a5300;--gb-fg:#4a2500;--gb-ts:#fff0b499}.g-tone-wood{--gb-hi:#7d5535;--gb-mid:#5c3b22;--gb-lo:#3f2715;--gb-rim:#2e1a0c;--gb-lip:#1f130a;--gb-fg:#fbe9c6;--gb-ts:#00000080}.g-tone-cream{--gb-hi:#fff;--gb-mid:#fbf3e2;--gb-lo:#eedfc1;--gb-rim:#c4a882;--gb-lip:#b39670;--gb-fg:#4a3523;--gb-ts:#fffc}.g-gloss{background-image:linear-gradient(180deg, #ffffff4d, #ffffff1a 48%, #fff0 50%), linear-gradient(180deg, var(--gb-hi), var(--gb-mid) 52%, var(--gb-lo));color:var(--gb-fg);text-shadow:0 1px 0 var(--gb-ts)}[data-slot=toggle-group][data-look=chips]>[data-slot=toggle-group-item]{--gb-hi:#fff;--gb-mid:#fbf3e2;--gb-lo:#eedfc1;background-image:linear-gradient(180deg, #ffffff4d, #ffffff1a 48%, #fff0 50%), linear-gradient(180deg, var(--gb-hi), var(--gb-mid) 52%, var(--gb-lo))}[data-slot=toggle-group][data-look=chips]>[data-slot=toggle-group-item][data-state=on]{--gb-hi:#ffe78a;--gb-mid:#f8b604;--gb-lo:#d78d00}.g-tile{--gt-strip:#0000004d;isolation:isolate;color:#fff;text-align:center;background-image:radial-gradient(120% 70% at 50% 0%, #ffffff47, #fff0 60%), linear-gradient(180deg, var(--gt-hi), var(--gt-mid) 55%, var(--gt-lo));border-radius:12px;flex-direction:column;align-items:center;transition:transform .12s,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040,inset 0 2px #fff6,inset 0 -3px #00000038,0 3px #00000059,0 8px 14px -6px #00000073}.g-tile:hover:not([aria-disabled=true]){filter:brightness(1.07);transform:translateY(-2px)}.g-tile:active:not([aria-disabled=true]){transform:translateY(1px)}.g-tile-green{--gt-hi:#55c855;--gt-mid:#25952d;--gt-lo:#17761f;--gt-strip:#00280052}.g-tile-blue{--gt-hi:#559aec;--gt-mid:#2766cc;--gt-lo:#1a4ea8;--gt-strip:#00144652}.g-tile-red{--gt-hi:#e95c50;--gt-mid:#ba2a2b;--gt-lo:#951b1f;--gt-strip:#3c000052}.g-tile-gold{--gt-hi:#ffd55c;--gt-mid:#e9a30a;--gt-lo:#c07f00;--gt-strip:#5a2d004d}.g-tile .g-tile-strip{background:var(--gt-strip);box-shadow:inset 0 1px #0000002e,inset 0 2px #ffffff1f}.g-tile .g-tile-title{text-shadow:0 2px #00000059}.g-tile[aria-disabled=true]{filter:grayscale(.85)brightness(.8);cursor:not-allowed}.g-quick{isolation:isolate;background:radial-gradient(at 50% 40%,#8a1d12,#4a0a06 70%);border-radius:12px;transition:filter .12s,transform .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #b8321f,0 3px #00000059,0 8px 14px -6px #00000073}.g-quick:hover{filter:brightness(1.1)}.g-quick:active{transform:translateY(1px)}.g-quick .g-bulbs{z-index:-2;background-image:radial-gradient(circle,#ffe08a 2.2px,#ffe08a59 3.4px,#0000 4.2px);background-position:4px 4px;background-size:16px 16px;position:absolute;inset:0}.g-quick .g-bulbs-b{background-position:12px 12px;animation:.9s step-end infinite g-bulb}.g-quick .g-bulbs-a{animation:.9s step-end infinite reverse g-bulb}.g-quick .g-quick-inner{z-index:-1;background:radial-gradient(at 50% 35%,#7a170e,#3d0703 75%);border-radius:7px;position:absolute;inset:11px;box-shadow:inset 0 0 0 1px #ffd27859,inset 0 0 18px #0009}@keyframes g-bulb{0%{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.g-quick .g-bulbs{animation:none!important}}.g-panel{border-radius:14px;position:relative}.g-panel-hanji{color:var(--g-ink);background:var(--g-paper) url(../../../images/game/ui/hanji-bg.webp) center / cover;box-shadow:inset 0 0 0 1px #a0825a59, var(--g-drop)}.g-panel-cream{color:var(--g-ink);background:linear-gradient(180deg, var(--g-cream-hi), var(--g-cream));box-shadow:inset 0 0 0 1px var(--g-cream-line), 0 1px 0 #fffc, var(--g-drop)}.g-panel-wood,.g-wood{color:var(--g-wood-text);background:repeating-linear-gradient(92deg, #ffffff06 0 2px, transparent 2px 7px, #0000000a 7px 9px, transparent 9px 15px), linear-gradient(180deg, var(--g-wood-hi), var(--g-wood) 40%, var(--g-wood-lo));box-shadow:var(--g-wood-edge), 0 10px 24px -8px #0009}.g-panel-felt{color:#fff;background:radial-gradient(at 50% 45%,#0000 50%,#00000061),#1f6b3a url(../../../images/game/sprites/ui/felt-table.webp) 50%/cover;box-shadow:0 0 0 6px #3a2516,0 0 0 8px #1f130a,0 0 0 9px #d9a84a80,0 16px 32px -8px #0009}.g-panel-head-cream{background:linear-gradient(180deg, #fbf3e3, var(--g-cream-head));box-shadow:inset 0 -1px 0 var(--g-cream-line), inset 0 1px 0 #fff}.g-panel-head-wood{background:linear-gradient(#0000000d,#00000038);box-shadow:inset 0 -1px #d9a84a73}.g-ribbon{isolation:isolate;white-space:nowrap;color:#fff;text-shadow:0 2px #8a4b00,0 0 8px #8a4b008c;background:linear-gradient(#ffe27a,#f0a500 60%,#c77d00);border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 2px #ffffff8c,inset 0 -2px #783c0040,0 3px #8a5300,0 8px 14px -4px #0006}.g-ribbon:before,.g-ribbon:after{content:"";z-index:-1;border:calc(var(--gr-tail,18px)) solid #c77d00;filter:drop-shadow(0 3px #7a4300);position:absolute;top:30%}.g-ribbon:before{left:calc(var(--gr-tail,18px) * -1.3);border-left-color:#0000}.g-ribbon:after{right:calc(var(--gr-tail,18px) * -1.3);border-right-color:#0000}.g-ribbon-red{text-shadow:0 2px #6e1505;background:linear-gradient(#ff8a6a,#e8421d 60%,#a8240e);box-shadow:inset 0 2px #ffffff73,0 3px #6e1505,0 8px 14px -4px #0006}.g-ribbon-red:before,.g-ribbon-red:after{border-color:#a8240e}.g-ribbon-red:before{border-left-color:#0000}.g-ribbon-red:after{border-right-color:#0000}.g-titlebar-orange{color:#fff;text-shadow:0 1px #6e280099;background:linear-gradient(#ff9a4a,#f2711c 55%,#c9500a);box-shadow:inset 0 1px #fff6,inset 0 -1px #0003}.g-titlebar-wood{color:var(--g-gold-text);text-shadow:0 1px #000;background:linear-gradient(#6b4426,#4a2c17);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #d9a84a80}.g-titlebar-red{color:#fff;text-shadow:0 1px #00000080;background:linear-gradient(#b83a2c,#8a1d12);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000004d}.g-shine,[data-slot=progress][data-tone]>[data-slot=progress-indicator]{position:relative;overflow:hidden}.g-shine:after,[data-slot=progress][data-tone]>[data-slot=progress-indicator]:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:2.4s ease-in-out infinite g-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes g-shine{60%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.g-shine:after,[data-slot=progress][data-tone]>[data-slot=progress-indicator]:after{animation:none;display:none}}.g-blink{animation:1.4s ease-in-out infinite g-blink}@keyframes g-blink{50%{opacity:.35}}.g-turn-glow{animation:1.6s ease-in-out infinite g-turn}@keyframes g-turn{0%,to{box-shadow:0 0 0 2px #ffd23f,0 0 12px 2px #ffd23f8c,0 6px 14px -4px #00000080}50%{box-shadow:0 0 0 2px #ffd23f,0 0 22px 6px #ffd23fcc,0 6px 14px -4px #00000080}}@media (prefers-reduced-motion:reduce){.g-turn-glow,.g-blink{animation:none}}.g-wood-thumb{background:linear-gradient(90deg,#7d5535,#4a2c17);box-shadow:inset 0 0 0 1px #00000059,inset 1px 0 #fff3}}:is(body:has(.game[data-slot=dialog-content]) [data-slot=dialog-overlay],body:has(.game[data-slot=alert-dialog-content]) [data-slot=alert-dialog-overlay]){background:#140c068c}