@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#263129;background:#e6e0d5;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#d0d9d1,#e9e2d5 47%,#c3cec5);min-width:320px;min-height:100svh;margin:0}button{font:inherit}.app-shell{place-items:center;min-height:100svh;display:grid}.tablet-stage{background:#f6f2e9;grid-template-rows:15% 53% 32%;width:min(1200px,100vw);height:min(720px,100svh);display:grid;overflow:hidden;box-shadow:0 18px 55px #33433b4d}.store-banner{background:#e9e4da;border-bottom:6px solid #233831;position:relative;overflow:hidden}.store-banner img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.banner-meta{color:#284239;text-shadow:0 1px #fffffff0;flex-direction:column;display:flex;position:absolute;top:50%;left:4%;transform:translateY(-50%)}.banner-meta span,.section-kicker{letter-spacing:.17em;font:500 9px/1.3 DM Mono,monospace}.banner-meta strong{letter-spacing:.09em;font:700 clamp(16px,2.2vw,26px)/1 DM Mono,monospace}.icon-button{z-index:2;aspect-ratio:1;color:#f5efe2;cursor:pointer;background:#284239e8;border:1px solid #284239;border-radius:50%;width:34px;position:absolute;top:50%;right:2.4%;transform:translateY(-50%)}.counter-stage{background:linear-gradient(#cad2c8 0 72%,#e8e1d4 72%);grid-template-columns:17% 52% 31%;min-height:0;display:grid}.event-board{z-index:2;aspect-ratio:.64;text-align:center;background:#f9f5ed;border:5px solid #263d35;place-self:center;width:72%;padding:12px 9px;position:relative;transform:rotate(-2deg);box-shadow:5px 7px #62766b80}.event-board:before{content:"";background:#c59b59;border-radius:3px;width:68%;height:7px;position:absolute;top:-10px;left:16%}.board-mark{aspect-ratio:1;color:#f8f1df;background:#bb5d45;border-radius:50%;place-items:center;width:27px;margin:0 auto 7px;font:16px Black Han Sans,sans-serif;display:grid}.event-board p{color:#30463d;letter-spacing:-.06em;margin:0;font:clamp(13px,1.6vw,20px)/1.25 Black Han Sans,sans-serif}.event-board small{color:#749085;letter-spacing:.03em;margin-top:12px;font:7px/1.35 DM Mono,monospace;display:block}.machine-zone{grid-template-rows:30px 1fr 66px;place-items:center;min-width:0;display:grid;position:relative}.machine-message{z-index:4;color:#486056;text-align:center;margin:5px 0 0;font-size:11px;font-weight:700}.garapon-machine{--machine-height:clamp(210px, 29vw, 292px);width:calc(var(--machine-height) * 1.08);height:var(--machine-height);position:relative}.garapon-wheel{--wheel-angle:0deg;z-index:2;aspect-ratio:1;clip-path:polygon(29.289% 0,70.711% 0,100% 29.289%,100% 70.711%,70.711% 100%,29.289% 100%,0 70.711%,0 29.289%);width:76%;transform:rotate(var(--wheel-angle));will-change:transform;background:linear-gradient(112deg,#d8bc97,#c69d70 42%,#d7b990 70%,#bd9165);border:clamp(3px,.35vw,5px) solid #b78e63;position:absolute;top:4%;left:12%;overflow:hidden;box-shadow:inset 0 0 0 2px #efdabe91,4px 7px 10px #4c423957}.garapon-wheel.is-spinning{filter:brightness(1.02)}.wheel-grain{opacity:.33;background:repeating-linear-gradient(176deg,#0000 0 10px,#8f66472b 11px 12px,#0000 13px 23px);position:absolute;inset:0}.wheel-direction{z-index:1;color:#a84e3d;text-shadow:0 1px #f0d0b1;font:500 clamp(22px,3vw,32px)/1 sans-serif;position:absolute;top:15%;left:47%}.wheel-hub{z-index:8;aspect-ratio:1;background:radial-gradient(circle at 32% 26%,#f5f5ef,#aeb4ad 45%,#777f79);border:3px solid #d4d6d0;border-radius:50%;width:13%;position:absolute;top:37%;left:43.5%;box-shadow:inset -3px -3px #707873,2px 3px 4px #382f2873}.machine-stand{z-index:6;filter:drop-shadow(3px 4px 4px #382f285c);width:45%;height:57%;position:absolute;bottom:7%;left:27%}.machine-stand span{clip-path:polygon(41% 0,59% 0,100% 100%,71% 100%,63% 72%,37% 72%,29% 100%,0 100%);background:linear-gradient(90deg,#8c958f,#e5e3dd 43%,#a6ada7 70%,#777f79);position:absolute;inset:0}.machine-stand span:after{content:"";background:#d9ba94;border:3px solid #7e8780;border-bottom:0;border-radius:45px 45px 0 0;width:40%;height:29%;position:absolute;bottom:0;left:30%}.dispense-chute{z-index:4;background:#aeb9b0;border:3px solid #9faaa2;border-radius:4px 12px 12px 4px;width:27%;height:11%;padding:4px;position:absolute;bottom:13%;left:60%;box-shadow:2px 3px 4px #4c42395c}.dispense-chute span{background:#6d766f;border-radius:3px 9px 9px 3px;width:100%;height:100%;display:block}.is-dispensing .dispense-chute{animation:.42s ease-in-out chute-click}.handle-assembly{z-index:10;aspect-ratio:1;width:34%;position:absolute;top:27%;left:33%}.handle{--handle-angle:0deg;cursor:grab;touch-action:none;width:100%;height:100%;transform:rotate(calc(var(--handle-angle) - 35deg));background:0 0;border:0;padding:0;position:relative}.handle:active{cursor:grabbing}.handle-arm{background:linear-gradient(90deg,#7e8580,#d7d9d3 48%,#737c76);border-radius:8px;width:10%;height:47%;position:absolute;top:8%;left:46%;box-shadow:2px 2px 3px #352e2873}.handle-knob{aspect-ratio:1;background:radial-gradient(circle at 32% 27%,#f5dfab,#c89350 48%,#8b5c32);border:3px solid #c7b07d;border-radius:50%;width:31%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset -3px -3px #855b36,2px 3px 4px #382e2773}.handle-cap{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#f4f2ec,#a8afa9 47%,#757c77);border:4px solid #d4d7d1;border-radius:50%;width:33%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -3px -3px #717975,2px 3px #4e5751}.handle-hint{color:#685a4d;letter-spacing:.16em;font:500 8px DM Mono,monospace;position:absolute;bottom:1%;right:-2%}.tray-area{z-index:10;background:#7e6954;border:3px solid #dbd9ce;border-radius:7px 7px 12px 12px;width:min(88%,390px);min-height:57px;padding:7px 10px;box-shadow:inset 0 5px #9e866c,0 4px 4px #5c4c3d55}.tray-title{color:#f5eee2;gap:5px;font-size:10px;font-weight:700;display:flex}.tray-title>span{color:#e9bc56}.tray-title small{color:#e6d9c7;margin-left:auto;font-size:9px;font-weight:500}.result-tray{align-items:center;gap:7px;min-height:35px;padding:4px 1px 0;display:flex;overflow-x:auto}.play-panel{z-index:3;background:#f3efe6e8;border-left:1px solid #9aaba171;align-self:stretch;min-width:0;padding:15px 17px 10px}.remaining-total{color:#52665b;justify-content:flex-end;align-items:baseline;display:flex}.remaining-total span{color:#718377;margin-right:auto;font-size:10px;font-weight:700}.remaining-total strong{color:#314a3e;font:500 24px/1 DM Mono,monospace}.remaining-total em{margin-left:2px;font-size:10px;font-style:normal}.draw-section{margin-top:10px}.draw-section h1{color:#334c41;letter-spacing:-.07em;margin:5px 0 0;font-size:clamp(14px,1.55vw,19px);line-height:1.28}.draw-options{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.draw-option{color:#4d6257;cursor:pointer;background:#fbfaf5;border:1px solid #9bad9f;border-radius:4px;min-height:44px}.draw-option strong{font:500 17px/1 DM Mono,monospace;display:block}.draw-option span{font-size:9px}.draw-option.is-selected{color:#f7f5eb;background:#496c5b;border-color:#3f6252;box-shadow:inset 0 0 0 1px #dbe7dc}.draw-option:disabled{opacity:.38;cursor:not-allowed}.stock-warning{color:#b5524e;min-height:13px;margin:5px 0 0;font-size:9px}.reveal-stage{border-top:1px solid #aab7ac;place-items:center;min-height:76px;margin-top:10px;display:grid}.reveal-empty{color:#7b8d81;text-align:center;margin:0;font-size:10px;line-height:1.55}.reveal-actions{margin-top:6px}.secondary-button{color:#f9f5e8;cursor:pointer;background:#496c5b;border:1px solid #4b6c5c;border-radius:4px;width:100%;padding:7px;font-size:10px;font-weight:700}.secondary-button:disabled{color:#829087;cursor:not-allowed;background:#e0e1d9;border-color:#acb9b0}.prize-counter{background:linear-gradient(90deg,#b9916c,#d4b38e 25%,#c09a75 52%,#d8ba96 76%,#b9916c);border-top:4px solid #a68464;padding:12px 4.8% 0;position:relative;box-shadow:inset 0 8px #e0c19e,inset 0 -9px #956f53}.prize-counter:after{content:"";background:#9b7659;border-radius:8px 8px 0 0;height:12px;position:absolute;bottom:0;left:4%;right:4%}.counter-heading{color:#fff8eb;justify-content:space-between;align-items:center;display:flex}.counter-heading h2{letter-spacing:-.06em;margin:1px 0 0;font-size:15px}.last-one-status{color:#fff4bf;background:#5e5143a3;border:1px solid #f8df91;border-radius:3px;margin:0;padding:4px 7px;font-size:9px}.inventory-list{grid-template-columns:repeat(4,1fr);gap:9px;margin:9px 4% 0;display:grid}.inventory-row{background:#fbfaf6;border:4px solid #f5f0e5;grid-template-rows:auto auto;grid-template-columns:16px 1fr auto;min-height:104px;padding:8px 7px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 4px #5b403271}.inventory-row:before{content:"";z-index:0;aspect-ratio:1;opacity:.19;background:var(--poster-color);border-radius:50%;width:67%;position:absolute;top:34%;right:-11%}.inventory-row:first-child{--poster-color:#d46a53}.inventory-row:nth-child(2){--poster-color:#e0ba44}.inventory-row:nth-child(3){--poster-color:#4c9dbd}.inventory-row:nth-child(4){--poster-color:#dc92a9}.grade-dot,.inventory-copy,.inventory-meta{z-index:1;position:relative}.grade-dot{aspect-ratio:1;background:var(--grade-color);width:13px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--grade-color);border-radius:50%;grid-row:1/span 2;margin-top:1px}.inventory-copy{min-width:0}.inventory-copy strong{color:#435c50;font-size:10px;display:block}.inventory-copy span{color:#56675e;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;line-height:1.25;display:block;overflow:hidden}.inventory-meta{text-align:right;grid-area:1/3/span 2;align-self:end}.inventory-meta strong{color:#3a5145;font:500 15px/1 DM Mono,monospace;display:block}.inventory-meta small{color:#809188;font-size:7px}.inventory-meta span{color:#64786d;font:8px DM Mono,monospace}.mystery-ball{aspect-ratio:1;cursor:pointer;background:linear-gradient(#f6f4ec 0 48%,#9ba8a3 49% 52%,#788883 53%);border:1px solid #fffefa;border-radius:50%;flex:0 0 30px;width:30px;padding:0;position:relative;overflow:visible;box-shadow:inset 3px 3px 4px #fff8,inset -4px -4px 5px #32443d55,1px 2px 4px #3d302660}.mystery-ball__shine{background:#fff9;border-radius:50%;width:25%;height:20%;position:absolute;top:11%;left:19%}.mystery-ball__seam{background:#52665d99;width:100%;height:5%;position:absolute;top:48%;left:0}.mystery-ball__note{opacity:0;background:#fdfbf3;border-radius:2px;width:60%;height:39%;transition:all .26s;position:absolute;top:31%;left:20%;transform:scale(.25)rotate(-12deg)}.mystery-ball.is-open .mystery-ball__note{opacity:1;transform:translateY(-15px)scale(1)rotate(-2deg)}.mystery-ball.grade-gold .mystery-ball__note{background:#ffd23f;box-shadow:0 0 12px #ffd23f}.mystery-ball.grade-violet .mystery-ball__note{background:#b565f5;box-shadow:0 0 11px #b565f5}.mystery-ball.grade-blue .mystery-ball__note{background:#4d9bff;box-shadow:0 0 10px #4d9bff}.mystery-ball.grade-green .mystery-ball__note{background:#4ade80;box-shadow:0 0 10px #4ade80}.capsule-arrive{animation:.42s cubic-bezier(.2,.8,.25,1.3) both capsule-arrive}.reveal-card{border:1px solid var(--reveal-color);background:color-mix(in srgb, var(--reveal-color) 12%, #fbfaf4);width:100%;box-shadow:0 0 12px color-mix(in srgb, var(--reveal-color) 35%, transparent);text-align:center;border-radius:5px;padding:8px;animation:.34s ease-out both reveal-card}.reveal-card span{color:var(--reveal-color);letter-spacing:.12em;font:600 9px DM Mono,monospace;display:block}.reveal-card strong{color:#3c554a;letter-spacing:-.06em;margin:3px 0;font-size:13px;display:block}.reveal-card small{color:#778b80;font-size:8px}.result-summary{text-align:center;background:#faf9f2;border:1px solid #aebdb1;border-radius:4px;width:100%;padding:7px}.result-summary>span{color:#7d9084;letter-spacing:.1em;font:8px DM Mono,monospace}.result-summary strong{color:#476854;font-size:13px;display:block}.result-summary p,.result-summary small{color:#71857a;margin:2px 0 0;font-size:8px}.last-one-reveal{font-weight:700;color:#9a6e25!important;margin:4px 0 0!important}@keyframes chute-click{35%{transform:scale(.84)}70%{transform:scale(1.08)}}@keyframes capsule-arrive{0%{opacity:0;transform:translateY(-38px)rotate(-105deg)scale(.35)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes reveal-card{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (aspect-ratio>=5/3){.tablet-stage{width:min(1200px,166.667svh)}}@media (width<=700px),(aspect-ratio<=1){.app-shell{display:block}.tablet-stage{grid-template-rows:105px auto auto;width:100%;height:auto;min-height:100svh}.counter-stage{grid-template-columns:20% 49% 31%;min-height:430px}.event-board{width:78%}.garapon-machine{--machine-height:min(60vw, 290px)}.prize-counter{min-height:220px}.inventory-list{gap:5px;margin-left:0;margin-right:0}.inventory-row{min-height:90px;padding:6px 4px}.inventory-copy span{font-size:8px}.inventory-meta strong{font-size:12px}}