:root{--ink: #7a665a;--muted: #9a8576;--primary: #ff7a59;--primary-ink: #ffffff;--accent: #6c8cff;--font: "Chiron GoRound TC", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--screen-max: 480px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{background-color:#404b23}body{font-family:var(--font);color:var(--ink);line-height:1.6;letter-spacing:.04em}.app{min-height:100dvh;display:flex;justify-content:center;background:#404b23}@media(min-width:481px){html,.app{background:#000}}.screen-wrap{position:relative;width:100%;max-width:var(--screen-max);overflow-x:clip}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none}.topbar-band{position:absolute;top:0;left:-3%;width:106%;height:auto}.screen-bg{position:relative;width:100%;max-width:var(--screen-max);min-height:100dvh;background-size:cover;background-position:center;background-color:#fef6e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 24px;text-align:center;animation:fade .3s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.stage{position:relative;width:100%;max-width:var(--screen-max);min-height:100dvh;overflow:hidden;background-size:cover;background-position:center;animation:fade .3s ease}.layer{pointer-events:none}.layer-visual{display:block;width:100%;height:auto}.layer-tag{position:absolute;top:0;left:0;z-index:999;padding:1px 5px;font-size:11px;line-height:1.4;font-weight:700;color:#fff;background:#db4437e6;border-radius:0 0 6px;white-space:nowrap;pointer-events:none}.stage-content{position:relative;z-index:5;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 24px;text-align:center}.anim-float{animation:floatY var(--dur, 4s) ease-in-out var(--delay, 0s) infinite both}.anim-spin{animation:spin var(--dur, 8s) linear var(--delay, 0s) infinite both}.anim-twinkle{animation:twinkle var(--dur, 2.4s) ease-in-out var(--delay, 0s) infinite both}.anim-sway{animation:sway var(--dur, 3.5s) ease-in-out var(--delay, 0s) infinite both;transform-origin:50% 100%}.anim-pulse{animation:pulse var(--dur, 3s) ease-in-out var(--delay, 0s) infinite both}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.anim-swing{animation:swing var(--dur, 2.6s) ease-in-out var(--delay, 0s) infinite both;transform-origin:50% 0}@keyframes swing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@media(prefers-reduced-motion:reduce){.layer,.cta-star{animation:none!important}}.cover-stage .stage-content{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 58px);gap:8px;animation:coverIntro .7s ease-out both}@keyframes coverIntro{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.cover-header{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;z-index:6;overflow:hidden}.logo-kids{height:13px;width:auto;flex:none}.logo-festival{width:min(72vw,300px);height:auto;flex:none}.cover-title-stack{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px}.cover-lead{font-size:2rem;font-weight:900;letter-spacing:.12em;color:#404b23}.title-taiwan{width:44%;max-width:200px;height:auto;animation:titleSway 3.6s ease-in-out infinite;transform-origin:50% 80%}.title-logotype{width:100%;max-width:460px;overflow:visible;margin-top:-6px;position:relative;z-index:1;animation:scalePop .6s cubic-bezier(.33,1.25,.6,1) .3s both}.title-taiwan-wrap{display:inline-block;transform-origin:center;animation:scalePop .6s cubic-bezier(.33,1.25,.6,1) .15s both}@keyframes scalePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.logotype-svg{display:block;width:100%;height:auto;overflow:visible}@keyframes titleSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.lg-te,.lg-you,.lg-zhong{transform-box:fill-box;transform-origin:center}.lg-te,.lg-zhong{animation:lgBob 3s linear infinite}.lg-you{animation:lgBob 3s linear infinite;animation-delay:-1.5s}@keyframes lgBob{0%{transform:translateY(0)}12.5%{transform:translateY(-2.8%)}25%{transform:translateY(-4%)}37.5%{transform:translateY(-2.8%)}50%{transform:translateY(0)}62.5%{transform:translateY(2.8%)}75%{transform:translateY(4%)}87.5%{transform:translateY(2.8%)}to{transform:translateY(0)}}.lg-pupil{transform-box:fill-box;transform-origin:center;animation:lgBlink 2.4s ease-in-out infinite}@keyframes lgBlink{0%,68%,to{transform:scaleY(1)}74%{transform:scaleY(.1)}79%{transform:scaleY(1)}85%{transform:scaleY(.1)}91%{transform:scaleY(1)}}.logotype-row{position:relative;width:100%;display:flex;justify-content:center}.cover-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56px;background-image:url(/images/wave-seamless.svg);background-repeat:repeat-x;background-size:350px 56px;background-position:0 center;animation:waveScroll 6s linear infinite;z-index:0;pointer-events:none}@keyframes waveScroll{0%{background-position-x:0}to{background-position-x:350px}}.cover-subtitle-strong{font-size:1.4rem;font-weight:900;color:#a19720;margin:4px 0 0}.start-btn.btn-primary{background:#ef9bb4;color:#fff;border-radius:999px;box-shadow:0 6px #d97a9a;font-weight:900;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:92%;margin-top:26px;transition:transform .08s ease,box-shadow .08s ease;position:relative;overflow:hidden}.start-btn.btn-primary:active,.start-btn.btn-primary.is-pressing{transform:translateY(5px) scale(.98);box-shadow:0 1px #d97a9a}.start-btn.btn-primary:after{content:"";position:absolute;top:-10%;left:-40%;width:22%;height:120%;background:#ffffff38;transform:skew(-18deg);animation:btnShine 3.4s ease-in-out infinite;pointer-events:none}@keyframes btnShine{0%{left:-40%}50%,to{left:130%}}.start-btn span{font-size:1.3rem;letter-spacing:.1em;font-weight:700;white-space:nowrap}.btn-hand{height:22px;width:auto;flex:none;animation:handTap 2.6s ease-in-out infinite}@keyframes handTap{0%{transform:translate(0) rotate(0)}8%{transform:translate(3px,3px) rotate(-10deg)}16%{transform:translate(0) rotate(0)}24%{transform:translate(3px,3px) rotate(-10deg)}32%{transform:translate(0) rotate(0)}40%{transform:translate(3px,3px) rotate(-10deg)}48%,to{transform:translate(0) rotate(0)}}.cover-visual{width:55%;max-width:220px;height:auto;aspect-ratio:1 / 1}.cover-title-img{width:82%;max-width:360px;height:auto}.cover-title{font-size:1.7rem;margin:0;text-shadow:0 2px 8px rgba(255,255,255,.6)}.cover-subtitle{color:#7a665a;margin:0;white-space:pre-line;line-height:1.6;font-size:1.1rem}.quiz-stage .stage-content{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 74px);gap:12px}.progress{position:relative;width:100%;max-width:320px;height:5px;background:#e6dcc4;border-radius:999px;overflow:hidden;margin-top:18px}.progress-bar{height:100%;background:#a19720;border-radius:999px;transition:width .3s ease}.page-logo{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:16px;height:15px;width:auto;z-index:6}.quiz-count{color:var(--muted);font-size:.9rem;margin:0;text-shadow:0 1px 6px rgba(255,255,255,.6)}.quiz-question{font-size:1.65rem;font-weight:900;color:#404b23;margin:4px 0 12px;line-height:1.5;white-space:pre-line}.q-badge{position:relative;width:84px;margin:0 auto}.q-badge img{display:block;width:100%;height:auto}.q-badge-num{position:absolute;top:43%;left:45%;transform:translate(-50%,-50%);color:#fff;font-weight:900;font-style:italic;font-size:2rem;letter-spacing:.02em;line-height:1}.options{width:100%;display:flex;flex-direction:column;gap:14px;align-items:center}.dice-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#3a302242;pointer-events:none;animation:fade .16s ease}.dice-anim{width:190px;height:190px}.result-screen{position:relative;width:100%;max-width:var(--screen-max);min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:0;background:#f2e6d7;overflow:hidden}.result-bottom-deco{display:block;width:102%;margin:auto -1% 0}.card-top-image{display:block;width:100%;height:auto}.result-band-top{position:absolute;top:0;left:-3%;width:106%;height:auto;z-index:1;pointer-events:none}.result-capture{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;background-color:#fef5ec;text-align:center}.card-band{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}.card-band-img{display:block;width:102%;margin:0 -1%}.card-band-logos{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px}.card-top{background-color:var(--result-accent, #f09c00);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(20% + 4px) 24px 16px}.card-bottom{background:#fef5ec;padding:16px 26px 24px;text-align:left}.card-bottom p{margin:0 0 9px;font-size:.86rem;line-height:1.55;color:#7a665a;text-align:justify;text-justify:inter-character}.card-bottom p:last-child{margin-bottom:0}.card-sub-divider{border-top:1px dashed #d8c3a8;margin:14px 0}.result-meta{display:flex;gap:32px;align-items:stretch;--meta-row: 30px;background:#fffdf7;border-radius:12px;padding:14px 16px;margin-top:4px}.result-chart{flex:1.15;min-width:0}.chart-title{height:var(--meta-row);display:flex;align-items:center;font-size:.85rem;font-weight:500;color:#7a665a}.chart-row{height:var(--meta-row);display:flex;align-items:center;gap:9px}.chart-label{width:34px;flex:none;font-size:.8rem;color:#7a665a}.chart-track{flex:1;height:11px;background:#ece0cf;border-radius:999px;overflow:hidden}.chart-fill{display:block;height:100%;border-radius:999px}.result-compat{flex:1;min-width:0;display:flex;flex-direction:column}.compat-pill{height:var(--meta-row);display:flex;align-items:center}.compat-pill span{font-size:.76rem;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:2px 12px 0;border-radius:999px;line-height:1}.compat-match span{background:#3f9168}.compat-clash span{background:#c3582e}.compat-chip{height:var(--meta-row);display:flex;align-items:center;gap:6px;font-size:.8rem;color:#7a665a}.compat-dot{width:9px;height:9px;border-radius:50%;flex:none}.card-divider{width:100%;height:2px;margin:8px 0 2px;background-image:repeating-linear-gradient(to right,rgba(254,245,236,.85) 0,rgba(254,245,236,.85) 5px,transparent 5px,transparent 9px)}.result-name{display:flex;flex-direction:column;align-items:center;gap:0}.visual-stage{width:100%;height:220px;display:flex;align-items:center;justify-content:center}.result-visual{max-width:86%;max-height:96%;width:auto;height:auto}div.result-visual{height:200px;aspect-ratio:562.7 / 572.26;max-width:86%;max-height:100%}.result-title-img{width:70%;max-width:300px;height:auto}.result-title{font-size:2rem;margin:0;color:#fff;font-weight:800;line-height:1.08;letter-spacing:.08em}.result-sciname{margin:0;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.06em}.result-tag{margin:0 0 14px;font-size:1.05rem;font-weight:700;line-height:1.15;color:var(--result-accent, var(--primary));background:#fef5ec;padding:3px 18px;border-radius:999px}.result-hashtags{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;font-size:.82rem;font-weight:700;color:#fff;line-height:1.6;max-width:96%}.hashtag{white-space:nowrap}.result-detail{width:100%;display:flex;flex-direction:column;gap:14px;padding:0 22px}.detail-block{background:#ffffffeb;border-radius:14px;padding:16px 18px;text-align:left}.detail-block h3{margin:0 0 8px;font-size:1rem;color:var(--result-accent, var(--primary))}.detail-block p{margin:0 0 8px;font-size:.95rem;line-height:1.7}.detail-block p:last-child{margin-bottom:0}.cta-section{text-align:center;padding:4px 0}.cta-program{display:block;width:72%;max-width:300px;height:auto;margin:0 auto 14px}.cta-section p{margin:0 0 8px;font-size:.9rem;line-height:1.65;color:var(--ink);white-space:pre-line}.cta-section p:first-of-type{font-size:1.15rem;font-weight:800;color:#ef9bb4;margin-bottom:12px}.cta-link-wrap{position:relative;width:fit-content;margin:0 auto}.cta-star{position:absolute;width:30px;height:auto;pointer-events:none;animation:sway 3s ease-in-out infinite}.cta-star-left{left:-44px;top:16%}.cta-star-right{right:-44px;top:74%;animation-duration:3.6s;animation-delay:.8s}.cta-link{--cta-bg: #a19720;--cta-shadow: #817919;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:152px;height:152px;margin:28px auto 20px;padding:0 16px;box-sizing:border-box;border-radius:50%;background:var(--cta-bg);color:#fff;text-decoration:none;font-weight:900;text-align:center;box-shadow:0 7px 0 var(--cta-shadow);transition:transform .1s ease,box-shadow .1s ease;animation:cta-ticket-pulse 2s ease-in-out infinite}.cta-ticket{width:72px;height:auto;pointer-events:none}.cta-link-label{font-size:1.05rem;line-height:1.3;letter-spacing:1px;white-space:nowrap;pointer-events:none}.cta-link:active{transform:translateY(5px);box-shadow:0 2px 0 var(--cta-shadow);animation:none}@keyframes cta-ticket-pulse{0%,to{transform:scale(1);box-shadow:0 7px 0 var(--cta-shadow)}50%{transform:scale(1.045);box-shadow:0 8px 0 var(--cta-shadow)}}@media(prefers-reduced-motion:reduce){.cta-link{animation:none}}.result-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 22px}.social-links{display:flex;justify-content:center;gap:56px;margin:28px 0 8px}.social-links a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:3px}.social-links img{width:42px;height:42px}.result-actions .btn{border:none;border-radius:999px;font-weight:900;font-size:1.05rem;padding:14px 22px;transition:transform .08s ease,box-shadow .08s ease}.result-actions .btn-primary{background:#ef9bb4;color:#fff;box-shadow:0 6px #d97a9a}.result-actions .btn-ghost{background:#ffffffd9;color:var(--ink);box-shadow:0 6px #d9c7ad}.result-actions .btn-primary:active{transform:translateY(5px);box-shadow:0 1px #d97a9a}.result-actions .btn-ghost:active{transform:translateY(5px);box-shadow:0 1px #d9c7ad}.result-actions .btn:disabled{opacity:.7}.btn{font-family:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default}.cta{width:80%;max-width:320px}.option-btn{width:100%;max-width:380px}.btn-image{position:relative;border:none;background:none;padding:0;display:block}.btn-image-bg{display:block;width:100%;height:auto}.btn-image-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.05rem;padding:0 12px;text-align:center}.btn-primary{background:var(--primary);color:var(--primary-ink);border:none;border-radius:999px;padding:15px 28px;font-size:1.05rem;font-weight:700}.btn-ghost{background:#ffffffbf;color:var(--ink);border:none;border-radius:999px;padding:13px 26px;font-size:1rem;font-weight:600}.option-card{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;height:62px;background:#ef9bb4;color:#fff;border:none;border-radius:18px;box-shadow:0 6px #d97a9a;padding:8px 16px;text-align:left;transition:transform .08s ease,box-shadow .08s ease}.option-card:active,.option-card.is-pressing{transform:translateY(5px) scale(.99);box-shadow:0 1px #d97a9a}.option-letter{flex:none;width:38px;height:38px;border-radius:50%;background:#f6c1d2;color:#fff;font-weight:900;font-style:normal;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.option-text{flex:1;font-size:.95rem;font-weight:700;line-height:1.4;letter-spacing:.02em}