:root{color-scheme:dark;font-family:Noto Sans TC,sans-serif;background:#08090d;color:#f8f5ed}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08090d}body{overflow:hidden}button,a{font:inherit}button{cursor:pointer}.experience-app{position:relative;min-height:100svh;overflow:hidden;background:#08090d}.experience-intro,.performance{position:absolute;inset:0}.experience-intro{z-index:3;overflow:hidden;background:#0b0c12;transition:opacity .7s ease,visibility .7s ease}.experience-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.cover-art,.performance-backdrop{position:absolute;inset:0;transition:filter .9s ease}.cover-art:before,.cover-art:after{position:absolute;content:""}.cover-art{background:radial-gradient(circle at 72% 37%,rgba(255,255,255,.19),transparent 16rem),linear-gradient(125deg,#150c22,#0e4263 55%,#e76638)}.cover-art[data-show=potato]{background:radial-gradient(circle at 69% 48%,#c9813d 0 8rem,transparent 8.2rem),linear-gradient(135deg,#140e21,#232f8c 53%,#ff6c44)}.cover-art[data-show=water]{background:radial-gradient(ellipse at 68% 58%,#c6efff 0 4rem,#27789a 4.2rem 9rem,transparent 9.2rem),linear-gradient(135deg,#101d47,#3d9eaf 60%,#e5b66c)}.cover-art[data-show=duck]{background:radial-gradient(ellipse at 67% 57%,#f7d33e 0 4rem,transparent 4.2rem),linear-gradient(160deg,#172f45 0 42%,#5c9ca0 43% 75%,#d2c88a 76%)}.cover-art[data-show=chair]{background:linear-gradient(115deg,transparent 45%,#cc473c 45% 57%,transparent 57%),linear-gradient(30deg,#102030,#b8834c 65%,#f1d6a2)}.cover-art[data-show=race]{background:repeating-linear-gradient(90deg,#d34646 0 2rem,#f3d9a5 2rem 4rem),linear-gradient(#17233d,#405d88);opacity:.85}.cover-art[data-show=result]{background:linear-gradient(#fafafa,#dfe4e6)}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.86),transparent 50%),linear-gradient(0deg,rgba(4,5,8,.72),transparent 45%)}.intro-copy{position:absolute;left:clamp(1.5rem,8vw,9rem);bottom:13vh;max-width:min(48rem,62vw)}.eyebrow,.performance-meta,.experience-status,.chart-panel,.caption-box{font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;letter-spacing:.08em}.eyebrow{color:#d7e6ff;font-size:.75rem}.intro-copy h1{margin:.75rem 0 .6rem;max-width:13ch;color:#fff;font-size:clamp(2.5rem,7vw,7.5rem);line-height:.97;letter-spacing:-.04em;text-shadow:0 5px 35px #000}.intro-author{color:#ffffffbd;font-size:.82rem;letter-spacing:.2em}.chart-panel{position:absolute;top:9vh;right:0;width:min(34rem,45vw);padding:1.6rem 7vw 1.8rem 2rem;color:#fff;background:#10131c9e;backdrop-filter:blur(18px);clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 28%)}.chart-panel p{display:flex;justify-content:space-between;gap:1rem;margin:.45rem 0;border-bottom:1px solid rgba(255,255,255,.19);padding-bottom:.45rem;font-size:.65rem}.chart-panel span{color:#ffffff94}.chart-panel strong{text-align:right;font-weight:500}.difficulty-card{display:inline-grid;width:4.6rem;height:4.6rem;margin-top:1.2rem;place-items:center;border:2px solid #fff;background:#fff;color:#13151b;font-family:Noto Sans TC,sans-serif;font-size:1.05rem;font-weight:900;transform:rotate(-6deg);box-shadow:5px 5px #0000003d}.intro-progress,.performance-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#ffffff26}.intro-progress i,.performance-progress i{display:block;width:0;height:100%;background:#fff;box-shadow:0 0 13px #fff;transition:width 3s linear}.performance{visibility:hidden;opacity:0;transition:opacity .9s ease}.performance.is-active{visibility:visible;opacity:1}.performance.is-ending{opacity:0}.performance-backdrop{background:#111723}.performance-noise{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:radial-gradient(#fff .5px,transparent .7px);background-size:5px 5px;mix-blend-mode:screen}.show-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.caption-box{position:absolute;right:clamp(1rem,5vw,5rem);bottom:12vh;left:clamp(1rem,5vw,5rem);padding:1rem 1.2rem;border-left:3px solid #fff;background:#00000085;color:#fff;font-size:clamp(.82rem,1.8vw,1.25rem);line-height:1.6;text-shadow:0 1px 8px #000}.caption-pulse .caption-box{animation:captionIn .55s ease both}.performance-meta{position:absolute;top:1.5rem;right:1.5rem;left:1.5rem;display:flex;justify-content:space-between;color:#ffffffb8;font-size:.68rem}.experience-controls{position:absolute;z-index:8;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;pointer-events:none}.control-cluster{display:flex;gap:.5rem}.control-button{pointer-events:auto;padding:.6rem .85rem;border:1px solid rgba(255,255,255,.32);border-radius:2px;color:#fff;background:#00000059;font-size:.68rem;text-decoration:none;backdrop-filter:blur(12px);transition:background .18s ease,transform .18s ease}.control-button:hover{background:#ffffff29;transform:translateY(-2px)}.experience-status{position:absolute;z-index:7;right:1.5rem;bottom:1.5rem;color:#ffffff80;font-size:.6rem}.performance:has(.keynote-product) .performance-backdrop{background:radial-gradient(circle at 50% 45%,#46311d,transparent 13rem),linear-gradient(135deg,#080913,#191d52 55%,#bc3f52)}.keynote-product{display:grid;place-items:center;gap:.8rem;color:#fff;text-align:center;transform:translateY(-5vh)}.potato-shape{width:min(32vw,18rem);aspect-ratio:1.25;border-radius:47% 53% 46% 54%;background:radial-gradient(circle at 35% 32%,#edbc78,transparent 5%),radial-gradient(circle at 64% 64%,#81502b 0 2%,transparent 3%),linear-gradient(145deg,#b77136,#e1a758);box-shadow:0 2rem 4rem #0008,inset -1.5rem -1rem 2rem #713a24;animation:productFloat 4s ease-in-out infinite}.keynote-product strong{font-size:clamp(1.8rem,5vw,5rem);letter-spacing:.2em}.keynote-product small{letter-spacing:.42em;color:#ffcf87}.performance:has(.news-wall) .performance-backdrop{background:radial-gradient(circle at 70% 45%,#e8e4d1,transparent 12rem),linear-gradient(140deg,#162f5d,#277d93 55%,#ce5549)}.news-wall{position:relative;display:grid;place-items:center;width:min(80vw,40rem);aspect-ratio:1.5;border:1rem solid #e9e3cc;background:#d7eee8;box-shadow:0 2rem 4rem #0006}.news-alert{position:absolute;top:0;right:0;left:0;padding:.6rem;background:#cb3e40;color:#fff;font-weight:900;letter-spacing:.3em;text-align:center}.water-glass{width:6rem;height:8rem;border:4px solid #fff;border-top:0;border-radius:0 0 1.5rem 1.5rem;background:linear-gradient(#fff2 40%,#8bd8ef 41%);box-shadow:inset 0 -1rem #53b8d8,0 0 2rem #fff}.news-wall b{position:absolute;bottom:.8rem;color:#b53636;font-size:.8rem;letter-spacing:.2em}.performance:has(.bath-tub) .performance-backdrop{background:linear-gradient(#162d40 0 43%,#82b8b7 44% 72%,#d8cf9c 73%)}.bath-tub{position:relative;width:min(70vw,36rem);height:min(38vw,18rem);border:1.5rem solid #fff;border-radius:50%;background:radial-gradient(ellipse,#b7e8e7,#518f9b);box-shadow:0 1.8rem #d6cfbf,0 2.8rem 4rem #0006}.duck-shape{position:absolute;top:34%;left:43%;display:grid;width:5rem;height:4rem;place-items:center;border-radius:52% 48% 50% 50%;background:#f8d43f;color:#9b541f;font-size:1.4rem;box-shadow:.9rem -1.8rem 0 -.7rem #f8d43f;animation:duckDrift 9s ease-in-out infinite}.water-ripple{position:absolute;inset:20% 28%;border:2px solid #fff8;border-radius:50%;animation:ripple 3s ease-out infinite}.documentary-label{position:absolute;bottom:18%;left:10%;color:#244349;font-family:DM Mono,monospace;font-size:.7rem}.performance:has(.instruction-set) .performance-backdrop{background:linear-gradient(135deg,#17344f,#5b8b84 52%,#e3c37c)}.instruction-set{position:relative;width:min(75vw,42rem);height:60%}.chair-shape{position:absolute;top:15%;left:38%;width:12rem;height:7rem;border:1rem solid #c7563c;border-bottom:1.2rem solid #994032;transform:perspective(20rem) rotateX(23deg)}.chair-shape:before,.chair-shape:after{position:absolute;top:5rem;width:1rem;height:11rem;background:#8e3930;content:""}.chair-shape:before{left:.2rem;transform:rotate(7deg)}.chair-shape:after{right:.2rem;transform:rotate(-7deg)}.choice-row{position:absolute;right:0;bottom:1rem;left:0;display:flex;justify-content:center;gap:.6rem}.choice-row>*{padding:.7rem 1.1rem;border:1px solid #fff8;background:#0005;font-size:.8rem}.choice-row b{background:#e8b13e;color:#222}.instruction-set em{position:absolute;top:0;left:0;color:#fff;font:2rem SFMono-Regular,monospace}.performance:has(.race-track) .performance-backdrop{background:linear-gradient(#53769a 0 35%,#ba4d4d 36% 70%,#e8d39d 71%)}.race-track{position:relative;width:100%;height:42%;transform:perspective(28rem) rotateX(42deg);background:repeating-linear-gradient(90deg,#dc6960 0 12%,#f4dca1 12% 24%);box-shadow:0 2rem 3rem #0005}.race-track i{position:absolute;top:0;bottom:0;width:2px;background:#fff}.race-track i:nth-child(1){left:12%}.race-track i:nth-child(2){left:36%}.race-track i:nth-child(3){left:60%}.race-track i:nth-child(4){left:84%}.race-track strong{position:absolute;top:1rem;left:2rem;color:#fff;font:1.4rem SFMono-Regular,monospace}.finish-line{position:absolute;right:10%;bottom:0;width:2rem;height:100%;background:repeating-linear-gradient(#fff 0 1rem,#111 1rem 2rem)}.race-score{position:absolute;top:20%;right:5%;padding:1rem;background:#071016cc;color:#b7e4e9;font:.7rem/2 SFMono-Regular,monospace}.performance:has(.waiting-screen) .performance-backdrop{background:#f6f6f3}.waiting-screen{width:min(70vw,42rem);color:#202329;text-align:center}.waiting-number{font:clamp(4rem,13vw,10rem) "SFMono-Regular",monospace;font-weight:500}.waiting-number span{font-size:.32em}.waiting-bar{height:1rem;border:1px solid #222;background:#fff}.waiting-bar i{display:block;height:100%;background:#222;transition:width 1s linear}.waiting-screen p{font:.7rem SFMono-Regular,monospace;letter-spacing:.18em}@keyframes captionIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes productFloat{50%{transform:translateY(-1rem) rotate(2deg)}}@keyframes duckDrift{50%{transform:translate(2rem)}}@keyframes ripple{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.4);opacity:0}}@media(max-width:640px){.chart-panel{top:11vh;width:75vw;padding:1rem 1rem 1rem 1.5rem}.chart-panel p{font-size:.53rem}.intro-copy{right:1.2rem;bottom:17vh;left:1.2rem;max-width:none}.intro-copy h1{max-width:10ch;font-size:clamp(2.5rem,12vw,5rem)}.intro-author{font-size:.62rem}.experience-controls{top:.65rem;left:.65rem;right:.65rem}.control-button{padding:.5rem .58rem;font-size:.58rem}.caption-box{bottom:14vh;font-size:.78rem}.experience-status{right:1rem;bottom:.8rem;font-size:.52rem}.potato-shape{width:48vw}.water-glass{transform:scale(.75)}.race-score{font-size:.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}