:root{--orange: #ff5000;--blue: #060e9f;--yellow: #ffce00;--sky: #8eb9c9;--beige: #fae0b8;--cyan: #0076a9;--white: #ffffff;--paper: #f7f9fc;--ink: var(--blue);--muted: rgba(6, 14, 159, .6);--line: rgba(6, 14, 159, .14);--scene-bg: var(--paper);--scene-fg: var(--blue);--scene-accent: var(--orange);--gutter: clamp(32px, 9vw, 48px);--logo-a: var(--orange);--logo-b: var(--blue);font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;overflow-y:scroll;overscroll-behavior-y:none}body{margin:0;background:var(--paper)}button{font:inherit}.scene{position:relative;height:100vh;height:100svh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;color:var(--scene-fg);background:var(--paper)}.bg{position:absolute;inset:0;background:var(--scene-bg)}.floats{position:absolute;inset:0;pointer-events:none}.float{position:absolute;will-change:transform}.shape{display:block;width:100%;height:100%;overflow:visible}.content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(6px,1.4svh,14px);width:min(100%,520px);height:100%;margin:0 auto;padding:clamp(64px,10svh,92px) var(--gutter) clamp(72px,11svh,96px);will-change:transform}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;letter-spacing:.06em}.eyebrow__no{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;color:var(--scene-bg);background:var(--scene-fg);font-weight:900;font-variant-numeric:tabular-nums}.label{margin:0;font-size:clamp(14px,2.4svh,18px);font-weight:700;opacity:.85}.stat{margin:0;font-size:clamp(64px,min(22vw,13svh),132px);font-weight:900;line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.stat--xl{font-size:clamp(64px,min(20vw,13svh),140px)}.stat--long{font-size:clamp(44px,min(15vw,11svh),120px)}.stat__unit{margin-left:.12em;font-size:.3em;letter-spacing:0}.code{margin:0;font-size:clamp(88px,min(32vw,19svh),190px);font-weight:900;line-height:.85;letter-spacing:-.05em}.range{margin:0;font-size:clamp(34px,min(11vw,7svh),72px);font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.title{word-break:keep-all;margin:0;font-size:clamp(32px,min(11vw,6.6svh),60px);font-weight:900;line-height:1.12;letter-spacing:-.01em}.title--xl{font-size:clamp(52px,min(18vw,11svh),104px);line-height:1}.title--md{font-size:clamp(26px,min(8vw,5svh),42px)}.title--badge{display:inline-block;padding:.14em .5em .18em;border-radius:999px;color:var(--white);background:var(--blue);font-size:clamp(24px,min(9.4vw,6.4svh),56px);white-space:nowrap;rotate:-3deg}.blurb{max-width:30em;margin:0;font-size:clamp(14px,2.4svh,17px);font-weight:500;line-height:1.65}.share{margin-top:clamp(10px,3svh,28px)}.share-btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:14px 14px 14px 26px;overflow:hidden;border:0;border-radius:999px;color:var(--white);background:var(--orange);box-shadow:0 6px 0 var(--blue);font-size:clamp(16px,4.8vw,18px);font-weight:900;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;animation:btn-bob 2.4s ease-in-out infinite}.share-btn:after{content:"";position:absolute;top:-20%;left:-40%;width:22%;height:140%;background:#ffffff61;transform:skew(-20deg);animation:btn-shine 3s ease-in-out infinite;pointer-events:none}.share-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--blue)}.share-btn:disabled{cursor:progress}.share-btn__icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--orange);background:var(--white)}.share-btn.breathe{animation:btn-breathe 1.8s ease-in-out infinite}.share-status{min-height:1.4em;margin:10px 0 0;font-size:13px;font-weight:700}.share-status--error{padding:6px 10px;border-radius:10px;color:var(--white);background:var(--ink)}.link-tip{position:fixed;left:50%;bottom:calc(68px + env(safe-area-inset-bottom));z-index:20;display:grid;gap:4px;width:min(360px,calc(100% - 32px));translate:-50% 0;padding:12px 34px 12px 14px;border:2px solid var(--blue);border-radius:16px;color:var(--blue);background:var(--white);box-shadow:4px 4px 0 var(--blue);font-size:13px;line-height:1.55}.link-tip{animation:tip-in .25s ease-out;transition:opacity .3s ease,transform .3s ease}.link-tip--leaving{opacity:0;transform:translateY(12px)}@keyframes tip-in{0%{opacity:0;transform:translateY(12px)}}.link-tip strong{color:var(--orange);font-size:15px;font-weight:900}.link-tip b{font-weight:900;word-break:break-all}.link-tip__close{position:absolute;top:6px;right:8px;border:0;color:var(--blue);background:none;font-size:20px;line-height:1;cursor:pointer}.spin{animation:spin .9s linear infinite}@keyframes btn-bob{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes btn-shine{0%,55%{left:-40%}to{left:130%}}@keyframes btn-breathe{0%,to{box-shadow:0 6px 0 var(--yellow),0 0 #ff5000b3;scale:1}50%{box-shadow:0 6px 0 var(--yellow),0 0 0 20px #ff500000;scale:1.05}}@keyframes spin{to{rotate:360deg}}.scene--hero{--scene-bg: var(--blue);--scene-fg: var(--white)}.scene--tenure{--scene-bg: var(--beige);--scene-fg: var(--blue)}.scene--category{--scene-bg: var(--orange);--scene-fg: var(--white)}.scene--count{--scene-bg: var(--yellow);--scene-fg: var(--blue)}.scene--time{--scene-bg: var(--sky);--scene-fg: var(--blue)}.scene--region{--scene-bg: var(--cyan);--scene-fg: var(--white)}.scene--channel{--scene-bg: var(--paper);--scene-fg: var(--blue)}.scene--summary{--scene-bg: var(--blue);--scene-fg: var(--white)}.scene--hero,.scene--summary,.scene--region{--logo-b: var(--white)}.scene--category{--logo-a: var(--white)}.ticket{--logo-a: var(--orange);--logo-b: var(--blue)}.scene--category .share-btn{color:var(--orange);background:var(--white)}.scene--category .share-btn__icon{color:var(--white);background:var(--orange)}.wordmark{display:block;width:auto;height:20px;aspect-ratio:1485.94 / 289.58}.main-logo{display:block;width:auto;aspect-ratio:241 / 73.5}.wordmark__a{fill:var(--logo-a)}.wordmark__b{fill:var(--logo-b)}.brandbar{position:absolute;top:calc(20px + env(safe-area-inset-top));left:max(var(--gutter),calc((100% - 520px) / 2 + var(--gutter)));z-index:3;display:flex;align-items:center;gap:10px;color:var(--scene-fg);font-size:12px;font-weight:700;letter-spacing:.06em}.brandbar span{padding-left:10px;border-left:2px solid currentColor;line-height:1;opacity:.85}.float--mascot img.shape{height:auto}.float--mascot-badge,.float--mascot-e,.float--mascot-water,.float--mascot-icon{aspect-ratio:1;animation:spirit-wobble 4s ease-in-out infinite}.float--mascot-eating{max-width:64vw}.mascot-icon{display:grid;place-items:center;border-radius:50%;background:var(--white);box-shadow:0 5px 0 var(--blue)}.mascot-icon img{width:64%;height:64%}@keyframes spirit-wobble{0%,to{rotate:-8deg}50%{rotate:8deg}}.scene--hero .content{align-items:center;text-align:center}.hero__brand .main-logo{height:clamp(56px,9svh,84px)}.hero__year{display:flex;margin:0;font-size:clamp(88px,min(30vw,22svh),220px);font-weight:900;line-height:.9;letter-spacing:-.06em}.hero__digit{display:inline-block}.hero__digit--1{color:var(--orange)}.hero__digit--2{color:var(--yellow)}.hero__title{margin:0;font-size:clamp(20px,3.4svh,28px);font-weight:900}.hero__period{margin:0;font-size:13px;font-weight:500;opacity:.75}.rings{position:absolute;right:2vmin;bottom:2vmin;width:0;height:0}.ring{position:absolute;aspect-ratio:1;border:2.6vmin solid;border-radius:50%;translate:-50% -50%}.stack{position:absolute;top:1%;right:-8vmin;width:40vmin;height:40vmin}.stack-block{position:absolute;display:block}.stack-block--a{right:0;bottom:0;width:28vmin;height:28vmin;background:var(--blue);rotate:12deg}.stack-block--b{left:4vmin;bottom:14vmin;width:22vmin;height:22vmin;border-radius:50%;background:var(--beige)}.stack-block--c{right:6vmin;top:0;width:20vmin;height:18vmin;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.burst{position:absolute;top:50%;right:0}.burst-bit{position:absolute;width:7vmin;height:7vmin;translate:-50% -50%}.dial{position:absolute;top:5%;right:-18vmin;width:56vmin;height:56vmin}.dial svg{display:block;width:100%;height:100%}.grid{position:absolute;top:7%;right:6%;display:grid;grid-template-columns:repeat(5,5vmin);gap:2.6vmin}.grid-cell{position:relative;width:5vmin;height:5vmin;border-radius:50%;background:#ffffff52}.grid-cell.is-hit{background:var(--yellow)}.grid-cell.is-hit:after{content:"";position:absolute;inset:0;border:.8vmin solid var(--yellow);border-radius:50%;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{scale:1;opacity:1}to{scale:2.8;opacity:0}}.orbit{position:absolute;top:4%;right:-12vmin;width:52vmin;height:52vmin;animation:orbit 18s linear infinite}.orbit-pill{position:absolute;top:0;left:calc(50% - 3.5vmin);width:7vmin;height:16vmin;border-radius:999px;transform-origin:50% 26vmin}@keyframes orbit{to{rotate:360deg}}.logo-card{display:grid;place-items:center;padding:10px;border:4px solid var(--orange);border-radius:28px;background:var(--white);box-shadow:8px 8px 0 var(--blue);transform-style:preserve-3d}.logo-card img{display:block;width:clamp(92px,15svh,140px);height:clamp(92px,15svh,140px);border-radius:16px;object-fit:contain}.logo-card:has(.logo-card__text){min-width:min(64vw,280px);min-height:clamp(96px,16svh,150px);padding:18px 24px}.logo-card__text{max-width:14em;color:var(--blue);font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1.25;text-align:center;word-break:keep-all}.scene--summary .content{align-items:center}.summary__kicker{margin:0;font-size:15px;font-weight:900;letter-spacing:.08em}.ticket{position:relative;width:min(100%,360px);padding:clamp(12px,2.2svh,20px) 20px clamp(10px,1.8svh,16px);border-radius:22px;color:var(--blue);background:var(--white)}.ticket__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(6px,1.2svh,12px);border-bottom:3px solid var(--blue)}.ticket__brand{height:34px}.ticket__title{font-size:18px;font-weight:900}.ticket__rows{margin:0}.ticket-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:clamp(5px,1.05svh,10px) 0;border-bottom:1px dashed var(--line)}.ticket-row dt{flex:none;color:var(--muted);font-size:13px;font-weight:700}.ticket-row dd{margin:0;overflow:hidden;font-size:15px;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ticket-row.is-highlight dd{color:var(--orange);font-size:17px}.ticket__stub{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:clamp(8px,1.6svh,14px);padding-top:clamp(8px,1.6svh,14px);border-top:3px dashed var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}.ticket__stub:before,.ticket__stub:after{content:"";position:absolute;top:-15px;width:26px;height:26px;border-radius:50%;background:var(--blue)}.ticket__stub:before{left:-33px}.ticket__stub:after{right:-33px}.ticket__barcode{display:flex;gap:3px;height:22px}.ticket__barcode i{display:block;background:var(--blue)}.swipe-hint{position:fixed;left:50%;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;width:112px;height:calc(56px + env(safe-area-inset-bottom));padding-top:10px;border-radius:56px 56px 0 0;color:var(--white);background:#00000080;translate:-50% 0;pointer-events:none;transition:opacity .4s ease,translate .4s ease}.swipe-hint.is-hidden{opacity:0;translate:-50% 24px}.swipe-hint__chevrons{display:flex;flex-direction:column;align-items:center;height:22px;animation:hint-rise 1.6s ease-in-out infinite}.swipe-hint__chevrons svg+svg{margin-top:-14px;opacity:.55}.swipe-hint__text{font-size:11px;font-weight:700;letter-spacing:.12em}@keyframes hint-rise{0%{translate:0 6px;opacity:.3}50%{opacity:1}to{translate:0 -6px;opacity:.3}}.progress{position:fixed;top:50%;right:10px;z-index:10;display:flex;flex-direction:column;gap:8px;translate:0 -50%;mix-blend-mode:difference;pointer-events:none}.progress span{width:6px;height:6px;border-radius:999px;background:var(--white);opacity:.45;transition:height .3s ease,opacity .3s ease}.progress span.is-active{height:20px;opacity:1}.status-screen{display:grid;place-content:center;gap:16px;min-height:100svh;padding:24px;color:var(--white);background:var(--blue);text-align:center}.status-screen h1{margin:0;font-size:24px;font-weight:900}.status-screen p{margin:0;opacity:.85}.status-screen button{justify-self:center;padding:12px 26px;border:0;border-radius:999px;color:var(--white);background:var(--orange);font-weight:900;cursor:pointer}@media(prefers-reduced-motion:reduce){.share-btn,.share-btn:after,.share-btn.breathe,.swipe-hint__chevrons,.grid-cell.is-hit:after,.orbit,.float--mascot{animation:none}.burst{display:none}}.sheet-layer{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet-backdrop{position:absolute;inset:0;border:0;background:#00000080;animation:sheet-fade .2s ease-out}.sheet{position:relative;display:flex;flex-direction:column;width:min(520px,100%);height:90svh;margin:0 auto;padding:36px 20px calc(24px + env(safe-area-inset-bottom));border-radius:40px 40px 0 0;color:var(--white);background:#000;animation:sheet-up .3s cubic-bezier(.2,.9,.3,1)}.sheet__preview{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0}.sheet__preview img{display:block;width:auto;max-width:100%;height:100%;min-height:0;aspect-ratio:9 / 16;object-fit:contain;border-radius:14px}.sheet__loading{display:inline-flex;align-items:center;gap:8px;color:#fffc;font-size:14px;font-weight:700}.sheet__toast{position:absolute;bottom:12px;left:50%;margin:0;padding:8px 14px;border-radius:999px;translate:-50% 0;color:var(--blue);background:var(--white);font-size:13px;font-weight:700;white-space:nowrap;animation:sheet-fade .2s ease-out}.sheet__toast--error{color:var(--white);background:var(--orange);white-space:normal;width:max-content;max-width:calc(100% - 24px);text-align:center}.sheet__hint{display:flex;flex:none;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;border-radius:16px;background:#1c1c1c}.sheet__hint-art{flex:none}.sheet__hint p{display:grid;gap:2px;margin:0}.sheet__hint strong{color:var(--yellow);font-size:15px;font-weight:900;line-height:1.35}.sheet__hint span{color:#ffffffc7;font-size:12px;line-height:1.45}.sheet__body{flex:none;margin-top:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.35)}.sheet__title{margin:0 0 18px 4px;color:var(--white);font-size:17px;font-weight:500;letter-spacing:.02em}.sheet__targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 4px;margin:0;padding:0;list-style:none}.sheet-target{display:grid;justify-items:center;gap:8px;width:100%;padding:0;border:0;color:var(--white);background:none;cursor:pointer}.sheet-target:disabled{cursor:progress;opacity:.5}.sheet-target__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#000;background:var(--white);transition:transform .12s ease}.sheet-target--ig .sheet-target__icon{background:radial-gradient(circle at 30% 107%,#ffd600,#ff7a00,#ff0069,#d300c5,#7638fa)}.sheet-target--fb .sheet-target__icon{overflow:hidden;background:#0866ff}.sheet-target--fb .sheet-target__icon svg:not(.spin){transform:scale(1.06)}.sheet-target--line .sheet-target__icon{background:#06c755}.sheet-target:active .sheet-target__icon{transform:scale(.92)}.sheet-target__label{font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.sheet-layer.is-closing .sheet{animation:sheet-down .26s cubic-bezier(.4,0,1,1) forwards}.sheet-layer.is-closing .sheet-backdrop{animation:sheet-fade-out .26s ease-in forwards}.sheet-layer.is-closing{pointer-events:none}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes sheet-fade-out{to{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.sheet__toast,.link-tip{animation:none}}