@font-face{font-family:Campaign;src:url('/assets/noto-tc-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--blue:#286cf0;--deep:#1025b4;--cyan:#29a3e8;--ink:#143777;--lime:#d8ee36;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:#e4edf7;color:var(--ink);font-family:Campaign,'PingFang TC','Microsoft JhengHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #132abd;outline-offset:5px}button:disabled{cursor:wait;opacity:.55}img{max-width:100%;display:block}p{line-height:1.65}h1,h2,h3,p{margin:0}a{color:inherit}#app{width:min(100%,480px);margin:0 auto;position:relative;min-height:100svh;container-type:inline-size;box-shadow:0 0 90px #31599124;background:#c6ddeb;outline:0;overflow:clip}.page{position:relative;min-height:177.777cqw;padding:0 6cqw 7cqw;isolation:isolate;animation:page-in .55s var(--ease) both}.page::before{content:'';position:absolute;inset:0;z-index:-3;background:#c7dbe6 url('/assets/people.webp') center -27.6cqw/101.4% auto no-repeat}.brand{height:28cqw;display:flex;align-items:flex-start;justify-content:space-between;padding-top:4.5cqw}.brand .tagline{color:#151515;font-size:3.1cqw;font-weight:400}.brand .tagline strong{font-weight:800}.brand img{width:10cqw;height:10cqw;object-fit:contain}.brand a{display:block}.hero{padding:0;min-height:177.777cqw}.hero::before{background:linear-gradient(180deg,#3d7bebbd 0%,#95b6efb3 39%,#bbdaf47a 78%,#27bfdd80),url('/assets/shop.webp') center/cover}.hero .brand{padding:4.5cqw 5.2cqw 0;height:15.2cqw}.hero .tagline{color:white}.headline{padding:0 13.5cqw;color:white;text-shadow:.4cqw .7cqw .8cqw #345f9345;line-height:1.32;letter-spacing:1cqw;font-weight:800;font-size:8.9cqw;position:relative}.headline .line{display:block;white-space:nowrap;animation:copy-in .9s var(--ease) both}.headline .line:nth-child(2){text-align:right;animation-delay:.15s}.headline .coins{font-size:8cqw;display:inline-block;letter-spacing:0;vertical-align:middle}.headline .trend{position:absolute;left:18cqw;bottom:2cqw;width:20cqw;height:7cqw;stroke:white;fill:none;stroke-width:3;stroke-dasharray:7 6}.headline .spark{font-size:7cqw;position:absolute;right:22cqw;top:2cqw;animation:twinkle 5s ease-in-out infinite}.title-pill{display:table;margin:2.3cqw auto 4cqw;padding:1.1cqw 4.6cqw 1.5cqw;border-radius:0 9cqw 9cqw;background:white;color:var(--blue);font-size:3.6cqw;font-weight:800;letter-spacing:1cqw;box-shadow:0 .7cqw 1cqw #4569a430;animation:copy-in .8s .25s both}.campaign-sub{color:white;text-align:center;font-size:3.8cqw;font-weight:800;letter-spacing:.55cqw;margin:0 14cqw;padding:1.5cqw 0 2cqw;border-block:1px solid #ffffffb0;position:relative;animation:copy-in .8s .35s both}.campaign-sub:after{content:'✦';position:absolute;bottom:-3cqw;right:-2cqw;font-size:5cqw;animation:twinkle 5s 1s infinite}.hero-art{height:92cqw;position:relative}.island{position:absolute;width:80.5cqw;left:18.9cqw;top:4.5cqw;filter:drop-shadow(1.1cqw 1.6cqw 0 #4c77a355);animation:island-in 1.2s .25s var(--ease) both}.carl-wrap{position:absolute;left:8cqw;top:3cqw;width:21cqw;text-align:center;animation:copy-in .8s .7s both}.carl-wrap img{height:38cqw;width:100%;object-fit:contain;transform-origin:50% 90%;animation:carl-idle 7s 1.5s ease-in-out infinite}.carl-wrap:after{content:'';position:absolute;top:32cqw;left:2cqw;width:18cqw;height:8cqw;border:1px solid white;border-radius:50%;box-shadow:0 0 12px white;z-index:-1}.carl-wrap p{font-size:2.3cqw;color:#101a2d;line-height:1.6;margin-top:2cqw;font-weight:600}.carl-wrap strong{font-size:2.9cqw}.pin{position:absolute;width:10cqw;height:13cqw;border:1px solid #133d67;background:#84dff1;clip-path:polygon(50% 100%,9% 43%,0 26%,5% 12%,23% 2%,50% 0,77% 2%,95% 12%,100% 26%,91% 43%);filter:drop-shadow(0 2px 2px #335);animation:pin-in .65s calc(.6s + var(--i)*.16s) var(--ease) both,pin-idle 4s calc(1.5s + var(--i)*.6s) ease-in-out infinite}.pin img{width:5cqw;height:5cqw;margin:1.6cqw auto;padding:.5cqw;background:white;border-radius:50%}.pin.one{left:77%;top:3%}.pin.two{left:43%;top:23%}.pin.three{left:67%;top:39%}.pin.four{left:40%;top:62%}.gift-note{position:absolute;right:0;bottom:3.5cqw;background:white;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%);width:36cqw;padding:4cqw 2cqw 3cqw 5cqw;font-size:3.1cqw;font-style:italic;font-weight:800;text-align:center;line-height:1.6;color:#284592}.gift-box{position:absolute;right:10cqw;bottom:19cqw;font-size:10cqw;color:#2265ab;filter:drop-shadow(1px 3px 0 #fff);animation:float 6s 2s ease-in-out infinite}.hero-actions{display:flex;gap:5cqw;padding:1cqw 7.5cqw 7cqw}.button{display:inline-flex;justify-content:center;align-items:center;gap:2cqw;border:2px solid white;border-radius:10cqw;background:linear-gradient(108deg,#0754a4,#2d6ef0 72%,#3278f4);color:white;font-size:3.7cqw;font-weight:750;letter-spacing:.6cqw;padding:1.5cqw 4cqw;min-height:10cqw;line-height:1.4;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;isolation:isolate;text-decoration:none}.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 38%,#ffffff22 38%,#ffffff22 52%,transparent 52%,transparent 55%,#ffffff16 55%,#ffffff16 60%,transparent 60%);background-size:200% 100%;animation:sheen 8s linear infinite}.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #2a76b433}.button:active{transform:scale(.97)}.button.cyan{background:var(--cyan)}.button.lime{background:var(--lime);color:#0b1206;border:1px solid #152500;font-size:3.8cqw}.button.lime:after{display:none}.button.small{min-height:7cqw;font-size:2.6cqw;padding:1cqw 3cqw}.button.ghost{background:white;color:#2679be;border:1px solid #78a6c8}.hero-actions .button{flex:1;font-size:4.9cqw;min-height:13.5cqw;padding-inline:1cqw}.choices{padding:9cqw 8cqw 19cqw;display:grid;gap:6cqw;min-height:91cqw;align-content:start}.choice{position:relative;display:flex;align-items:center;gap:4cqw;padding:4cqw 5cqw;background:#fff;border:1.5px solid #6e94c0;box-shadow:0 1cqw 0 #4872a44d;border-radius:8cqw;min-height:23cqw;color:#2374c0;font-size:4.7cqw;font-weight:800;letter-spacing:.5cqw;animation:panel-in .75s .2s var(--ease) both;transition:transform .25s}.choice:nth-child(2){animation-delay:.35s}.choice:hover{transform:translateY(-3px)}.choice img{width:24cqw;height:19cqw;object-fit:contain}.choice .icon{width:18cqw;font-size:10cqw}.lens{margin:9cqw auto 8cqw;width:78cqw;height:83cqw;border:1px solid white;border-bottom-width:4px;border-radius:45% 55% 46% 54%;display:grid;place-content:center;text-align:center;position:relative;box-shadow:inset 0 0 20px #fff7,0 8px 0 #83abd960;background:linear-gradient(130deg,#ffffff50,transparent 50%,#90e9f833);overflow:hidden}.lens:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 45%,#fff5 50%,transparent 55%);animation:lens-sweep 7s ease-in-out infinite;pointer-events:none}.lens h2{font-size:4.4cqw;line-height:1.7}.lens p{font-size:3cqw;margin-top:2cqw}.center{text-align:center}.actions{display:flex;justify-content:center;gap:3cqw;margin-top:5cqw;flex-wrap:wrap}.section-title{position:relative;display:table;margin:0 auto -3cqw;background:linear-gradient(100deg,#0854a4,#2d6efa);color:white;font-size:3.5cqw;letter-spacing:.4cqw;line-height:1.4;padding:1.5cqw 5cqw;border-radius:6cqw;z-index:2}.section-title:before,.section-title:after{content:'';position:absolute;width:2.8cqw;height:2.8cqw;top:50%;translate:0 -50%;border-radius:50%;background:#005595}.section-title:before{left:-4cqw}.section-title:after{right:-4cqw;background:#2871eb}.panel{border:1.5px solid #81a9cb;border-radius:8cqw;background:#ffffffed;padding:7cqw 5cqw 5cqw;box-shadow:0 1.3cqw 0 #628caf40;position:relative;animation:panel-in .7s .1s var(--ease) both}.panel p{font-size:3.1cqw}.campaign-head{width:75%;margin:-9cqw auto 3cqw;padding:4cqw 3cqw 3cqw;text-align:center;background:#fffffff0;border:1px solid #a4cbd7;border-radius:50%;position:relative}.campaign-head h1{font-size:3.4cqw;color:#153b77;line-height:1.55}.campaign-head small{font-size:2.5cqw}.activity .brand{height:34cqw}.activity-card{position:relative;background:#fffffff0;border:1px solid #7698c5;border-bottom:1.5cqw solid #7093c2;border-radius:45% 47% 45% 44%;min-height:52cqw;text-align:center;padding:10cqw 7cqw 8cqw;margin:0 9cqw 8cqw -1cqw;animation:panel-in .9s .15s var(--ease) both}.activity-card:nth-of-type(2){margin:0 -2cqw 6cqw 12cqw;animation-delay:.3s}.ribbon{position:absolute;left:2cqw;right:10cqw;top:-3cqw;padding:2cqw 0 2cqw 10cqw;color:white;background:#2b6aeb;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%);font-size:3.5cqw;letter-spacing:.2cqw}.ribbon b{margin-right:2cqw}.activity-card h2{color:#101820;font-size:3.9cqw;line-height:1.55}.activity-card p{color:#286bf4;font-size:3.2cqw;font-weight:700;margin:3cqw -3cqw 4cqw;line-height:1.5}.activity-map{position:absolute;right:-15cqw;top:16cqw;width:28cqw;pointer-events:none}.activity-glasses{position:absolute;left:-14cqw;top:21cqw;width:27cqw;rotate:-8deg}.activity-card .button{min-width:32cqw}.activity-card:after{content:'';position:absolute;bottom:-4cqw;left:8%;width:82%;height:10cqw;border-bottom:2px dashed white;border-radius:50%;pointer-events:none}.steps{counter-reset:steps;display:grid;gap:6cqw;padding-top:2cqw}.step{position:relative;padding-left:9cqw;border-left:1px dashed #a3c5e5;margin-left:3cqw}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:-4cqw;top:0;border-radius:50%;width:8cqw;height:8cqw;display:grid;place-items:center;background:var(--blue);color:white;font-weight:700;border:3px solid white}.step h3{font-size:3.7cqw;margin:0 0 1.5cqw}.step p{font-size:3cqw}.note{font-size:2.7cqw!important;color:#5b6c80;line-height:1.65;margin-top:2cqw}.form-grid{display:grid;gap:3.2cqw}.field{display:grid;gap:1.2cqw;font-size:3cqw;font-weight:700}.field input,.field select{background:#e0f4fc;color:#184471;border:1px solid transparent;border-radius:1cqw;width:100%;min-width:0;min-height:9cqw;padding:2cqw;font-size:max(16px,3.2cqw);font-weight:500;outline:0;transition:box-shadow .2s,background .2s}.field input:focus,.field select:focus{border-color:#3688da;background:#f3fbff;box-shadow:0 0 0 3px #4088eb20}.field small{font-size:2.5cqw;font-weight:400;color:#5c7385}.checkbox{display:flex;align-items:flex-start;gap:2cqw;font-size:2.8cqw;line-height:1.6;color:#263846}.checkbox input{width:4cqw;height:4cqw;flex-shrink:0;accent-color:var(--blue);margin:1px 0}.text-link{border:0;padding:0;background:none;color:#176bd1;text-decoration:underline;font-size:inherit;cursor:pointer}.upload{border:1px dashed #8ca9d0;border-radius:3cqw;background:#f6fcff;padding:3cqw}.upload input{background:transparent;padding:0;font-size:2.7cqw}.upload input::file-selector-button{font:inherit;border:0;border-radius:5cqw;background:var(--lime);padding:2cqw 4cqw;margin-right:2cqw}.upload img{max-height:35cqw;object-fit:contain;margin:3cqw auto 0}.upload .file-status{font-size:2.6cqw;color:#62778e;font-weight:400;margin-top:1cqw}.invoice-options{display:grid;gap:3cqw;padding:3cqw 0}.invoice-options .button{min-height:16cqw;border-radius:4cqw;font-size:4cqw;justify-content:flex-start;padding-left:6cqw}.invoice-options svg{width:7cqw;height:7cqw;stroke:currentColor;fill:none;stroke-width:1.5}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.store-map{position:relative;background:linear-gradient(135deg,#e3f3ee,#caeaf9);border-radius:4cqw;padding:5cqw 4cqw;margin:3cqw 0;overflow:hidden;text-align:center}.store-map img{height:48cqw;margin:auto;opacity:.9}.store-map h3{font-size:3.6cqw;margin:2cqw 0}.store-map p{font-size:2.8cqw}.prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin:5cqw 0}.prize{border-top:1px solid #b4d1f0;padding-top:3cqw;text-align:center}.prize .art{height:14cqw;display:grid;place-items:center;font-size:8cqw;color:#196ccc}.prize h3{font-size:2.9cqw;line-height:1.6}.prize p{font-size:2.5cqw}.rules h2{font-size:4cqw;color:var(--blue);margin:5cqw 0 2cqw}.rules h2:first-child{margin-top:0}.rules p{margin:2cqw 0}.success-panel{margin-top:10cqw;text-align:center;padding-block:10cqw}.success-mark{display:grid;place-items:center;width:18cqw;height:18cqw;background:#438fff;color:white;border-radius:40%;margin:0 auto 5cqw;rotate:-8deg;animation:success-in .7s var(--ease) both}.success-mark svg{width:65%;height:65%;stroke:white;stroke-width:5;fill:none;stroke-dasharray:80;animation:check-draw .7s .35s both}.success-panel h1{font-size:3.8cqw;margin-bottom:4cqw;color:#3483d1}.success-panel p{line-height:1.8}.success-carl{position:absolute;width:14cqw;left:-2cqw;bottom:-9cqw;animation:carl-idle 7s infinite}.stats-total{font-size:8cqw;font-weight:800;background:#dff3fd;border-radius:3cqw;text-align:center;margin-bottom:4cqw;padding:2cqw}.stats-total small{font-size:3cqw;margin-left:2cqw}.table-head{display:flex;justify-content:space-between;font-size:2.6cqw;padding:1cqw}.week{border-radius:2cqw;background:#f0f2f4;margin:2cqw 0;font-size:2.6cqw}.week summary{padding:2.5cqw 2cqw;display:flex;justify-content:space-between;gap:2cqw;cursor:pointer;list-style:none}.week summary:after{content:'展開⌄';color:#398dc1;white-space:nowrap}.week[open] summary:after{content:'收合⌃'}.week ul{list-style:none;padding:0 3cqw 3cqw;margin:0;color:#607184;line-height:2}.reward{border:1px solid #cee4f4;border-radius:4cqw;text-align:center;padding:4cqw;margin-top:4cqw}.reward h3{font-size:3.5cqw}.reward p{font-size:3cqw}.reward strong{color:var(--blue)}.milestones{display:flex;justify-content:space-between;border-bottom:3px solid #92c5f2;padding-bottom:2cqw;margin:4cqw 0;font-size:2.6cqw}.progress{height:2cqw;background:#dce8f2;border-radius:3cqw;overflow:hidden}.progress i{display:block;background:var(--blue);height:100%;width:73%;animation:progress-in 1s var(--ease) both}.preview-bar{width:min(100%,480px);margin:auto;display:flex;justify-content:center;align-items:center;gap:12px;background:#eff5fb;padding:10px 5px;font-size:10px;color:#557189}.preview-bar button{font-size:10px;color:#426b93;border:0;background:none;padding:5px;text-decoration:underline}dialog{border:1.5px solid #8cb1dc;border-radius:25px;padding:30px 24px;color:var(--ink);width:min(88vw,380px);box-shadow:0 12px 70px #19326355;overflow:visible;text-align:center}dialog::backdrop{background:#081421b3;backdrop-filter:blur(3px)}dialog[open]{animation:modal-in .35s var(--ease) both}dialog h2{font-size:18px;margin:5px 0 12px}dialog p{font-size:14px;margin:10px 0 20px}dialog .button{font-size:15px;min-height:44px;padding:8px 22px;letter-spacing:2px}dialog .modal-icon{position:absolute;top:-19px;left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;background:#247cf5;color:white;font-size:27px;font-weight:bold;box-shadow:0 3px 0 #bde7ff}dialog .actions{margin:15px 0 0;gap:10px}#overview-dialog{width:min(92vw,600px);overflow:auto;max-height:85svh;text-align:left}#overview-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}#overview-dialog nav button{border:1px solid #d3e4f6;padding:11px 8px;border-radius:10px;background:#f2f8ff;color:#1b5ca1;font-size:13px;text-align:left}#overview-dialog h3{font-size:14px;margin-top:20px}.camera-preview{width:100%;aspect-ratio:4/3;background:#16334b;border-radius:4cqw;object-fit:cover}.camera-frame{position:relative}.camera-frame:after{content:'';position:absolute;inset:15% 12%;border:2px solid #b8f2ff;border-radius:3cqw;pointer-events:none}.scan-line{position:absolute;top:20%;left:15%;right:15%;height:2px;background:#c3faff;box-shadow:0 0 10px #69daff;animation:scan 3s ease-in-out infinite}.error-message{color:#b82735;font-size:3cqw;line-height:1.6}.preview-notice{font-size:2.6cqw!important;background:#eaf4ff;border-radius:2cqw;padding:2cqw 3cqw;margin-bottom:4cqw;color:#416887}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .page,.motion-paused .line,.motion-paused .title-pill,.motion-paused .campaign-sub,.motion-paused .island,.motion-paused .carl-wrap,.motion-paused .choice,.motion-paused .panel,.motion-paused .activity-card,.motion-paused .pin{animation:none!important}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes copy-in{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes panel-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes island-in{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes pin-in{from{opacity:0;translate:0 -18px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes pin-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes carl-idle{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg) translateY(-2px)}}@keyframes twinkle{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.1}}@keyframes float{50%{transform:translateY(-4px)}}@keyframes sheen{0%,60%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes lens-sweep{0%,35%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes success-in{from{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes check-draw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes progress-in{from{width:0}}@keyframes scan{50%{top:75%}}
@media(min-width:700px){body{padding:24px 0}#app{min-height:0;border-radius:8px}.preview-bar{border-radius:0 0 8px 8px}.page{min-height:853px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Full-height portrait stage. Long forms retain natural document scrolling. */
body{padding:0}
#app{width:min(100%,calc(100svh * 9 / 16));min-height:100svh;border-radius:0}
.page{min-height:100svh}
.hero{display:flex;flex-direction:column}
.hero-art{flex:1;min-height:92cqw}
.hero .choices{flex:1}
.hero-actions{margin-top:auto}
.preview-bar{position:fixed;bottom:8px;right:10px;width:auto;max-width:calc(100vw - 20px);border-radius:20px;padding:5px 10px;background:#f3f8fbe8;box-shadow:0 1px 8px #33597718;z-index:5}
@media(max-aspect-ratio:9/16){.preview-bar{position:relative;bottom:auto;right:auto;width:100%;max-width:100%;border-radius:0}.hero .hero-art{min-height:92cqw}.hero-actions{padding-bottom:max(7cqw,env(safe-area-inset-bottom))}}
.headline .coins{width:7cqw;height:10cqw;vertical-align:middle;margin-top:-1cqw}.gift-box{width:14cqw;height:16cqw;bottom:18cqw}
/* Source-coordinate correction: 720 × 1280 artboards, text remains live. */
.hero::before{background:#98c8ef url('/assets/bg-home.webp') center top/100% auto no-repeat}
.hero .headline{position:absolute;top:14.58cqw;left:12.5cqw;width:71.53cqw;height:25cqw;padding:0;animation:copy-in 1s var(--ease) both}
.headline img{width:100%;height:100%;object-fit:contain}
.hero .brand{height:41cqw;flex-shrink:0}
.hero .title-pill{margin:0 auto;min-height:7.64cqw;font-size:3.28cqw;padding:1.2cqw 4.6cqw;letter-spacing:1cqw;line-height:1.55}
.hero .campaign-sub{margin:4.1cqw 14cqw 0;font-size:4.03cqw;padding:1.5cqw 0;letter-spacing:.6cqw;white-space:nowrap;line-height:1.6}
.hero .hero-art{min-height:93cqw}.hero .choices{padding-top:8cqw;padding-bottom:16cqw;min-height:93cqw}
.hero .choice{min-height:23cqw}
.intro::before{background-image:url('/assets/bg-intro.webp')}
.intro .tagline{color:#111}.intro .title-pill{background:#2d6ced;color:white;box-shadow:none}
.intro .campaign-sub{color:#2c6ef0;border-image:linear-gradient(90deg,transparent,#397af6,transparent) 1}
.intro .lens{position:absolute;left:7.64cqw;top:69.17cqw;width:85.56cqw;height:60cqw;margin:0;border:0;border-radius:0;box-shadow:none;background:none;display:block;overflow:visible}
.intro .lens-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.intro .lens:after{display:none}
.intro .lens h2{position:absolute;top:12.65cqw;left:5cqw;right:0;font-size:4.937cqw;line-height:1.5;color:#102fb3;font-weight:700}
.intro .lens p{position:absolute;top:30.8cqw;left:7cqw;right:4cqw;margin:0;font-size:3.92cqw;line-height:1.5;letter-spacing:.7cqw;color:white}
.intro-next{position:absolute;top:137.36cqw;left:28.89cqw;width:42.22cqw}
.intro-next .button{width:100%;height:14.44cqw;font-size:5.23cqw;background:#2e6bf0;border-width:2px;padding:0;letter-spacing:1.2cqw}
.intro-rules{position:absolute;top:156.25cqw;left:35.83cqw;width:28.61cqw;margin:0}
.intro-rules .button{width:100%;height:9.72cqw;font-size:3.77cqw;padding:0;letter-spacing:.5cqw}
.page:not(.hero)::before{background-image:url('/assets/bg-activities.webp');background-position:center top;background-size:100% auto}
@media(hover:hover){.button:hover{transform:translateY(-3px);filter:brightness(1.075);box-shadow:0 0 0 2px #ffffff55,0 7px 18px #236ec33d}.button:hover:after{background-position:-100% 0;transition:background-position .65s var(--ease)}.choice:hover{transform:translateY(-4px);box-shadow:0 1.4cqw 0 #4872a433,0 2cqw 5cqw #3c83d42b}.choice:hover img{transform:translateY(-3px) rotate(-2deg);transition:transform .45s var(--ease)}}
.button:active{transform:translateY(1px) scale(.95);filter:brightness(.98);box-shadow:inset 0 3px 8px #12347335}.choice:active{transform:translateY(2px) scale(.97);box-shadow:0 .3cqw 0 #4872a44d}.button.clicked,.choice.clicked{animation:click-spring .42s var(--ease)}
@keyframes click-spring{0%{scale:.95}50%{scale:1.025}100%{scale:1}}
.preview-bar{opacity:.3;transition:opacity .2s}.preview-bar:hover,.preview-bar:focus-within{opacity:1}

@font-face{font-family:Campaign;src:url('/assets/noto-tc-regular.woff2') format('woff2');font-weight:100 599;font-display:swap}