@font-face{font-family:"Baloo 2";src:url(../fonts/Baloo2-600.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../fonts/Baloo2-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-900.woff2)format("woff2");font-weight:900;font-display:swap}:root{--navy:#16324f;--navy-deep:#0c1f33;--orange:#f7941d;--orange-hot:#ff7a00;--sky:#7db3d8;--cloud:#fff;--good:#43c465;--bad:#e85d5d;--ink:#14283c;--card-bg:#ffffffeb;--font-display:"Baloo 2", "Comic Sans MS", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, sans-serif;--shadow-pop:0 10px 30px #0c1f3359}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background:var(--navy-deep);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}#ui>*{pointer-events:none}#ui button,#ui input,#ui .interactive{pointer-events:auto}.btn-primary{font-family:var(--font-display);color:#fff;background:linear-gradient(180deg, var(--orange) 0%, var(--orange-hot) 100%);letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 0 #c05e00, var(--shadow-pop);border:none;border-radius:999px;padding:14px 38px;font-size:22px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .2s}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px)scale(1.03)}.btn-primary:active{transform:translateY(3px);box-shadow:0 2px #c05e00,0 4px 14px #0c1f334d}.btn-primary:disabled{filter:grayscale(.6)brightness(.8);cursor:default}.btn-xl{padding:18px 52px;font-size:28px}.btn-ghost{font-family:var(--font-display);color:var(--navy);border:3px solid var(--navy);cursor:pointer;background:#ffffffe6;border-radius:999px;padding:10px 24px;font-size:17px;font-weight:700;transition:transform .12s,background .2s}.btn-ghost:hover{background:#fff;transform:scale(1.05)}.link-btn{color:#ffffff8c;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.link-btn:hover{color:#fff}#title-screen{z-index:100;background:radial-gradient(120% 100% at 50% 0,#4a7fae 0%,#2c5680 45%,#16324f 100%);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}#title-screen.hidden{opacity:0;pointer-events:none}.title-inner{text-align:center;padding:24px;animation:1s cubic-bezier(.2,1.4,.4,1) both title-in}@keyframes title-in{0%{opacity:0;transform:translateY(30px)scale(.95)}}.title-brand{margin-bottom:12px}.title-brand .title-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #00000059);max-width:min(86vw,560px);height:120px;display:inline-block}.title-main{font-family:var(--font-display);color:#fff;text-shadow:0 6px #0c1f3373,0 16px 40px #00000059;margin:10px 0 14px;font-size:clamp(52px,11vw,118px);font-weight:800;line-height:.95}.title-main .t1{color:var(--orange)}.title-main .t2{color:#fff;font-size:.55em;display:block}.title-main .t3{color:var(--orange)}.title-sub{color:#ffffffd9;margin-bottom:34px;font-size:clamp(15px,2.2vw,20px);font-weight:700}.title-hint{color:#ffffff80;margin-top:22px;font-size:14px}.title-credits{position:absolute;bottom:14px;right:18px}.hud-altimeter{background:var(--card-bg);box-shadow:var(--shadow-pop);border-radius:18px;min-width:168px;padding:10px 18px 12px;transition:opacity .5s,transform .5s;position:absolute;top:18px;left:18px}.hud-altimeter .alt-label{letter-spacing:.18em;color:var(--orange-hot);font-size:11px;font-weight:900}.hud-altimeter .alt-value{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.05}.hud-altimeter .alt-value small{color:#6b7f92;font-size:16px}.hud-altimeter .alt-meters{color:#6b7f92;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.hud-speed{color:var(--navy);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px;font-weight:900}.hud-speed span{color:var(--orange-hot)}.hud-points{background:var(--card-bg);text-align:right;box-shadow:var(--shadow-pop);border-radius:18px;padding:10px 20px;transition:transform .2s cubic-bezier(.2,2,.4,1);position:absolute;top:18px;right:18px}.hud-points.bump{transform:scale(1.18)rotate(-2deg)}.hud-points .pts-label{letter-spacing:.18em;color:var(--orange-hot);font-size:11px;font-weight:900}.hud-points .pts-value{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.hud-progress{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.hud-progress .pip{cursor:pointer;appearance:none;background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:13px;height:13px;padding:0;transition:all .4s}.hud-progress .pip:hover{background:#ffffffb3;transform:scale(1.35)}.hud-progress .pip.done{background:var(--orange);border-color:#fff}.hud-progress .pip.active{border-color:var(--orange);background:#fff;transform:scale(1.45);box-shadow:0 0 12px #fffc}.hud-mute{cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-pop);background:#ffffffd9;border:none;border-radius:50%;font-size:20px;position:absolute;bottom:16px;right:16px}.narrator{background:var(--card-bg);max-width:min(620px,100vw - 40px);box-shadow:var(--shadow-pop);border-bottom:5px solid var(--orange);opacity:0;text-align:center;border-radius:22px;padding:16px 26px;transition:opacity .45s,transform .45s cubic-bezier(.2,1.4,.4,1);position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-24px)}.narrator.show{opacity:1;transform:translate(-50%)translateY(0)}.narrator h3{font-family:var(--font-display);color:var(--navy);margin-bottom:2px;font-size:24px;font-weight:800}.narrator p{color:#3c526a;font-size:17px;font-weight:700;line-height:1.45}.narrator p b{color:var(--orange-hot)}.action-wrap{text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,transform .4s;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.action-wrap.show{opacity:1;visibility:visible}.action-btn{font-family:var(--font-display);letter-spacing:.04em;color:#fff;background:linear-gradient(180deg, var(--orange), var(--orange-hot));cursor:pointer;border:5px solid #fff;border-radius:999px;padding:18px 58px;font-size:30px;font-weight:800;transition:transform .12s,box-shadow .12s;animation:1.6s ease-in-out infinite pulse-btn;position:relative;overflow:hidden;box-shadow:0 8px #b35800,0 16px 44px #0c1f3380}.action-btn:hover{transform:scale(1.06)}.action-btn:active{transform:translateY(4px);box-shadow:0 3px #b35800}.action-btn .fill{transform-origin:0;pointer-events:none;background:#ffffff59;position:absolute;inset:0;transform:scaleX(0)}@keyframes pulse-btn{0%,to{box-shadow:0 8px #b35800,0 0 #f7941d8c}55%{box-shadow:0 8px #b35800,0 0 0 22px #f7941d00}}.action-hint{color:#fff;text-shadow:0 2px 8px #00000080;margin-top:10px;font-size:14px;font-weight:900}.quiz-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;background:#0c1f3373;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.quiz-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}.quiz-card{background:#fff;border-radius:28px;width:min(660px,100vw - 36px);max-height:calc(100vh - 60px);padding:30px 34px;transition:transform .4s cubic-bezier(.2,1.5,.4,1);overflow-y:auto;transform:translateY(24px)scale(.96);box-shadow:0 30px 80px #00000073}.quiz-backdrop.show .quiz-card{transform:none}.quiz-tag{letter-spacing:.2em;color:#fff;background:var(--navy);border-radius:999px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:900;display:inline-block}.quiz-q{font-family:var(--font-display);color:var(--ink);margin-bottom:20px;font-size:clamp(21px,3vw,27px);font-weight:800;line-height:1.2}.quiz-opts{gap:12px;display:grid}.quiz-opt{text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--ink);background:#f2f6fa;border:3px solid #dde7f0;border-radius:16px;align-items:center;gap:14px;padding:13px 16px;font-size:17px;font-weight:700;transition:transform .12s,border-color .15s,background .15s;display:flex}.quiz-opt:hover{border-color:var(--orange);background:#fff7ec;transform:scale(1.02)}.quiz-opt .key{background:var(--navy);color:#fff;height:34px;font-family:var(--font-display);border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.quiz-opt.correct{border-color:var(--good);background:#eafbef;animation:.5s cubic-bezier(.2,2,.4,1) opt-pop}.quiz-opt.correct .key{background:var(--good)}.quiz-opt.wrong{border-color:var(--bad);background:#fdeeee;animation:.4s opt-shake}.quiz-opt.wrong .key{background:var(--bad)}.quiz-opt:disabled{cursor:default;opacity:.55}.quiz-opt.correct:disabled,.quiz-opt.wrong:disabled{opacity:1}@keyframes opt-pop{50%{transform:scale(1.05)}}@keyframes opt-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.quiz-explain{border-left:5px solid var(--good);color:#235c34;background:#eafbef;border-radius:14px;margin-top:18px;padding:14px 18px;font-size:15.5px;font-weight:700;line-height:1.45;display:none}.quiz-explain.show{animation:.4s both title-in;display:block}.quiz-continue{text-align:center;margin-top:18px;display:none}.quiz-continue.show{display:block}.pts-toast{font-family:var(--font-display);color:#ffd24a;text-shadow:0 3px #b35800,0 8px 24px #0006;pointer-events:none;font-size:46px;font-weight:800;animation:1.2s cubic-bezier(.2,.8,.4,1) both pts-fly;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes pts-fly{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}55%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(.8)}}.badge-toast{pointer-events:none;flex-direction:column;align-items:center;gap:8px;animation:3.2s cubic-bezier(.2,1.4,.4,1) both badge-in;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.badge-toast .badge-medal{background:radial-gradient(circle at 35% 30%, #ffd873, var(--orange) 60%, #c96a00);border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:52px;display:flex;box-shadow:0 14px 40px #0006,inset 0 -6px 12px #0000002e}.badge-toast .badge-name{font-family:var(--font-display);color:#fff;background:var(--navy);box-shadow:var(--shadow-pop);border-radius:999px;padding:6px 22px;font-size:26px;font-weight:800}.badge-toast .badge-sub{color:#fff;letter-spacing:.2em;text-shadow:0 2px 6px #00000080;font-size:14px;font-weight:900}@keyframes badge-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-14deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(3deg)}18%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.85)}}.tunnel-controls{background:var(--card-bg);width:min(680px,100vw - 24px);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;border-radius:24px;padding:16px 22px;transition:opacity .4s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tunnel-controls.show{opacity:1}.tunnel-controls .row{align-items:center;gap:14px;display:flex}.tunnel-controls label{letter-spacing:.12em;color:var(--navy);white-space:nowrap;font-size:13px;font-weight:900}.fan-slider{appearance:none;background:linear-gradient(90deg, #cfe0ee, var(--orange));cursor:pointer;border-radius:999px;outline:none;flex:1;height:14px}.fan-slider::-webkit-slider-thumb{appearance:none;border:5px solid var(--orange-hot);cursor:grab;background:#fff;border-radius:50%;width:34px;height:34px;box-shadow:0 3px 10px #0000004d}.fan-readout{font-family:var(--font-display);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;min-width:108px;font-size:22px;font-weight:800}.pose-row{gap:10px;margin-top:12px;display:flex}.pose-btn{cursor:pointer;font-family:var(--font-display);color:var(--ink);background:#f2f6fa;border:3px solid #dde7f0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;font-size:15px;font-weight:700;transition:all .15s;display:flex}.pose-btn .ico{font-size:22px}.pose-btn:hover{border-color:var(--orange)}.pose-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:scale(1.05)}.hover-meter{background:var(--card-bg);box-shadow:var(--shadow-pop);text-align:center;opacity:0;border-radius:18px;padding:14px;transition:opacity .4s;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.hover-meter.show{opacity:1}.hover-meter .hm-label{letter-spacing:.15em;color:var(--orange-hot);margin-bottom:6px;font-size:11px;font-weight:900}.hover-meter .hm-time{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.hover-meter .hm-bar{background:#dde7f0;border-radius:999px;width:120px;height:12px;margin-top:8px;overflow:hidden}.hover-meter .hm-fill{background:linear-gradient(90deg, var(--orange), #ffd24a);border-radius:999px;width:0%;height:100%;transition:width .2s}.hover-meter .hm-stars{letter-spacing:.1em;margin-top:6px;font-size:20px}.ceremony{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0c1f338c;flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .8s;display:flex;position:absolute;inset:0}.ceremony.show{opacity:1;pointer-events:auto}.license-card{background:linear-gradient(160deg,#fff 60%,#eef4fa);border-radius:26px;width:min(560px,100vw - 32px);animation:1s cubic-bezier(.2,1.3,.4,1) .3s forwards card-flip;overflow:hidden;transform:rotateY(90deg);box-shadow:0 40px 100px #0000008c}@keyframes card-flip{to{transform:rotateY(0)}}.license-head{background:linear-gradient(90deg, var(--navy), #23496e);color:#fff;justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.license-head .lh-title{font-family:var(--font-display);font-size:22px;font-weight:800}.license-head .lh-brand{letter-spacing:.22em;color:var(--orange);font-size:11px;font-weight:900}.license-body{padding:22px 26px}.license-body .lb-name{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:30px;font-weight:800}.license-body .lb-score{color:var(--orange-hot);margin-bottom:18px;font-size:19px;font-weight:900}.badge-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.badge-cell{text-align:center;background:#f2f6fa;border-radius:16px;padding:10px 4px}.badge-cell.earned{box-shadow:inset 0 0 0 3px var(--orange);background:#fff3e0}.badge-cell .bc-ico{filter:grayscale()opacity(.35);font-size:34px}.badge-cell.earned .bc-ico{filter:none;animation:.6s opt-pop}.badge-cell .bc-name{color:var(--navy);margin-top:4px;font-size:11.5px;font-weight:900;line-height:1.15}.ceremony-cta{text-align:center}.ceremony-cta h2{font-family:var(--font-display);color:#fff;text-shadow:0 4px #0c1f3399,0 12px 30px #0006;margin-bottom:14px;font-size:clamp(34px,6vw,56px);font-weight:800;animation:1.4s ease-in-out infinite pulse-scale}@keyframes pulse-scale{50%{transform:scale(1.05)}}.confetti{pointer-events:none;width:12px;height:12px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{to{transform:translateY(110vh)rotate(720deg)}}.air-toggle{background:var(--card-bg);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:14px;padding:10px 22px;transition:opacity .4s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.air-toggle.show{opacity:1}.air-toggle .at-label{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:800}.air-switch{cursor:pointer;background:#b8c7d6;border:none;border-radius:999px;width:74px;height:38px;transition:background .25s;position:relative}.air-switch:after{content:"";background:#fff;border-radius:50%;width:30px;height:30px;transition:left .25s cubic-bezier(.2,1.5,.4,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0000004d}.air-switch.on{background:var(--good)}.air-switch.on:after{left:40px}.air-state{color:var(--navy);min-width:76px;font-size:15px;font-weight:900}.predict-bar{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:12px;max-width:calc(100vw - 24px);transition:opacity .4s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.predict-bar.show{opacity:1}.predict-btn{font-family:var(--font-display);color:var(--navy);background:var(--card-bg);border:4px solid var(--navy);cursor:pointer;box-shadow:var(--shadow-pop);border-radius:18px;padding:14px 26px;font-size:18px;font-weight:800;transition:transform .12s,background .15s}.predict-btn:hover{border-color:var(--orange);background:#fff7ec;transform:scale(1.06)rotate(-1deg)}.video-panel{opacity:0;pointer-events:none;background:#050a12cc;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}#ui .video-panel.show{opacity:1;pointer-events:auto}#ui .video-panel.show iframe{pointer-events:auto}.video-box{width:min(760px,100vw - 30px)}.video-box .vb-frame{aspect-ratio:16/9;background:#000;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.video-box iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-box .vb-caption{color:#fffc;text-align:center;margin:12px 0 16px;font-size:14.5px;font-weight:700}.video-box .vb-actions{text-align:center}.big-stamp{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--navy);text-shadow:0 6px 0 var(--navy), 0 18px 40px #0006;pointer-events:none;font-size:clamp(46px,9vw,96px);font-weight:800;animation:2.4s cubic-bezier(.2,1.6,.4,1) both stamp-in;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.big-stamp.orange{color:#ffd24a}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)scale(2.6)rotate(-5deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-5deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.9)rotate(-5deg)}}.world-label{background:var(--card-bg);box-shadow:var(--shadow-pop);text-align:center;color:var(--navy);white-space:nowrap;pointer-events:none;border-radius:14px;padding:8px 14px;font-size:14px;font-weight:900;transition:opacity .4s;position:absolute;transform:translate(-50%,-100%)}.world-label small{color:var(--orange-hot);font-size:12px;display:block}.world-label:after{content:"";border:8px solid #0000;border-top-color:#ffffffeb;border-bottom:none;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.credits-modal{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1f33b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.credits-card{background:#fff;border-radius:22px;width:min(520px,100vw - 32px);max-height:80vh;padding:28px 30px;overflow-y:auto;box-shadow:0 30px 80px #00000080}.credits-card h2{font-family:var(--font-display);color:var(--ink);margin-bottom:12px}.credits-card p,.credits-card li{color:#3c526a;font-size:14.5px;font-weight:600;line-height:1.55}.credits-card ul{margin:8px 0 16px;padding-left:20px}.credits-card .btn-ghost{width:100%}#flash{z-index:50;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}@media (width<=640px){.hud-altimeter{min-width:130px;padding:8px 12px}.hud-altimeter .alt-value{font-size:25px}.hud-points .pts-value{font-size:23px}.narrator h3{font-size:19px}.narrator p{font-size:15px}.action-btn{padding:14px 44px;font-size:24px}.hud-progress{right:10px}.pose-btn{font-size:12.5px}.pose-btn .ico{font-size:18px}}