.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#16203a,#0a0d16 72%);font-family:Barlow,system-ui,sans-serif;color:#fff;overflow:auto}.menu-scroll{width:min(92%,760px);padding:3% 0}.menu-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(28px,5vw,52px);letter-spacing:.04em;text-align:center;margin:0 0 4%;text-shadow:0 6px 30px rgba(0,0,0,.6)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,36px)}@media (max-width: 620px){.menu-grid{grid-template-columns:1fr}}.field-label{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.12em;font-size:clamp(11px,1.5vw,14px);opacity:.7;margin-bottom:6px}.menu-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#080c16b3;color:#fff;font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.menu-input:focus{outline:none;border-color:#4ad6ff}.seg{display:flex;gap:8px}.seg-wrap{flex-wrap:wrap}.seg-btn{flex:1;min-width:0;padding:10px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#080c1699;color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.06em;font-size:clamp(13px,1.7vw,17px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:filter .12s ease,border-color .12s ease}.seg-btn.sm{flex:0 0 auto;padding:8px 14px}.seg-btn:hover{filter:brightness(1.12)}.seg-btn.on{border-color:#fff;background:#ffffff29}.dot-chip{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.3)}.gk-head{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.14em;font-size:clamp(14px,2vw,20px);margin-bottom:8px}.gk-preview{position:relative;width:100%;height:clamp(150px,26vw,210px);overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#2f7d33,#1f5e26);border:1px solid rgba(255,255,255,.12);margin-bottom:14px}.gk-pitch{position:absolute;bottom:0;top:auto;height:33%;left:50%;width:900px;transform:translate(-50%)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #4ad6ff}.menu-play{display:block;width:100%;margin-top:6%;padding:16px;border:none;border-radius:14px;background:linear-gradient(180deg,#6ce98a,#34c75e);color:#06121f;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(20px,3vw,28px);letter-spacing:.06em;cursor:pointer;transition:transform .08s ease,filter .15s ease}.menu-play:hover{filter:brightness(1.06)}.menu-play:active{transform:translateY(1px) scale(.995)}.menu-back{position:absolute;top:3%;left:50%;transform:translate(-50%);z-index:20;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0e1018b8;color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.06em;font-size:clamp(11px,1.5vw,16px);cursor:pointer;pointer-events:auto}.menu-back:hover{filter:brightness(1.15)}.stage{position:relative;width:min(100vw,177.78vh);height:min(56.25vw,100vh);overflow:hidden;box-shadow:0 0 80px #000000b3;background:#0a0d16}.net-bulge{animation:netbulge .48s cubic-bezier(.2,.9,.3,1)}@keyframes netbulge{0%{transform:translate(-50%,-50%) scale(.15);opacity:.85}45%{transform:translate(-50%,-50%) scale(1.05);opacity:.6}to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@keyframes rbpop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.burst-ring{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:4px solid rgba(255,226,120,.9);transform:translate(-50%,-50%);animation:burstring .6s ease-out forwards}@keyframes burstring{0%{width:10px;height:10px;opacity:1}to{width:220px;height:220px;opacity:0}}.confetti{position:absolute;left:0;top:0;width:9px;height:14px;border-radius:2px;transform:translate(-50%,-50%);animation:confettifly .85s cubic-bezier(.15,.7,.3,1) forwards}@keyframes confettifly{0%{transform:translate(-50%,-50%) rotate(0) scale(1.1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(.4);opacity:0}}.feather{position:absolute;left:0;top:0;width:13px;height:8px;border-radius:80% 15%/65% 35%;box-shadow:inset 0 0 0 1px #0000000f;transform:translate(-50%,-50%);animation:featherfly 1.2s cubic-bezier(.25,.6,.4,1) forwards}@keyframes featherfly{0%{transform:translate(-50%,-50%) rotate(0) scale(1.1);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(.7);opacity:0}}.prize-pop{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:prizepop .56s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes prizepop{0%{transform:translate(-50%,-30%) scale(.2);opacity:0}60%{transform:translate(-50%,-60%) scale(1.15);opacity:1}to{transform:translate(-50%,-55%) scale(1);opacity:1}}.prize-art{width:64px;height:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.prize-label{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.06em;font-size:clamp(13px,1.9vw,20px);color:#ffe27a;text-shadow:0 2px 10px rgba(0,0,0,.7);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important}}html,body{margin:0;height:100%;background:#05070d;overflow:hidden;font-family:Barlow,system-ui,sans-serif;color-scheme:dark}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box}