/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#11111a;--pink:#ff54b8;--blue:#3f7eff;--yellow:#ffd35a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%}body{overscroll-behavior:none;color:var(--ink);-webkit-text-size-adjust:100%;background:#ff7acb;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.h5-canvas{--stage-w:min(100vw, 480px, calc(100dvh * 721 / 1173));--gift-scale:1.15;--gift-grow:calc(var(--gift-scale) - 1);--burst-scale:1.3;--burst-grow:calc(var(--burst-scale) - 1);z-index:0;background:#ff7acb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.h5-canvas img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.toast{z-index:40;max-width:calc(var(--stage-w) * .8);padding:calc(var(--stage-w) * .028) calc(var(--stage-w) * .055);color:#fff;text-align:center;font-size:clamp(12px, calc(var(--stage-w) * .036), 15px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#1c0a28db;border-radius:999px;margin:0;line-height:1.5;animation:.28s ease-out both toast-in;position:fixed;bottom:26%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c0a284d}.media-slot{z-index:-1;opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.h5-canvas:after{content:"";z-index:2;height:calc(var(--stage-w) * .42);pointer-events:none;background:linear-gradient(#4a166000 0%,#4a166042 60%,#380e4c85 100%);position:fixed;bottom:0;left:0;right:0}.background{z-index:0;object-fit:cover;object-position:center top;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.stage-art{--gift-x-fix:14.01%;--gift-y:39.5%;z-index:1;width:var(--stage-w);aspect-ratio:721/1173;flex:none;position:relative}.title-art{z-index:1;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rules-button,.my-prizes,.music-button{cursor:pointer;background:0 0;border:0;padding:0;position:fixed}.gift-button{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.brand-logo{z-index:8;width:calc(var(--stage-w) * .42);aspect-ratio:653/112;top:calc(var(--safe-top) + var(--stage-w) * .036);left:calc(50% - var(--stage-w) / 2 + var(--stage-w) * .032);object-fit:contain;pointer-events:none;position:fixed}.rules-button{z-index:8;width:calc(var(--stage-w) * .21);aspect-ratio:1;left:calc(50% - var(--stage-w) / 2 + var(--stage-w) * .04);bottom:calc(var(--safe-bottom) + var(--stage-w) * .133)}.rules-button img,.my-prizes img{object-fit:contain;width:100%;height:100%}.music-button{z-index:10;width:calc(var(--stage-w) * .08);aspect-ratio:1;top:calc(var(--safe-top) + var(--stage-w) * .032);right:calc(50% - var(--stage-w) / 2 + var(--stage-w) * .032);color:#fff;opacity:.78;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27156047;border:1px solid #ffffff9e;border-radius:50%;place-items:center;display:grid}.music-button span{font-size:clamp(12px, calc(var(--stage-w) * .046), 18px);transform:translateY(-2%)}.music-button.is-playing{animation:3s linear infinite disc-spin}.music-button.is-muted:after{content:"";background:#ffffffeb;border-radius:1px;width:68%;height:1.5px;position:absolute;top:50%;left:16%;transform:rotate(-45deg)}.gift-button{z-index:4;width:calc(93.333% * var(--gift-scale));aspect-ratio:1000/702;left:calc(3.333% - var(--gift-x-fix) - 60.667% * var(--gift-grow));top:calc(var(--gift-y) - 22.55% * var(--gift-grow));transform-origin:65% 56%}.gift-art{z-index:2;object-fit:contain;filter:drop-shadow(0 22px 20px #3d1d8233);width:100%;height:100%;position:absolute;inset:0}.gift-button:after{content:"";z-index:1;filter:blur(22px);background:#d03a9561;border-radius:50%;width:57%;height:15%;position:absolute;bottom:7%;left:36.5%;transform:rotate(-7deg)}.orbit{z-index:3;pointer-events:none;border:2px solid #ffffffe6;border-color:#ffffffe6 #ffffffe6 #0000 #0000;border-radius:50%;position:absolute}.orbit:before,.orbit:after{content:"";border-bottom:12px solid #fffffff2;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute}.orbit:before{top:14.6%;left:14.6%}.orbit:after{top:85.4%;left:85.4%}.orbit-one{width:80%;height:46%;animation:5s ease-in-out infinite orbit-drift;top:33%;left:25%;transform:rotate(-20deg)}.orbit-one:before{transform:translate(-50%,-50%)rotate(68deg)}.orbit-one:after{transform:translate(-50%,-50%)rotate(-112deg)}.orbit-two{opacity:.45;width:91%;height:43%;animation:6s ease-in-out infinite orbit-drift-two;top:34.5%;left:19.5%;transform:rotate(8deg)}.orbit-two:before,.orbit-two:after{content:none}.spark{z-index:4;color:#fff;font-size:clamp(12px, calc(var(--stage-w) * .062), 24px);text-shadow:0 0 10px #fff;pointer-events:none;animation:2.4s ease-in-out infinite sparkle;position:absolute}.spark-one{top:13%;left:78%}.spark-two{animation-delay:-1.2s;top:52%;left:13%}.click-burst{z-index:7;width:calc(12.5% * var(--gift-scale) * var(--burst-scale));aspect-ratio:277/240;left:calc(32.83% - var(--gift-x-fix) - 31.17% * var(--gift-grow) - 6.25% * var(--gift-scale) * var(--burst-grow));top:calc(var(--gift-y) + 5.16% - 17.39% * var(--gift-grow) - 3.33% * var(--gift-scale) * var(--burst-grow));object-fit:contain;pointer-events:none;transform-origin:50%;animation:4s linear infinite open-box-info;position:absolute}.my-prizes{z-index:9;width:calc(var(--stage-w) * .16);aspect-ratio:1;right:calc(50% - var(--stage-w) / 2 + var(--stage-w) * .04);bottom:calc(var(--safe-bottom) + var(--stage-w) * .133);transform-origin:50%;animation:4s linear infinite left-right}.participation{z-index:8;width:var(--stage-w);left:50%;bottom:calc(var(--safe-bottom) + var(--stage-w) * .04);color:#fff;text-align:center;font-size:clamp(12px, calc(var(--stage-w) * .0427), 16px);text-shadow:0 1px 3px #380e4c99,0 0 14px #380e4c73;margin:0;line-height:1.4;position:fixed;transform:translate(-50%)}.participation span{margin:0 3px}.page-note{z-index:8;width:var(--stage-w);left:50%;bottom:calc(var(--safe-bottom) + var(--stage-w) * .04);color:#ffffffe0;text-align:center;font-size:clamp(11px, calc(var(--stage-w) * .032), 14px);letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 3px #380e4c99,0 0 14px #380e4c73;margin:0;line-height:1.4;position:fixed;transform:translate(-50%)}.gift-button.is-opening{animation:.22s ease-out both gift-press}.gift-button.is-opening .gift-art{filter:brightness(1.08)drop-shadow(0 22px 20px #3d1d8233)}.opening-scene{z-index:21;pointer-events:none;background:#0009;justify-content:center;align-items:center;animation:.18s ease-out both opening-veil;display:flex;position:fixed;inset:0;overflow:hidden}.opening-stage{width:var(--stage-w);aspect-ratio:721/1173;flex:none;position:relative}.open-box-body,.open-box-lid{z-index:2;width:calc(80.9% * var(--gift-scale));aspect-ratio:1392/1338;left:calc(10.04% - 40.45% * var(--gift-grow));top:calc(40.8% - 23.9% * var(--gift-grow));object-fit:contain;position:absolute}.open-box-body{animation:.42s ease-out both box-body-arrive}.open-box-lid{z-index:3;transform-origin:88.075% 53.587%;animation:1s .12s both box-lid-open}.open-box-light{z-index:4;object-fit:fill;transform-origin:50% 65%;width:100%;height:104.007%;animation:1s .12s both box-light-expand;position:absolute;top:0;left:0}.modal-layer{z-index:30;padding:calc(var(--stage-w) * .08);background:#0a040fd1;place-items:center;animation:.25s both veil-in;display:grid;position:fixed;inset:0}.rules-card{width:min(100%, calc(var(--stage-w) * .84));background:#fff;border-radius:14px;animation:.42s cubic-bezier(.18,.9,.24,1.15) both modal-pop;position:relative;box-shadow:0 26px 70px #00000057}.h5-canvas.is-modal-open .orbit,.h5-canvas.is-modal-open .spark,.h5-canvas.is-modal-open .click-burst,.h5-canvas.is-modal-open .my-prizes,.h5-canvas.is-modal-open .music-button{animation-play-state:paused}.card-layer{--card-w:min(calc(var(--stage-w) * .74), calc((100dvh - var(--stage-w) * .66) * .6242));justify-content:center;align-items:center;gap:calc(var(--stage-w) * .05);padding:calc(var(--stage-w) * .1);background:radial-gradient(circle at 50% 45%,#4294d057 0%,#0000 62%),#070a16e0;flex-direction:column;display:flex}.card-title{width:min(100%, calc(var(--card-w) * 1.06));height:calc(var(--card-w) * .213);object-fit:contain;will-change:transform, opacity;flex:none;animation:.6s cubic-bezier(.2,.8,.3,1.1) .62s both card-title-in}.prize-card{width:var(--card-w);aspect-ratio:754/1208;perspective:1400px;flex:none;position:relative}.prize-card:before{content:"";z-index:-1;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#7ee0ff80 0%,#5ca2ff38 40%,#0000 70%);border-radius:50%;animation:1.6s ease-out .52s both card-glow;position:absolute;inset:-16%}.prize-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform, opacity;animation:1.15s cubic-bezier(.16,.84,.28,1) both card-flip-in;position:relative}.prize-card-shine{backface-visibility:hidden;pointer-events:none;border-radius:10px;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px)}.prize-card-shine:after{content:"";will-change:transform;background:linear-gradient(100deg,#0000 0%,#ffffff14 34%,#ffffffb3 50%,#ffffff14 66%,#0000 100%);width:58%;height:230%;animation:.95s ease-out .86s both card-shine;position:absolute;top:-65%;left:0;transform:translate(-224%)rotate(18deg)}.prize-card-front,.prize-card-back{backface-visibility:hidden;border-radius:10px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 22px 46px #00000080}.prize-card-front{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.card-hint{color:#ffffffd1;font-size:clamp(11px, calc(var(--stage-w) * .036), 15px);letter-spacing:.05em;text-shadow:0 1px 6px #0000008c;flex:none;margin:0;animation:.5s ease-out 1.05s both card-hint-in}.prize-card-back{background:radial-gradient(circle at 50% 36%,#ffffff2e 0,#0000 58%),linear-gradient(155deg,#17548f 0%,#2f92ac 52%,#17548f 100%);place-items:center;display:grid;transform:rotateY(180deg)}.prize-card-back:after{content:"HWP";color:#ffffffeb;font-size:calc(var(--stage-w) * .1);letter-spacing:.14em;font-weight:800}.card-close{width:calc(var(--stage-w) * .1);aspect-ratio:1;color:#fff;font-size:calc(var(--stage-w) * .06);cursor:pointer;background:#ffffff1f;border:1px solid #fff9;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.modal-close{z-index:4;color:#666;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;font-size:27px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.rules-confirm{color:#fff;cursor:pointer;background:linear-gradient(#5bc9ff,#268cf5);border:0;border-radius:999px;min-height:40px;font-weight:700}.rules-card{padding:34px 24px 24px;overflow:hidden}.rules-card:before{content:"";filter:blur(4px);opacity:.6;background:radial-gradient(circle,#ffd856 0,#ff75cd 54%,#0000 72%);border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-50px}.rules-card .eyebrow{color:#b448a1;letter-spacing:.2em;margin:0 0 5px;font-size:10px;font-weight:800;position:relative}.rules-card h2{margin:0 0 20px;font-family:Georgia,Songti SC,serif;font-size:30px;position:relative}.rules-card ol{color:#53505a;margin:0;padding-left:1.4em;font-size:14px;line-height:1.8}.rules-confirm{background:linear-gradient(120deg,#ff55bd,#774eff);width:100%;margin-top:22px}@keyframes card-flip-in{0%{opacity:0;transform:translateZ(-460px)rotateY(-540deg)rotate(-16deg)scale(.42)}10%{opacity:1}58%{transform:translateZ(60px)rotateY(-46deg)rotate(3deg)scale(1.08)}76%{transform:translateZ(0)rotateY(14deg)rotate(-2deg)scale(.985)}88%{transform:rotateY(-6deg)rotate(1deg)scale(1.015)}to{opacity:1;transform:rotateY(0)rotate(0)scale(1)}}@keyframes card-title-in{0%{opacity:0;transform:translateY(-30%)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-hint-in{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:translateY(0)}}@keyframes card-glow{0%{opacity:0;transform:scale(.6)}38%{opacity:1;transform:scale(1.07)}to{opacity:.4;transform:scale(1)}}@keyframes card-shine{0%{transform:translate(-224%)rotate(18deg)}to{transform:translate(293%)rotate(18deg)}}@keyframes open-box-info{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes left-right{0%,30%,to{transform:none}5%{transform:translate(-25%)rotate(-5deg)}10%{transform:translate(20%)rotate(3deg)}15%{transform:translate(-15%)rotate(-3deg)}20%{transform:translate(10%)rotate(2deg)}25%{transform:translate(-5%)rotate(-1deg)}}@keyframes orbit-drift{0%,to{transform:rotate(-20deg)translate(0)}50%{transform:rotate(-16deg)translate(2%,-3%)}}@keyframes orbit-drift-two{0%,to{transform:rotate(8deg)scale(1)}50%{transform:rotate(13deg)scale(1.03)}}@keyframes sparkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(90deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes gift-press{0%{transform:scale(1)}48%{transform:scale(.96)}to{transform:scale(1)}}@keyframes opening-veil{0%{opacity:0}}@keyframes box-body-arrive{0%{opacity:0;transform:translateY(3%)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes box-lid-open{0%{transform:rotate(0)}16%{transform:rotate(-2deg)}to{transform:rotate(25deg)}}@keyframes box-light-expand{0%{opacity:.35;transform:scale(0)}18%{opacity:.75}to{opacity:1;transform:scale(1)}}@keyframes veil-in{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(18px)scale(.82)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}