:root{--felt:#0e5a4c;--felt-deep:#0a463b;--felt-line:#17705f;--paper:#fbf3e4;--ink:#26313a;--kkwang:#d8341f;--kkwang-deep:#b02513;--safe:#3e6fa8;--sun:#ffc93c;--sun-deep:#e7ac17;--disp:"Jua", -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--body:-apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--body);background:radial-gradient(120% 90% at 50% 0%, var(--felt-line) 0%, var(--felt) 46%, var(--felt-deep) 100%);color:var(--paper);touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0}.home{z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0}.home.hide{opacity:0;pointer-events:none;transform:translateY(-14px)scale(.98)}.home h1{font-family:var(--disp);letter-spacing:.02em;text-shadow:0 3px #0000002e;font-size:44px;font-weight:400}.home .sub{opacity:.75;margin-top:-16px;font-size:14px}.picks{flex-direction:column;gap:14px;width:100%;max-width:300px;display:flex}.pick{text-align:left;background:#ffffff12;border:1.5px solid #ffffff24;border-radius:18px;align-items:center;gap:14px;padding:12px;transition:transform 80ms,background .15s;display:flex}.pick:active{background:#ffffff2e;transform:scale(.97)}.pick__name{font-family:var(--disp);letter-spacing:.03em;font-size:22px;display:block}.pick__desc{opacity:.7;margin-top:2px;font-size:12.5px;display:block}.art{background:#0000002e;border-radius:14px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.art i{position:absolute}.art--slips i{background:var(--paper);border-radius:2px 2px 5px 5px;width:19px;height:16px;box-shadow:inset 0 -3px #0000001f,0 2px 4px #0000004d}.art--slips i:first-child{top:19px;left:5px;transform:rotate(-14deg)}.art--slips i:nth-child(2){background:linear-gradient(160deg,#ff6a50 0%, var(--kkwang) 60%, var(--kkwang-deep) 100%);top:12px;left:16px;transform:rotate(6deg)}.art--slips i:nth-child(3){top:22px;left:27px;transform:rotate(19deg)}.art--ladder i{background:var(--paper);opacity:.85;border-radius:2px}.art--ladder i:first-child{width:3px;height:34px;top:9px;left:14px}.art--ladder i:nth-child(2){width:3px;height:34px;top:9px;left:35px}.art--ladder i:nth-child(3){width:24px;height:3px;top:18px;left:14px}.art--ladder i:nth-child(4){background:var(--sun);opacity:1;width:24px;height:3px;top:31px;left:14px}.art--roulette i:first-child{background:conic-gradient(var(--sun) 0 25%, var(--paper) 0 50%, var(--safe) 0 75%, var(--kkwang) 0);border-radius:50%;width:36px;height:36px;top:10px;left:8px;box-shadow:0 2px 6px #00000059}.art--roulette i:nth-child(2){background:var(--sun);border-radius:2px;width:8px;height:8px;top:4px;left:22px;transform:rotate(45deg)}.backbtn{left:18px;top:calc(env(safe-area-inset-top,0px) + 18px);color:var(--paper);opacity:.7;padding:6px;font-size:12.5px;position:absolute}.backbtn:active{opacity:1}.board{touch-action:none;position:absolute;inset:0}.spinwrap{z-index:20;justify-content:center;padding:0 24px 24px;display:flex}.setup{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0}.setup.hide{opacity:0;pointer-events:none;transform:translateY(-14px)scale(.98)}.brand{font-family:var(--disp);letter-spacing:.14em;color:var(--sun);opacity:.9;font-size:15px}.setup h1{font-family:var(--disp);letter-spacing:.02em;text-shadow:0 3px #0000002e;font-size:44px;font-weight:400}.setup .sub{opacity:.75;margin-top:-16px;font-size:14px}.steppers{flex-direction:column;gap:14px;width:100%;max-width:300px;display:flex}.stepper{background:#ffffff12;border:1.5px solid #ffffff24;border-radius:18px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.stepper .name{font-family:var(--disp);letter-spacing:.03em;font-size:18px}.stepper .name .tag{font-family:var(--body);background:var(--kkwang);color:#fff;vertical-align:2px;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.stepper .ctrl{align-items:center;gap:4px;display:flex}.stepper .num{font-family:var(--disp);text-align:center;min-width:52px;color:var(--sun);font-size:30px}.pmbtn{width:46px;height:46px;font-family:var(--disp);color:var(--paper);background:#ffffff1f;border-radius:14px;justify-content:center;align-items:center;font-size:26px;line-height:1;transition:transform 80ms,background .15s;display:flex}.pmbtn:active{background:#ffffff38;transform:scale(.9)}.pmbtn[disabled]{opacity:.28;pointer-events:none}.startbtn{background:linear-gradient(180deg,var(--sun) 0%, var(--sun-deep) 100%);color:#4a3403;width:100%;max-width:300px;font-family:var(--disp);letter-spacing:.05em;border-radius:20px;margin-top:6px;padding:18px;font-size:24px;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #00000038}.startbtn:active{transform:translateY(4px);box-shadow:0 2px #00000038}.startbtn[disabled]{opacity:.28;pointer-events:none}.game{opacity:0;pointer-events:none;flex-direction:column;transition:opacity .35s;display:flex;position:absolute;inset:0}.game.show{opacity:1;pointer-events:auto}.topbar{z-index:20;justify-content:center;align-items:center;gap:10px;padding:16px 16px 6px;display:flex}.pill{font-family:var(--disp);letter-spacing:.03em;background:#00000038;border-radius:999px;padding:7px 14px;font-size:16px}.pill b{color:var(--sun);margin-left:4px;font-size:19px;font-weight:400}.pill.kk b{color:#ff8a75}.hint{text-align:center;opacity:.8;z-index:20;height:20px;font-size:13.5px;transition:opacity .25s;position:relative}.pilewrap{z-index:10;flex:1;position:relative}.pile{position:absolute;inset:0}.stagecanvas{touch-action:none;position:absolute;inset:0}.puff{font-family:var(--disp);color:var(--sun);z-index:45;pointer-events:none;font-size:18px;animation:.55s forwards puff;position:absolute}@keyframes puff{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(var(--px,40px),-26px) scale(1.15)}}.tray{z-index:20;flex-wrap:wrap;justify-content:center;gap:8px;min-height:64px;padding:10px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.chip{width:38px;height:38px;font-family:var(--disp);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;animation:.35s cubic-bezier(.2,1.5,.4,1) chipin;display:flex}@keyframes chipin{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.chip.kk{background:var(--kkwang);color:#fff;box-shadow:0 3px 0 var(--kkwang-deep)}.chip.sf{color:var(--paper);background:#ffffff24}.chip .o{font-size:16px;line-height:1}.chip .t{font-size:9px;font-family:var(--body);opacity:.85;margin-top:2px;font-weight:700}.toast{opacity:0;white-space:nowrap;pointer-events:none;z-index:120;background:#00000080;border-radius:999px;padding:9px 18px;font-size:13.5px;transition:opacity .25s,transform .25s;position:absolute;bottom:88px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.flash{background:var(--kkwang);opacity:0;pointer-events:none;z-index:55;position:fixed;inset:0}.flash.go{animation:.5s flash}@keyframes flash{0%{opacity:0}18%{opacity:.5}to{opacity:0}}.app.shake{animation:.45s linear shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px,2px)}30%{transform:translate(6px,-3px)}45%{transform:translate(-5px,3px)}60%{transform:translate(5px,-2px)}80%{transform:translate(-3px,1px)}}.result{z-index:90;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.result.show{opacity:1;pointer-events:auto}.result__dim{background:#05201bc7;position:absolute;inset:0}.floater{z-index:91;touch-action:none;width:64px;height:52px;transition:transform .3s cubic-bezier(.3,.9,.4,1);position:absolute}.floater .fb{background:linear-gradient(90deg, #0003 0%, #ffffff42 9%, #0000 36%, #0000003d 49%, #fff3 53%, #0000 76%, #0000002e 100%),  linear-gradient(180deg, #ffffff2e 0%, #0000 24%, #0000 78%, #ffffff29 86%, #00000042 100%), linear-gradient(160deg,#ff6a50 0%, #e8442e 60%, var(--kkwang-deep) 100%);font-family:var(--disp);color:#fff;letter-spacing:2px;border-radius:4px 4px 7px 7px;justify-content:center;align-items:center;font-size:21px;animation:5.2s ease-in-out infinite drift;display:flex;position:absolute;inset:0;box-shadow:0 8px 16px #00000059}.floater:nth-child(3) .fb{animation-duration:6.4s;animation-delay:-2s}@keyframes drift{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-26px)rotate(9deg)}}.card{z-index:95;background:var(--paper);width:min(88vw,330px);color:var(--ink);text-align:center;border-radius:26px;padding:26px 22px 20px;transition:transform .35s cubic-bezier(.2,1.3,.4,1);position:relative;transform:translateY(16px)scale(.96);box-shadow:0 24px 60px #00000080}.result.show .card{transform:translateY(0)scale(1)}.card h2{font-family:var(--disp);color:var(--kkwang);letter-spacing:.02em;font-size:32px;font-weight:400}.card .sum{color:#5a6570;margin-top:6px;font-size:13.5px}.card .seq{flex-wrap:wrap;justify-content:center;gap:7px;margin:16px 0 4px;display:flex}.card .seq .chip{width:36px;height:36px;animation:none}.card .seq .chip.sf{color:#8a7c5c;background:#ede4cf}.cardbtns{flex-direction:column;gap:9px;margin-top:16px;display:flex}.btn-retry{font-family:var(--disp);background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 100%);color:#4a3403;letter-spacing:.04em;border-radius:16px;padding:15px;font-size:21px;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #00000029}.btn-retry:active{transform:translateY(3px);box-shadow:0 2px #00000029}.btn-share{color:var(--ink);background:#fff;border:1.5px solid #e2d8c2;border-radius:16px;padding:12px;font-size:14.5px;font-weight:700}.btn-share:active{background:#f6efdf}.cardfoot{justify-content:center;gap:18px;margin-top:10px;display:flex}.btn-setup{color:#98917e;padding:4px;font-size:12.5px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.app.shake,.floater .fb{animation:none}}