*{margin:0;padding:0;box-sizing:border-box}:root{--page-theme:#63bde8;--red:#e60023;--red-dark:#b8001c;--gold:#c9a54d;--ink:#1a1a1a;--latex:#e8823f;--latex-dark:#c05f1d;--membrane:#2f7d33;--membrane-dark:#1f5c24}body,html{height:100%;overscroll-behavior:none;background-color:var(--page-theme)}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:var(--page-theme);color:#fff;-webkit-font-smoothing:antialiased;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.stage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;touch-action:none;background:radial-gradient(120% 90% at 50% 30%,color-mix(in srgb,var(--variant,var(--red)) 82%,#fff) 0,var(--variant,var(--red)) 55%,var(--variant-dark,var(--red-dark)) 100%)}.stage>:not(.ultra-background){z-index:1}.ultra-background{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 24%,rgba(255,37,151,.72) 0 8%,transparent 29%),radial-gradient(circle at 78% 70%,rgba(111,26,255,.68) 0 7%,transparent 31%),conic-gradient(from 30deg at 50% 50%,transparent 0 12%,rgba(255,113,28,.34) 20%,transparent 32% 55%,rgba(180,35,255,.38) 68%,transparent 82%);background-size:180% 180%,200% 200%,220% 220%;filter:saturate(1.35);transform:translateZ(0);will-change:background-position}.stage[data-thickness="001"] .ultra-background{opacity:.78;animation:ultracode-flow 4.33s linear infinite}@keyframes ultracode-flow{0%{background-position:0 18%,100% 72%,50% 50%}50%{background-position:86% 62%,14% 28%,56% 44%}to{background-position:0 18%,100% 72%,50% 50%}}.stage[data-thickness="001"] .brand h1{color:transparent;background:linear-gradient(90deg,#ff315d,#ff9b32,#fff16a,#50efc5,#61a5ff,#c45cff,#ff315d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 18px rgba(255,112,209,.4);animation:ultracode-rainbow 3.2s linear infinite;will-change:background-position;font-feature-settings:"kern" off;font-kerning:none;letter-spacing:.22em;text-indent:0}@keyframes ultracode-rainbow{to{background-position:-300% 0}}.intro-cover{position:absolute;inset:0;overflow:hidden;color:#fff;text-align:center}.intro-title-group{position:absolute;top:43%;left:50%;width:calc(100% - 32px);transform:translate(-50%,-50%);animation:intro-title-travel 5s cubic-bezier(.7,0,.2,1) both}.intro-title-group h1{font-size:clamp(30px,8vw,40px);font-weight:900;letter-spacing:.35em;text-indent:.35em;white-space:nowrap;animation:intro-title-size 5s cubic-bezier(.7,0,.2,1) both}.intro-title-group p{margin-top:10px;font-size:clamp(11px,3vw,14px);letter-spacing:.18em;text-indent:.18em;line-height:1.7;animation:intro-copy-away 5s ease both}.intro-description{top:61%;left:16px;right:16px;font-size:clamp(17px,4.8vw,23px);text-indent:.12em;line-height:1.75;animation:intro-copy-away 5s ease both}.intro-description,.intro-skip{position:absolute;font-weight:900;letter-spacing:.12em}.intro-skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;right:14px;bottom:max(18px,env(safe-area-inset-bottom));min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.64);border-radius:999px;color:#fff;background:rgba(10,28,40,.16);font-size:10px;cursor:pointer}@keyframes intro-title-travel{0%,68%{top:43%;left:50%;width:calc(100% - 32px);transform:translate(-50%,-50%);text-align:center}to{top:max(16px,env(safe-area-inset-top));left:16px;width:calc(100% - 32px);transform:translate(0);text-align:left}}@keyframes intro-title-size{0%,68%{font-size:clamp(30px,8vw,40px);letter-spacing:.35em;text-indent:.35em}to{font-size:18px;letter-spacing:.2em;text-indent:0}}@keyframes intro-copy-away{0%,65%{opacity:1}82%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.intro-description,.intro-title-group,.intro-title-group h1,.intro-title-group p{animation:none}}.select-scene{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.select-copy{text-align:center;font-size:15px;font-weight:800;letter-spacing:.2em;text-indent:.2em}.select-heading{display:flex;flex-direction:column;gap:4px}.carousel{--spread:min(150px,38vw);position:relative;width:min(420px,100vw);height:330px;perspective:900px;touch-action:none;cursor:-webkit-grab;cursor:grab}.carousel.dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel .pack{transition:transform .35s cubic-bezier(.22,1.1,.36,1),filter .35s ease}.carousel.dragging .pack{transition:filter .35s ease}.pack{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;position:absolute;left:50%;top:50%;width:166px;height:282px;padding:0;background:transparent;color:#fff;filter:drop-shadow(0 24px 22px rgba(0,0,0,.38)) brightness(1) saturate(1);-webkit-filter:drop-shadow(0 24px 22px rgba(0,0,0,.38)) brightness(1) saturate(1);overflow:visible}.pack:not(.focused){filter:drop-shadow(0 18px 17px rgba(0,0,0,.3)) brightness(.5) saturate(.75);-webkit-filter:drop-shadow(0 18px 17px rgba(0,0,0,.3)) brightness(.5) saturate(.75)}.pack-face:after{content:"";position:absolute;inset:2px;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.12) 48%,transparent 60%);pointer-events:none}.pack-face{position:absolute;inset:0 14px 0 0;background:#ed001c;border:2px solid #f4f0e8;box-shadow:inset -2px 0 rgba(0,0,0,.08);overflow:hidden;z-index:2}.pack-mark{top:8px;right:6px;width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,#ffed61,#e3b900 60%,#fff16a);color:#b79900;font-family:Georgia,serif;font-size:27px;font-style:italic;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}.pack-brand,.pack-mark{position:absolute;font-weight:900}.pack-brand{top:72px;left:14px;text-align:left;font-size:9px;letter-spacing:.1em;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.25)}.pack-brand small{display:block;font-size:8px;font-weight:800;letter-spacing:.06em;margin-top:2px}.pack-num{position:absolute;top:96px;left:0;right:0;bottom:40px;pointer-events:none}.pack-num .num-zero{position:absolute;top:2px;left:12px;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:66px;font-weight:300;letter-spacing:-.1em;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.22)}.pack-num .num-one{position:absolute;right:3px;bottom:-15px;font-family:Didot,Bodoni 72,Times New Roman,serif;font-size:174px;font-weight:400;letter-spacing:-.12em;line-height:1;text-shadow:0 3px 6px rgba(0,0,0,.25)}.pack-count{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);background:#fff;color:#ed001c;border-radius:999px;padding:4px 21px 3px;font-size:11px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.pack-side{position:absolute;top:4px;right:0;width:16px;height:calc(100% - 1px);color:#fff;background:linear-gradient(90deg,#b90018,#d9001d);border:2px solid #e9e5dd;border-left:0;transform:skewY(14deg);transform-origin:left top;z-index:1;overflow:hidden}.pack-side b{top:76px;font-family:Didot,Georgia,serif;font-size:18px;font-weight:400}.pack-side b,.pack-side small{position:absolute;left:50%;writing-mode:vertical-rl;transform:translateX(-50%)}.pack-side small{bottom:12px;font-size:5px;letter-spacing:.1em}.pack.zero-one .pack-face{top:8px;right:22px;height:calc(100% - 13px);background:linear-gradient(160deg,#ff3340,#ed001c 42%,#e4001b);border-width:3px;box-shadow:inset -5px 0 6px rgba(112,0,12,.13),inset 0 -4px 5px rgba(112,0,12,.08)}.pack.zero-one:before{content:"";position:absolute;top:0;left:2px;width:142px;height:13px;background:linear-gradient(180deg,#ff5360,#db0019);border:3px solid #f4f0e8;-webkit-clip-path:polygon(0 65%,9% 0,100% 25%,95% 100%);clip-path:polygon(0 65%,9% 0,100% 25%,95% 100%);z-index:4}.pack.zero-one:after{content:"";position:absolute;left:3px;bottom:0;width:141px;height:8px;background:#c90018;border:2px solid #ece8e0;-webkit-clip-path:polygon(0 0,100% 0,94% 100%,7% 100%);clip-path:polygon(0 0,100% 0,94% 100%,7% 100%);z-index:3}.pack.zero-one .zero-one-spec{position:absolute;top:8px;left:2px;width:123px;height:77px;padding:7px 0 0 10px;color:#fff;background:#211f20;border-top:3px solid #f5f2ec;border-bottom:3px solid #f5f2ec;-webkit-clip-path:polygon(0 0,100% 0,76% 100%,0 100%);clip-path:polygon(0 0,100% 0,76% 100%,0 100%);text-align:left;z-index:3}.pack.zero-one .zero-one-spec b{display:block;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:13px;font-weight:700;line-height:1.05;letter-spacing:.03em}.pack.zero-one .zero-one-spec strong{position:absolute;left:0;bottom:13px;width:100px;height:14px;padding-left:11px;background:#f20b26;font-size:9px;line-height:14px;letter-spacing:.12em}.pack.zero-one .zero-one-spec small{position:absolute;left:11px;bottom:1px;color:#222;font-size:6px;letter-spacing:.16em;z-index:1}.pack.zero-one .pack-mark{top:9px;right:7px;width:29px;height:34px;border-radius:7px}.pack.zero-one .pack-brand{top:91px;left:14px;font-size:9px;letter-spacing:.14em}.pack.zero-one .pack-brand small{margin-top:4px;font-size:11px;letter-spacing:.03em}.pack.zero-one .pack-num{top:121px;bottom:32px}.pack.zero-one .pack-num .num-zero{top:2px;font-size:63px}.pack.zero-one .pack-num .num-one{right:1px;bottom:-9px;font-size:159px}.pack.zero-one .pack-count{bottom:17px;padding-inline:22px}.pack.zero-one .pack-side{top:11px;right:0;width:24px;height:calc(100% - 12px);background:linear-gradient(90deg,#a90015,#d5001b 72%,#b60017);border-width:3px;transform:skewY(12deg);box-shadow:inset 5px 0 7px rgba(77,0,9,.22)}.pack.zero-one .pack-side b{font-size:21px}.pack.zero-one .pack-side small{font-size:6px}.pack.zero-one{width:152px}.pack.zero-one .pack-face{inset:0;width:100%;height:100%;box-shadow:none}.pack.zero-one .pack-side,.pack.zero-one:after,.pack.zero-one:before{display:none}.pack.zero-one .pack-mark{top:17px}.pack.zero-one .pack-brand{top:99px}.pack.zero-one .pack-num{top:129px}.pack.zero-one.tone-2 .pack-face{background:linear-gradient(160deg,#ffe46a,#efc326 44%,#d9a811);border-color:#fff8d7}.pack.zero-one.tone-2 .zero-one-spec strong{background:#e6b512;color:#17140b}.pack.zero-one.tone-2 .pack-brand,.pack.zero-one.tone-2 .pack-num{color:#19170f;text-shadow:none}.pack.zero-one.tone-2 .pack-count{color:#9a7200}.pack.zero-one.tone-2 .pack-mark{background:linear-gradient(135deg,#25231c,#050505);color:#f1c82e}.pack.zero-one.tone-3 .pack-face{background:linear-gradient(160deg,#9ce1f6,#5fc4ea 44%,#2e9fd1);border-color:#eafaff}.pack.zero-one.tone-3 .zero-one-spec strong{background:#49b8e4;color:#092131}.pack.zero-one.tone-3 .pack-brand,.pack.zero-one.tone-3 .pack-num{color:#073149;text-shadow:none}.pack.zero-one.tone-3 .pack-count{color:#147fac}.pack.zero-one.tone-3 .pack-mark{background:linear-gradient(135deg,#effcff,#bcecff);color:#167ba8}.pack.zero-two{width:152px}.pack.zero-two .pack-face{inset:0;width:100%;height:100%;border:3px solid #d9c068;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(104,243,255,.48) 31px 34px,transparent 34px 62px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(255,143,83,.42) 35px 38px,transparent 38px 70px),linear-gradient(125deg,#8d741e,#d7b847 20%,#9b7f20 44%,#e5c95e 66%,#94771d);box-shadow:inset 0 0 18px rgba(255,244,175,.6)}.pack.zero-two .pack-face:after{background:linear-gradient(108deg,transparent 12%,rgba(92,242,255,.4) 24%,transparent 37%,rgba(255,154,87,.38) 57%,transparent 73%,rgba(178,127,255,.32) 88%)}.pack.zero-two .pack-face>.pack-brand,.pack.zero-two .pack-face>.pack-count,.pack.zero-two .pack-face>.pack-mark,.pack.zero-two .pack-face>.pack-num,.pack.zero-two .pack-side{display:none}.zero-two-design,.zero-two-front-label{position:absolute;display:block}.pack .zero-two-design{inset:0;color:#202124}.pack .zero-two-front-label{top:57px;left:23px;width:106px;height:120px;padding-top:10px;background:#171714;border:2px solid #d5b646;box-shadow:0 2px 7px rgba(25,18,0,.38);color:#d9b84a;text-align:center}.pack .zero-two-front-label b{display:block;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:48px;font-weight:400;line-height:.9;letter-spacing:-.08em}.pack .zero-two-front-label small{display:block;margin-top:4px;font-size:6px;letter-spacing:.12em}.pack .zero-two-front-label strong{display:block;margin-top:3px;font-size:12px;line-height:1;letter-spacing:-.04em}.pack .zero-two-front-label em{display:block;margin:7px auto 0;width:82px;padding:3px 0 2px;border-radius:999px;background:#f7f7f4;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em}.zero-two-count{position:absolute;border-radius:999px;background:rgba(16,18,21,.9);color:#fff;text-align:center;font-weight:800}.pack .zero-two-count{top:190px;left:45px;width:64px;padding:7px 0 6px;font-size:13px}.zero-two-made{position:absolute;font-weight:900;letter-spacing:.08em;white-space:nowrap}.pack .zero-two-made{top:226px;left:31px;font-size:8px;color:#171714}.zero-two-mark{position:absolute;display:grid;place-items:center;border-radius:8px;background:#282b35;color:#ef334e;font:italic 27px Georgia,serif}.pack .zero-two-mark{top:10px;right:9px;width:31px;height:31px}.dots{display:flex;gap:8px}.dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .2s ease,transform .2s ease}.dots span.on{background:#fff;transform:scale(1.3)}.start-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:#fff;color:var(--variant,var(--red));font-size:14px;font-weight:900;letter-spacing:.18em;text-indent:.18em;padding:14px 36px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:transform .15s ease;margin-top:2px}.start-btn:active{transform:scale(.95)}.brand{position:absolute;top:max(20px,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none}.brand-home{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:8px;margin:-8px;min-height:44px;background:transparent;color:inherit;cursor:pointer;pointer-events:auto;border-radius:8px}.brand-home:focus-visible{outline:none}.brand-home:focus-visible h1{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.brand h1{font-size:28px;font-weight:900;letter-spacing:.35em;text-indent:.35em}.brand p{margin-top:4px;font-size:11px;letter-spacing:.25em;text-indent:.25em;opacity:.85}.game-nav{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:6px}.game-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:#fff;background:rgba(10,28,40,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}.game-nav button:focus-visible{outline:3px solid #fff;outline-offset:2px}.game-nav button:active{transform:scale(.96)}.remaining-indicator{position:absolute;bottom:calc(100% + clamp(14px, 2.8dvh, 26px));left:50%;display:flex;align-items:center;transform:translateX(-50%);pointer-events:none;opacity:0;animation:remaining-arrive .18s ease-out .58s forwards}@keyframes remaining-arrive{to{opacity:1}}.remaining-icons{display:flex;justify-content:center;gap:clamp(6px,2vw,10px);min-height:clamp(40px,11vw,48px)}.remaining-packet-icon{position:relative;display:grid;place-items:center;width:clamp(35px,10vw,42px);height:clamp(40px,11.5vw,48px);border:3px solid var(--variant-dark);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--variant) 60%,#fff) 0 1px,var(--variant-dark) 1px 3px) top /100% 5px no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--variant) 60%,#fff) 0 1px,var(--variant-dark) 1px 3px) bottom /100% 5px no-repeat,#090a0c;box-shadow:0 6px 12px rgba(0,0,0,.22)}.remaining-packet-icon b{color:color-mix(in srgb,var(--variant) 72%,#fff);font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:clamp(8px,2.4vw,10px);font-weight:700;letter-spacing:-.06em}.hint{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;padding-inline:16px;font-size:clamp(11px,3.3vw,14px);font-weight:700;letter-spacing:.15em;animation:pulse 1.6s ease-in-out infinite;pointer-events:none}.phase-ad{background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--variant) 58%,#fff) 0,var(--variant) 36%,var(--variant-dark) 100%)}.sponsor-break{width:min(360px,calc(100vw - 36px));display:flex;flex-direction:column;align-items:stretch;gap:14px;animation:sponsor-enter .5s cubic-bezier(.22,1,.36,1) both}@keyframes sponsor-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}}.sponsor-card{position:relative;padding:14px 16px 20px;overflow:hidden;color:#1a1a1a;background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.7) 50%,transparent 58%),#f5f1e8;border:2px solid rgba(255,255,255,.8);border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.3),inset 0 0 0 1px rgba(26,26,26,.08)}.sponsor-card:after,.sponsor-card:before{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--variant-dark) 0 3px,color-mix(in srgb,var(--variant) 58%,#fff) 3px 6px)}.sponsor-card:before{top:0}.sponsor-card:after{bottom:0}.sponsor-masthead{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-top:4px}.sponsor-ad-label{padding:4px 9px;color:#fff;background:#1a1a1a;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}.sponsor-break-label,.sponsor-kicker{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:10px;font-weight:900;letter-spacing:.2em}.sponsor-break-label{color:var(--variant-dark)}.sponsor-creative{height:132px;margin:12px 0 16px}.sponsor-image,.sponsor-placeholder{width:100%;height:100%;border-radius:3px}.sponsor-image{display:block;object-fit:cover}.sponsor-placeholder{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;overflow:hidden;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 44%),var(--variant);border:7px solid var(--variant-dark)}.sponsor-placeholder:after{content:"";position:absolute;top:-26px;right:24px;width:68px;height:190px;background:rgba(255,255,255,.12);transform:rotate(17deg)}.sponsor-placeholder small,.sponsor-placeholder span{font-size:10px;font-weight:900;letter-spacing:.24em}.sponsor-placeholder strong{margin:2px 0;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:38px;line-height:1;letter-spacing:-.04em}.sponsor-placeholder small{opacity:.72}.sponsor-kicker{color:var(--variant-dark)}.sponsor-card h2{margin-top:5px;font-size:26px;font-weight:900;letter-spacing:.02em}.sponsor-copy{margin-top:8px;color:#4e4b45;font-size:13px;font-weight:700;line-height:1.65}.sponsor-continue,.sponsor-cta{min-height:48px;display:grid;place-items:center;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.12em;text-indent:.12em;text-decoration:none}.sponsor-cta{margin-top:16px;color:#fff;background:var(--variant-dark)}.sponsor-continue{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.75);color:var(--variant-dark);background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.24);cursor:pointer}.sponsor-continue:focus-visible,.sponsor-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.sponsor-continue:active,.sponsor-cta:active{transform:scale(.98)}@media (max-height:700px){.sponsor-break{gap:10px;transform:translateY(18px)}.sponsor-card{padding:12px 14px 16px}.sponsor-creative{height:104px;margin:8px 0 12px}.sponsor-card h2{font-size:22px}.sponsor-copy{margin-top:5px;line-height:1.5}.sponsor-cta{margin-top:10px}}@media (prefers-reduced-motion:reduce){.sponsor-break{animation:none}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.box-carousel{--box-spread:min(240px,56vw);position:relative;width:min(430px,100vw);height:clamp(400px,58dvh,540px);perspective:900px;touch-action:none;cursor:-webkit-grab;cursor:grab}.box-carousel.dragging{cursor:-webkit-grabbing;cursor:grabbing}.box-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:50%;left:50%;width:252px;height:346px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:transform .35s cubic-bezier(.22,1.1,.36,1),filter .35s ease,opacity .35s ease}.box-carousel.dragging .box-option{transition:filter .35s ease,opacity .35s ease}.box-option:not(.focused){filter:brightness(.52) saturate(.72);opacity:.72}.box-float{position:absolute;inset:0;display:block;animation:float 2.4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.box-option.shaking .box-float{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg) scale(1.03)}40%{transform:rotate(6deg) scale(1.06)}60%{transform:rotate(-4deg) scale(1.06)}80%{transform:rotate(3deg) scale(1.03)}}.box{display:block;width:252px;height:346px;color:#fff;position:relative;filter:drop-shadow(0 27px 25px rgba(0,0,0,.38));transform:perspective(900px) rotateY(-2deg)}.box-film{position:absolute;inset:-5px;z-index:6;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:3px;background:linear-gradient(112deg,transparent 15%,rgba(255,255,255,.26) 31%,transparent 43% 67%,rgba(255,255,255,.14) 76%,transparent 88%);box-shadow:inset 0 0 10px rgba(255,255,255,.12),0 0 1px rgba(255,255,255,.72);pointer-events:none;transform-origin:100% 0}.box-film:after{content:"";position:absolute;top:-2px;right:-1px;width:32px;height:24px;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.08));-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}.box-option.shaking .box-film{animation:film-peel .5s cubic-bezier(.6,0,1,.5) forwards}@keyframes film-peel{0%{opacity:1;transform:rotate(0) scale(1)}55%{opacity:.9;transform:rotate(7deg) scale(1.03)}to{opacity:0;transform:translate(55px,-46px) rotate(24deg) scale(.82)}}.box-face,.box-side{display:block}.box-dots{position:absolute;bottom:max(72px,calc(env(safe-area-inset-bottom) + 52px));display:flex;gap:8px}.box-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .2s ease,transform .2s ease}.box-dots span.on{background:#fff;transform:scale(1.3)}@media (max-width:600px){.stage:not(.selecting) .brand{top:max(16px,env(safe-area-inset-top));left:16px;right:auto;text-align:left}.stage:not(.selecting) .brand h1{font-size:18px;letter-spacing:.2em;text-indent:0}.stage:not(.selecting) .brand p{display:none}.phase-box .box.zero-one,.phase-shaking .box.zero-one{transform:perspective(900px) rotateY(-2deg) scale(1.38)}.hint{bottom:max(22px,env(safe-area-inset-bottom))}}@media (min-width:420px) and (min-height:820px){.phase-box .box.zero-one,.phase-shaking .box.zero-one{transform:perspective(900px) rotateY(-2deg) scale(1.55)}.box-carousel{height:min(62dvh,590px)}.box-dots{bottom:max(78px,calc(env(safe-area-inset-bottom) + 58px))}}@media (max-height:700px),(max-width:380px){.phase-box .box.zero-one,.phase-shaking .box.zero-one{transform:perspective(900px) rotateY(-2deg) scale(1.15)}.box-carousel{height:clamp(350px,58dvh,420px)}.box-dots{bottom:max(58px,calc(env(safe-area-inset-bottom) + 42px))}}.box-face{position:absolute;top:0;left:0;width:218px;height:100%;background:#ed001c;border:3px solid #f3efe8;box-shadow:inset -3px 0 rgba(0,0,0,.08);overflow:hidden;z-index:2}.box-face:after{content:"";position:absolute;inset:2px;background:linear-gradient(116deg,transparent 35%,rgba(255,255,255,.1) 46%,transparent 58%);pointer-events:none}.box-mark{position:absolute;top:9px;right:8px;width:43px;height:43px;border-radius:10px;background:linear-gradient(135deg,#fff06c,#e0b500 60%,#ffef51);color:#b39400;font:italic 38px/43px Georgia,serif;text-align:center;box-shadow:inset 0 0 5px rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.2)}.box-brand{position:absolute;top:91px;left:18px;font-size:12px;font-weight:900;letter-spacing:.12em;line-height:1.05}.box-brand small{display:block;font-size:9px;letter-spacing:.08em;margin-top:3px}.box-number{position:absolute;inset:119px 5px 38px 10px;pointer-events:none}.box-number span{position:absolute;top:0;left:6px;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:95px;font-weight:300;line-height:1;letter-spacing:-.1em}.box-number b{position:absolute;right:-2px;bottom:-20px;font-family:Didot,Bodoni 72,Times New Roman,serif;font-size:238px;font-weight:400;line-height:.8;letter-spacing:-.13em}.box-count{position:absolute;left:19px;bottom:31px;min-width:102px;padding:5px 18px 4px;background:#fff;color:#ed001c;border-radius:999px;text-align:center;font-size:12px;font-weight:900}.box-side{position:absolute;top:6px;right:0;width:37px;height:calc(100% - 2px);background:linear-gradient(90deg,#b80017,#d3001b);border:3px solid #eeeae3;border-left:0;transform:skewY(10deg);transform-origin:left top;z-index:1}.box-side b{top:90px;font-family:Didot,Georgia,serif;font-size:33px;font-weight:400}.box-side b,.box-side span{position:absolute;left:50%;writing-mode:vertical-rl;transform:translateX(-50%)}.box-side span{top:206px;font-size:6px;font-weight:800;letter-spacing:.14em}.box-side small{position:absolute;left:50%;bottom:18px;font-size:6px;line-height:1.2;letter-spacing:.12em;writing-mode:vertical-rl;transform:translateX(-50%)}.box.zero-one .box-face{top:14px;width:213px;height:calc(100% - 22px);background:linear-gradient(160deg,#ff3542,#ee001e 43%,#e0001a);border-width:4px;box-shadow:inset -7px 0 9px rgba(92,0,11,.16),inset 0 -6px 7px rgba(92,0,11,.1)}.box.zero-one:before{content:"";position:absolute;top:0;left:3px;width:213px;height:21px;background:linear-gradient(180deg,#ff5a65,#df001a);border:4px solid #f3efe8;-webkit-clip-path:polygon(0 67%,10% 0,100% 29%,96% 100%);clip-path:polygon(0 67%,10% 0,100% 29%,96% 100%);z-index:4}.box.zero-one:after{content:"";position:absolute;left:5px;bottom:0;width:208px;height:13px;background:linear-gradient(180deg,#c90018,#ae0015);border:3px solid #eeeae3;-webkit-clip-path:polygon(0 0,100% 0,94% 100%,7% 100%);clip-path:polygon(0 0,100% 0,94% 100%,7% 100%);z-index:3}.box.zero-one .zero-one-spec{position:absolute;top:11px;left:3px;width:177px;height:99px;padding:9px 0 0 14px;color:#fff;background:#211f20;border-top:4px solid #f5f2ec;border-bottom:4px solid #f5f2ec;-webkit-clip-path:polygon(0 0,100% 0,76% 100%,0 100%);clip-path:polygon(0 0,100% 0,76% 100%,0 100%);text-align:left;z-index:3}.box.zero-one .zero-one-spec b{display:block;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:20px;font-weight:700;line-height:1.02;letter-spacing:.03em}.box.zero-one .zero-one-spec strong{position:absolute;left:0;bottom:16px;width:143px;height:18px;padding-left:15px;background:#f20b26;font-size:12px;line-height:18px;letter-spacing:.08em;white-space:nowrap}.box.zero-one .zero-one-spec small{position:absolute;left:15px;bottom:1px;color:#222;font-size:7px;letter-spacing:.2em}.box.zero-one .box-mark{top:13px;right:10px;width:42px;height:48px}.box.zero-one .box-brand{top:121px;left:19px;font-size:12px;letter-spacing:.16em}.box.zero-one .box-brand small{margin-top:5px;font-size:16px;letter-spacing:.04em}.box.zero-one .box-number{top:168px;bottom:32px}.box.zero-one .box-number span{font-size:90px}.box.zero-one .box-number b{right:-1px;bottom:-13px;font-size:218px}.box.zero-one .box-count{bottom:25px}.box.zero-one .box-side{top:20px;right:0;width:43px;height:calc(100% - 22px);background:linear-gradient(90deg,#a60014,#d00019 72%,#ac0015);border-width:4px;transform:skewY(10deg);box-shadow:inset 8px 0 10px rgba(67,0,8,.25)}.box.zero-one{width:218px;transform:none}.box.zero-one .box-face{inset:0;width:100%;height:100%;box-shadow:none}.box.zero-one .box-side,.box.zero-one:after,.box.zero-one:before{display:none}.box.zero-one .box-mark{top:24px}.box.zero-one .box-brand{top:126px}.box.zero-one .box-number{top:181px}.box.zero-one .box-number span{font-size:84px}.box.zero-one .box-number b{right:2px;bottom:-8px;font-size:205px}.box.zero-one.tone-2 .box-face{background:linear-gradient(160deg,#ffe46a,#efc326 44%,#d9a811);border-color:#fff8d7}.box.zero-one.tone-2 .zero-one-spec strong{background:#e6b512;color:#17140b}.box.zero-one.tone-2 .box-brand,.box.zero-one.tone-2 .box-number{color:#19170f}.box.zero-one.tone-2 .box-count{color:#9a7200}.box.zero-one.tone-2 .box-mark{background:linear-gradient(135deg,#25231c,#050505);color:#f1c82e}.box.zero-one.tone-3 .box-face{background:linear-gradient(160deg,#9ce1f6,#5fc4ea 44%,#2e9fd1);border-color:#eafaff}.box.zero-one.tone-3 .zero-one-spec strong{background:#49b8e4;color:#092131}.box.zero-one.tone-3 .box-brand,.box.zero-one.tone-3 .box-number{color:#073149}.box.zero-one.tone-3 .box-count{color:#147fac}.box.zero-one.tone-3 .box-mark{background:linear-gradient(135deg,#effcff,#bcecff);color:#167ba8}.box.zero-two{width:218px;transform:none}.box.zero-two .box-face{inset:0;width:100%;height:100%;border:4px solid #d9c068;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(104,243,255,.5) 44px 48px,transparent 48px 89px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(255,143,83,.44) 48px 52px,transparent 52px 98px),linear-gradient(125deg,#8d741e,#d7b847 20%,#9b7f20 44%,#e5c95e 66%,#94771d);box-shadow:inset 0 0 25px rgba(255,244,175,.62)}.box.zero-two .box-face:after{background:linear-gradient(108deg,transparent 12%,rgba(92,242,255,.42) 24%,transparent 37%,rgba(255,154,87,.4) 57%,transparent 73%,rgba(178,127,255,.34) 88%)}.box.zero-two .box-face>.box-brand,.box.zero-two .box-face>.box-count,.box.zero-two .box-face>.box-mark,.box.zero-two .box-face>.box-number,.box.zero-two .box-side{display:none}.box .zero-two-design{position:absolute;inset:0;color:#202124}.box .zero-two-front-label{top:70px;left:35px;width:148px;height:163px;padding-top:14px;background:#171714;border:3px solid #d5b646;box-shadow:0 3px 10px rgba(25,18,0,.42);color:#d9b84a;text-align:center}.box .zero-two-front-label b{display:block;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:70px;font-weight:400;line-height:.88;letter-spacing:-.08em}.box .zero-two-front-label small{display:block;margin-top:5px;font-size:9px;letter-spacing:.13em}.box .zero-two-front-label strong{display:block;margin-top:4px;font-size:18px;line-height:1;letter-spacing:-.04em}.box .zero-two-front-label em{display:block;margin:9px auto 0;width:116px;padding:4px 0 3px;border-radius:999px;background:#f7f7f4;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.14em}.box .zero-two-count{top:246px;left:66px;width:86px;padding:9px 0 8px;font-size:18px}.box .zero-two-made{top:294px;left:45px;font-size:11px;color:#171714}.box .zero-two-mark{top:13px;right:13px;width:45px;height:45px;font-size:38px}.packet-scene{position:relative;display:flex;flex-direction:column;align-items:center;transform:scale(1.06)}.packet{width:260px;height:300px;position:relative;filter:drop-shadow(0 20px 32px rgba(0,0,0,.35));animation:pop-out .55s cubic-bezier(.22,1.4,.36,1);touch-action:none}@keyframes pop-out{0%{transform:translateY(150px) scale(.28) rotate(-20deg);opacity:0}72%{transform:translateY(-8px) scale(1.08) rotate(1deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@media (min-width:420px) and (min-height:820px){.packet-scene{transform:scale(1.24)}}@media (max-height:700px),(max-width:380px){.packet-scene{transform:scale(.98)}}.packet-body,.packet-top{position:absolute;left:0;right:0;background:linear-gradient(135deg,#cfd4dc,#f5f7fa 22%,#aeb6c2 45%,#e8ecf2 62%,#b8c0cc 82%,#dfe4ea)}.packet-top{top:0;height:56px;border-radius:18px 18px 0 0;z-index:2}.packet-body{top:56px;bottom:0;border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center}.packet-body:after,.packet-top:before{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 3px,transparent 3px 8px)}.packet-top:before{top:4px}.packet-body:after{bottom:4px}.packet-bulge{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.95) 0,rgba(230,234,240,.6) 35%,rgba(150,158,172,.55) 78%,rgba(120,128,142,.6) 100%);box-shadow:inset 0 -8px 18px rgba(0,0,0,.12),0 2px 10px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}.packet-bulge span{color:var(--red);font-weight:900;font-size:20px;letter-spacing:.12em}.packet.tone-1 .packet-body,.packet.tone-1 .packet-top{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 48%,transparent 58%),linear-gradient(145deg,#ff4c59,#e60023 48%,#a90019);border-color:#fff2f2}.packet.tone-1 .packet-bulge{background:radial-gradient(circle at 38% 34%,#4a2227 0,#211719 48%,#090909 100%);border:3px solid #ff6975;box-shadow:inset 0 0 0 2px #7f0014,inset 0 -8px 18px rgba(0,0,0,.4)}.packet.tone-1 .packet-bulge span{color:#fff}.packet.tone-1 .tear-line .dashes{border-color:rgba(78,0,12,.72)}.packet.tone-1 .tear-line .cut{border-right-color:#64000f;background:linear-gradient(90deg,transparent,rgba(80,0,12,.16))}.packet.tone-3 .packet-body,.packet.tone-3 .packet-top{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 48%,transparent 58%),linear-gradient(145deg,#b8eaff,#63bde8 48%,#237eae);border-color:#eafaff}.packet.tone-3 .packet-bulge{background:radial-gradient(circle at 38% 34%,#bdeeff 0,#50aed8 46%,#12678f 100%);border:3px solid #e8faff;box-shadow:inset 0 0 0 2px #267fa7,inset 0 -8px 18px rgba(0,48,78,.32)}.packet.tone-3 .packet-bulge span{color:#073149}.packet.tone-3 .tear-line .dashes{border-color:rgba(4,68,101,.68)}.packet.tone-3 .tear-line .cut{border-right-color:#07577e;background:linear-gradient(90deg,transparent,rgba(7,87,126,.16))}.packet.zero-two{width:248px;height:276px;padding:0;filter:drop-shadow(0 20px 28px rgba(0,0,0,.42))}.packet.zero-two .packet-body,.packet.zero-two .packet-top{left:0;right:0;background:linear-gradient(90deg,rgba(255,246,158,.3),transparent 16%,transparent 84%,rgba(255,246,158,.3)),linear-gradient(135deg,#9d7827,#f6dd70 18%,#a4771e 43%,#f9e57b 68%,#8e6719);border-left:7px solid #d2aa3d;border-right:7px solid #d2aa3d}.packet.zero-two .packet-top{height:50px;border-radius:2px 2px 0 0;border-top:7px solid #d2aa3d}.packet.zero-two .packet-body{top:50px;border-radius:0 0 2px 2px;border-bottom:7px solid #d2aa3d;align-items:stretch}.packet.zero-two .packet-body:after,.packet.zero-two .packet-top:before{height:8px;background:repeating-linear-gradient(90deg,rgba(62,39,0,.34) 0 2px,rgba(255,235,132,.18) 2px 5px)}.packet.zero-two .packet-bulge{width:100%;height:100%;border-radius:0;padding:13px 14px 18px;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.12) 50%,transparent 58%),#11110f;border:2px solid #342b14;box-shadow:inset 0 0 0 3px #d8b33f,inset 0 0 0 5px #2b2411,inset 0 -8px 18px rgba(0,0,0,.35)}.zero-two-label{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e1bf4f;text-align:center;line-height:1}.zero-two-label strong{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:94px;font-weight:300;letter-spacing:-.085em;transform:scaleX(.74);margin:-7px -18px -2px -9px;text-shadow:0 1px #fff2a4,0 -1px #6b4b0b}.zero-two-label small{font-size:8px;font-weight:800;letter-spacing:.15em;margin-bottom:4px}.zero-two-label b{font-size:15px;font-weight:900;letter-spacing:.02em;margin-bottom:11px}.zero-two-label em{width:82%;padding:5px 9px 4px;border-radius:999px;background:#f4f1e9;color:#171714;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.12em}.packet.zero-two .tear-line .dashes{border-color:rgba(48,34,4,.68)}.packet.zero-two .tear-line .cut{border-right-color:#4d3905;background:linear-gradient(90deg,transparent,rgba(77,57,5,.16))}.packet.wrap-001{--wrap-accent:#ef1933;--wrap-light:#ff7a89;--wrap-dark:#840013}.packet.wrap-002{--wrap-accent:#d0ad3d;--wrap-light:#ffe889;--wrap-dark:#725716}.packet.wrap-003{--wrap-accent:#43a7e4;--wrap-light:#a9e6ff;--wrap-dark:#145d8b}.packet[class*=wrap-]{width:270px;height:286px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.42))}.packet[class*=wrap-] .packet-body,.packet[class*=wrap-] .packet-top{left:0;right:0;border-left:9px solid var(--wrap-dark);border-right:9px solid var(--wrap-dark);background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.1) 42%,transparent 54%),#090a0c}.packet[class*=wrap-] .packet-top{height:58px;border-top:9px solid var(--wrap-dark);border-radius:1px 1px 0 0}.packet[class*=wrap-] .packet-body{top:58px;bottom:0;border-bottom:9px solid var(--wrap-dark);border-radius:0 0 1px 1px;align-items:stretch}.packet[class*=wrap-] .packet-body:after,.packet[class*=wrap-] .packet-top:before{height:9px;background:repeating-linear-gradient(90deg,var(--wrap-light) 0 1px,var(--wrap-dark) 1px 3px);opacity:.72}.packet[class*=wrap-] .packet-bulge{width:100%;height:100%;padding:9px 14px 16px;border-radius:0;border:2px solid var(--wrap-dark);background:#090a0c;box-shadow:inset 0 0 0 2px var(--wrap-accent),inset 0 0 0 4px #090a0c}.wrap-label{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--wrap-accent);text-align:center;line-height:1}.wrap-label strong{display:flex;align-items:flex-end;height:105px;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:300;letter-spacing:-.1em}.wrap-label strong span{color:var(--wrap-accent);font-size:82px;font-weight:300;line-height:1;letter-spacing:-.1em}.wrap-label strong b{color:var(--wrap-light);font-family:Didot,Bodoni\ 72,Georgia,serif;font-size:126px;font-weight:400;line-height:.82}.wrap-label em{margin-top:1px;color:var(--wrap-light);font-family:Didot,Georgia,serif;font-size:24px;font-style:normal;font-weight:700;letter-spacing:.04em}.packet[class*=wrap-] .tear-line .dashes{border-color:var(--wrap-light)}.packet[class*=wrap-] .tear-line .cut{border-right-color:var(--wrap-accent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--wrap-accent) 22%,transparent))}.packet:not(.torn) .gum-peek{visibility:hidden}.tear-line{position:absolute;top:22px;left:0;right:0;height:64px;z-index:3;display:flex;align-items:center;touch-action:none}.tear-line .dashes{position:absolute;top:calc(50% - 4px);left:8px;right:8px;height:9px;color:var(--wrap-light,rgba(255,255,255,.72));border:0;background:linear-gradient(135deg,transparent 43%,currentColor 44% 56%,transparent 57%) 0 0 /12px 9px repeat-x,linear-gradient(45deg,transparent 43%,currentColor 44% 56%,transparent 57%) 6px 0 /12px 9px repeat-x}.tear-line .cut{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(230,0,35,.15));border-right:3px solid var(--red);transition:width .05s linear}.tear-line .scissors{position:absolute;top:50%;transform:translate(-50%,-50%) scaleX(-1);font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:left .05s linear}.packet.torn .packet-top{animation:fly-away .7s ease-in forwards}@keyframes fly-away{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(180px,-260px) rotate(48deg);opacity:0}}.packet.torn .tear-line{opacity:0}.gum-peek{position:absolute;top:-22px;left:50%;width:150px;height:150px;border-radius:50%;z-index:1;transform:translate(-50%,112px);background:radial-gradient(circle at 50% 50%,rgba(255,255,245,.16) 0 26%,transparent 27%),radial-gradient(circle at 38% 30%,rgba(255,255,255,.94) 0 4%,transparent 15%),repeating-radial-gradient(circle,rgba(255,255,232,.9) 0 4px,rgba(205,196,146,.66) 5px 8px,rgba(255,255,240,.78) 9px 12px);border:1px solid rgba(255,255,235,.78);box-shadow:0 8px 18px rgba(37,31,6,.2),inset 0 0 24px rgba(255,255,255,.58);filter:saturate(.7)}.packet.torn .gum-peek{animation:peek-up .6s cubic-bezier(.3,1.35,.4,1) .25s both}@keyframes peek-up{0%{transform:translate(-50%,112px)}to{transform:translate(-50%)}}.packet.torn .packet-bulge{opacity:.3;transition:opacity .5s ease}.packet.gone{animation:packet-drop .45s ease-in forwards;pointer-events:none}.packet.gone .gum-peek{opacity:0;transition:opacity .2s ease}@keyframes packet-drop{to{transform:translateY(160px) scale(.85);opacity:0}}.gum-front{position:absolute;left:50%;top:50%;width:232px;height:232px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,245,.12) 0 24%,transparent 25%),radial-gradient(circle at 34% 26%,rgba(255,255,255,.95) 0 3%,transparent 14%),repeating-radial-gradient(circle,rgba(255,255,235,.92) 0 5px,rgba(201,194,151,.7) 6px 10px,rgba(255,255,238,.82) 11px 15px);border:1px solid rgba(255,255,240,.82);box-shadow:0 24px 44px rgba(25,22,8,.28),inset 0 0 35px rgba(255,255,255,.72);transform:translate(-50%,-50%);animation:gum-pop .55s cubic-bezier(.25,1.35,.4,1) both;display:flex;align-items:center;justify-content:center;z-index:5}@keyframes gum-pop{0%{transform:translate(-50%,-26%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.gum-hole{width:76px;height:57px;border-radius:50%;background:radial-gradient(ellipse at 44% 38%,rgba(255,255,255,.48),rgba(228,222,184,.16) 55%,rgba(91,84,43,.14));border:9px solid rgba(232,225,181,.78);box-shadow:inset 0 5px 12px rgba(83,76,35,.2),0 2px 5px rgba(255,255,255,.72)}.gum-front.spin-out{animation:spin-out .32s ease-in forwards}@keyframes spin-out{to{transform:translate(-50%,-50%) scaleX(.05);opacity:0}}.gum-scene{--row-w:min(98vw,900px);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4dvh,38px);width:100%}.gum-scene.preparing{visibility:hidden;pointer-events:none}.gum-label{font-size:12px;font-weight:800;letter-spacing:.4em;text-indent:.4em;opacity:0;visibility:hidden;transition:opacity .45s ease}.gum-label.on{opacity:.95;visibility:visible}.gum-row{display:flex;align-items:center;animation:spin-in .5s cubic-bezier(.3,1.25,.4,1) .22s both;filter:drop-shadow(0 18px 26px rgba(24,21,8,.24))}@keyframes spin-in{0%{transform:scaleX(.07);opacity:0}to{transform:scaleX(1);opacity:1}}.gum-rim{width:40px;height:clamp(158px,22dvh,210px);background:linear-gradient(90deg,rgba(163,153,103,.7),rgba(255,255,231,.96) 32%,rgba(213,204,157,.82) 70%,rgba(125,117,72,.65)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(120,110,63,.18) 6px 7px);border:1px solid rgba(255,255,235,.75);box-shadow:inset 5px 0 9px rgba(255,255,255,.56),inset -5px 0 8px rgba(86,77,37,.18);z-index:3}.gum-body{height:clamp(148px,20dvh,190px);margin:0 -10px 0 -8px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(247,244,211,.22) 12%,rgba(230,225,183,.3) 72%,rgba(255,255,240,.62)),repeating-linear-gradient(166deg,transparent 0 31px,rgba(113,104,57,.08) 32px,transparent 34px 61px);border-top:1px solid rgba(255,255,239,.72);border-bottom:1px solid rgba(168,158,105,.34);box-shadow:inset 0 8px 16px rgba(255,255,255,.3),inset 0 -7px 13px rgba(120,109,57,.08);-webkit-backdrop-filter:blur(2px) saturate(.8);backdrop-filter:blur(2px) saturate(.8);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .95s cubic-bezier(.25,1.18,.35,1);z-index:1}.gum-body:before{content:"";position:absolute;inset:7px 2%;background:linear-gradient(102deg,transparent 4%,rgba(255,255,255,.62) 17%,transparent 29%),radial-gradient(ellipse at 64% 20%,rgba(255,255,255,.55) 0 2%,transparent 9%),radial-gradient(ellipse at 30% 78%,rgba(255,255,255,.42) 0 1%,transparent 7%);border-radius:45%;pointer-events:none}.gum-row.stretched .gum-body{width:calc(var(--row-w) - 156px)}.gum-topic{position:relative;z-index:2;width:100%;padding:0 clamp(22px,7vw,44px);text-align:center;color:#29271c;font-size:clamp(20px,5.7vw,32px);font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.65);line-height:1.55;opacity:0;transition:opacity .5s ease}.gum-topic.on{opacity:1}.gum-dome{width:116px;height:132px;border-radius:18px 86px 86px 18px/56px 64px 64px 56px;background:radial-gradient(ellipse at 38% 24%,rgba(255,255,255,.76) 0 4%,transparent 17%),linear-gradient(180deg,rgba(255,255,244,.76),rgba(231,225,184,.32) 45%,rgba(205,196,145,.46));border:1px solid rgba(255,255,236,.7);box-shadow:inset 0 9px 16px rgba(255,255,255,.3),inset -8px -6px 16px rgba(101,92,45,.1);z-index:2}.gum-nub{width:39px;height:25px;margin-left:-11px;border-radius:42% 72% 72% 42%/44% 55% 55% 44%;background:radial-gradient(ellipse at 35% 28%,rgba(255,255,255,.8),rgba(227,220,177,.47) 55%,rgba(167,157,103,.5));border:1px solid rgba(255,255,232,.7);box-shadow:inset -5px -3px 8px rgba(90,81,39,.1);z-index:1}.gum-001{--gum-tint:rgba(255,255,237,.18)}.gum-002{--gum-tint:rgba(248,244,210,.25)}.gum-003{--gum-tint:rgba(239,233,190,.34)}.gum-front,.gum-scene .gum-body,.gum-scene .gum-dome{background-color:var(--gum-tint,rgba(248,244,210,.25))}.gum-001{--gum-color:#ef1933;--gum-dark:#b80720;--gum-text:#fff}.gum-002{--gum-color:#c7a53b;--gum-dark:#725716;--gum-text:#18150b}.gum-003{--gum-color:#2f8fd6;--gum-dark:#185c97;--gum-text:#fff}.gum-peek{background:var(--gum-color);border:10px solid var(--gum-dark);box-shadow:0 12px 22px rgba(0,0,0,.2);filter:none}.gum-peek:after{content:"";position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:var(--gum-dark);transform:translate(-50%,-50%);z-index:2}.gum-front{background:var(--gum-color);border:12px solid var(--gum-dark);box-shadow:0 22px 38px rgba(0,0,0,.24)}.gum-hole{width:84px;height:84px;background:var(--gum-dark);border:0;box-shadow:none}.gum-row{filter:drop-shadow(0 16px 22px rgba(0,0,0,.2))}.gum-rim{flex:0 0 auto;width:42px;height:clamp(168px,23dvh,218px);border-radius:999px;background:var(--gum-dark)}.gum-body,.gum-rim{border:0;box-shadow:none}.gum-body{width:0;height:clamp(150px,20dvh,194px);margin:0 -13px 0 -10px;background:var(--gum-color);border-radius:0 66px 66px 0/0 63px 63px 0;-webkit-backdrop-filter:none;backdrop-filter:none}.gum-body:before{display:none}.gum-row.stretched .gum-body{width:calc(var(--row-w) - 88px)}.gum-nub{flex:0 0 auto;width:42px;height:28px;margin-left:13px;border-radius:0 999px 999px 0;background:var(--gum-tint);border:0;box-shadow:none}.gum-topic{color:var(--gum-text);text-shadow:none}.again{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff;color:var(--variant,var(--red));font-size:15px;font-weight:900;letter-spacing:.15em;padding:15px 40px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.phase-stretch,.phase-topic{background:var(--variant)}.phase-stretch .ultra-background,.phase-topic .ultra-background{opacity:0;animation:none}.phase-topic[data-thickness="001"] .brand h1{animation:none;color:#fff;background:none;text-shadow:none}.again.on{opacity:1;visibility:visible;transform:translateY(0)}.again:active{transform:scale(.95)}