:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f7ff;background:#02040a;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 14%,#0ea5e929,#0000 26rem),radial-gradient(circle at 87% 82%,#0284c721,#0000 24rem),#02040a;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow-x:hidden}body:before{z-index:0;content:"";opacity:.32;background-image:linear-gradient(#38bdf80e 1px,#0000 1px),linear-gradient(90deg,#38bdf80e 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 78%);mask-image:radial-gradient(#000,#0000 78%)}#app{z-index:1;width:100%;max-width:1280px;padding:28px;position:relative}.hero-banner{isolation:isolate;background:radial-gradient(circle at 76% 44%,#0ea5e94f,#0000 22%),linear-gradient(112deg,#020711 0%,#061d35 60%,#062949 100%);border:1px solid #38bdf8ad;border-radius:22px;align-items:flex-end;min-height:clamp(220px,29vw,348px);margin-bottom:28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #bae6fd1f,0 0 32px #0ea5e938,0 20px 44px #00000059}.hero-banner:after{z-index:-1;content:"";background:linear-gradient(90deg,#010610f2 0%,#020712b8 40%,#02071214 75%);position:absolute;inset:0}.hero-banner__image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-banner__art{z-index:-2;position:absolute;inset:0;overflow:hidden}.hero-banner__image:not([hidden])~.hero-banner__art{opacity:0}.hero-banner__orb{background:radial-gradient(circle at 32% 28%,#e0f7ff,#38bdf8 15%,#0ea5e975 32%,#082f491a 65%);border:1px solid #bae6fdbf;border-radius:50%;display:block;position:absolute;box-shadow:0 0 20px #38bdf8,0 0 65px #0ea5e9cc,inset -22px -24px 34px #020617c2}.hero-banner__orb--large{aspect-ratio:1;width:clamp(200px,30vw,370px);bottom:-34%;right:8%}.hero-banner__orb--small{aspect-ratio:1;opacity:.72;width:clamp(48px,8vw,100px);top:20%;right:32%}.hero-banner__grid{transform-origin:bottom;background-image:linear-gradient(#7dd3fc57 1px,#0000 1px),linear-gradient(90deg,#7dd3fc57 1px,#0000 1px);background-size:26px 26px;width:65%;height:100%;position:absolute;bottom:-38%;right:-10%;transform:perspective(440px)rotateX(58deg)rotate(-8deg);-webkit-mask-image:linear-gradient(#0000,#000 38%);mask-image:linear-gradient(#0000,#000 38%)}.hero-banner__content{z-index:1;max-width:620px;padding:clamp(26px,4vw,50px);position:relative}.hero-banner__eyebrow{color:#7dd3fc;letter-spacing:.16em;margin:0 0 9px;font-size:11px;font-weight:800}.hero-banner h1{color:#f0fbff;letter-spacing:-.045em;text-shadow:0 0 26px #38bdf894;margin:0;font-size:clamp(30px,5vw,58px);line-height:.98}.hero-banner__content>p:not(.hero-banner__eyebrow){color:#b8dcea;margin:16px 0 18px;font-size:clamp(13px,1.6vw,16px)}.hero-banner__image-note{color:#bfeaff;letter-spacing:.12em;background:#02142794;border:1px solid #7dd3fc8f;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 12px #38bdf82b}.pinball-layout{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.board-panel{background:linear-gradient(135deg,#0a2a46 0%,#061323 46%,#081d33 100%);border:1px solid #38bdf8db;border-radius:24px;flex:640px;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #bae6fd2e,0 0 20px #0ea5e959,0 0 58px #0284c740,0 22px 48px #0000008c}.board-panel:after{pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(120deg,#ffffff2e,#0000 18% 78%,#38bdf821);position:absolute;inset:0}#board{z-index:1;touch-action:none;cursor:ns-resize;border:1px solid #7dd3fc73;border-radius:15px;width:100%;height:auto;display:block;position:relative;box-shadow:inset 0 0 22px #0ea5e92e}.side-panel{flex-direction:column;flex:0 0 310px;gap:14px;display:flex}.side-panel h1{color:#e0f7ff;letter-spacing:.035em;text-shadow:0 0 16px #38bdf8a6;margin:0;font-size:23px;font-weight:800}.side-panel .tag{color:#7dd3fc;letter-spacing:.08em;vertical-align:middle;background:#082f49b3;border:1px solid #38bdf8b3;border-radius:999px;margin-left:7px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:inset 0 0 12px #0ea5e93d}.board-refresh{color:#e0f7ff;cursor:pointer;width:100%;font:inherit;text-align:left;background:linear-gradient(120deg,#082f49e6,#040e1ceb);border:1px solid #7dd3fc8c;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:750;transition:all .18s;display:flex;box-shadow:inset 0 0 15px #0ea5e929}.board-refresh>span:first-child{color:#38bdf8;text-shadow:0 0 12px #38bdf8cc;font-size:24px;font-weight:400;line-height:1}.board-refresh small{color:#7faec6;margin-top:2px;font-size:10px;font-weight:600;display:block}.board-refresh:hover:not(:disabled){border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 0 15px #0ea5e96b,inset 0 0 18px #0ea5e938}.board-refresh:focus-visible{outline-offset:3px;outline:2px solid #e0f7ff}.board-refresh:disabled{opacity:.46;cursor:not-allowed}.hint{color:#9bc6db;margin:0;font-size:13px;line-height:1.6}.result-banner{--glow:#38bdf8;color:#b9e9ff;text-align:center;background:linear-gradient(140deg,#081f35eb,#040b17eb);border:1px dashed #7dd3fc8c;border-radius:14px;padding:16px;font-size:17px;font-weight:750;transition:all .2s;box-shadow:inset 0 0 18px #0ea5e914}.result-banner.rolling{color:#e0f7ff;background:linear-gradient(120deg,#06233d,#071225);border-color:#38bdf8;box-shadow:0 0 20px #0ea5e96b,inset 0 0 22px #0ea5e933}.result-banner.win{border-color:var(--glow);color:#f0fbff;box-shadow:0 0 20px color-mix(in srgb, var(--glow) 54%, transparent), 0 0 20px color-mix(in srgb, var(--glow) 20%, transparent) inset;background:linear-gradient(120deg,#082f49fa,#051223fa)}.prize-panel{background:linear-gradient(145deg,#071628f5,#030913f5);border:1px solid #38bdf847;border-radius:14px;padding:15px 16px;box-shadow:inset 0 0 24px #0284c717,0 12px 28px #00000047}.prize-panel h2{color:#d5f3ff;letter-spacing:.12em;margin:0 0 11px;font-size:12px;font-weight:800}.prize-panel ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.prize-panel li{color:#c9e9f7;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.prize-panel li.depleted{opacity:.36;text-decoration:line-through}.prize-panel .dot{background:var(--prize-glow);width:9px;height:9px;box-shadow:0 0 9px var(--prize-glow), 0 0 2px var(--prize-glow);border-radius:50%}.prize-panel .name,.prize-panel .prob{color:var(--prize-glow);text-shadow:0 0 8px color-mix(in srgb, var(--prize-glow) 42%, transparent)}.prize-panel .count{color:#7198ad;font-variant-numeric:tabular-nums}.prize-panel .prob{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-weight:700}@media (width<=720px){#app{padding:16px}.pinball-layout{gap:20px}.hero-banner{border-radius:18px;min-height:258px;margin-bottom:20px}.hero-banner:after{background:linear-gradient(90deg,#010610eb,#020712a3)}.hero-banner__content{padding:26px}.hero-banner__orb--large{bottom:-17%;right:-9%}.hero-banner__orb--small{right:41%}.board-panel{border-radius:18px;flex-basis:100%;padding:7px}.side-panel{flex-basis:100%}}