:root{--brand-navy: #1F2F68;--brand-navy-dark: #142050;--brand-navy-deep: #0B1233;--brand-navy-light: #2D4A9A;--brand-navy-xlight: #5A78C4;--brand-navy-tint: #DCE5F7;--brand-navy-mist: #EEF2FA;--brand-orange: #F7941F;--brand-orange-dark: #C2620A;--brand-orange-light: #FFB65C;--brand-orange-tint: #FFF1DF;--brand-white: #FFFFFF}@font-face{font-family:UTM Avo;src:url(/cuoi-ngua/assets/utm-avo-Pi_dKI_T.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:UTM Avo;src:url(/cuoi-ngua/assets/utm-avo-bold-a-DM9iHgOv.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:UTM Avo B2;src:url(/cuoi-ngua/assets/utm-avo-bold-b-jp8_ndwe.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Myriad Pro;src:url(/cuoi-ngua/assets/myriad-a-BcmH54GQ.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Myriad Pro B;src:url(/cuoi-ngua/assets/myriad-b-C_OWFyAj.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Myriad Pro;src:url(/cuoi-ngua/assets/myriad-bold-a-d2C2huxw.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Myriad Pro B;src:url(/cuoi-ngua/assets/myriad-bold-b-CCxtgcWc.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/cuoi-ngua/assets/be-vietnam-pro-latin-400-yim3LC58.woff) format("woff");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;src:url(/cuoi-ngua/assets/be-vietnam-pro-vietnamese-400-BdPyuduI.woff) format("woff");font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/cuoi-ngua/assets/be-vietnam-pro-latin-700-BaHweeu3.woff) format("woff");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;src:url(/cuoi-ngua/assets/be-vietnam-pro-vietnamese-700-ByaPYulI.woff) format("woff");font-weight:700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--red: var(--brand-navy);--orange: var(--brand-orange);--navy: var(--brand-navy);--blue: #0070c0;--ink: #1a1a1a;--sel: var(--brand-navy-tint);--f-avo: "UTM Avo", "UTM Avo B2", "Be Vietnam Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--f-myriad: "Myriad Pro", "Myriad Pro B", "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--brand-navy-light) 0%,var(--brand-navy-dark) 100%);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit}.viewport{position:fixed;left:0;top:0;width:100%;height:100vh;height:100dvh;overflow:hidden;touch-action:manipulation}.stage{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden;background:#a9c6ec;box-shadow:0 10px 60px #00000073}.screen,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.abs{position:absolute}.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.t-avo{font-family:var(--f-avo);font-weight:400}.t-avo-bold{font-family:var(--f-avo);font-weight:700}.t-myriad{font-family:var(--f-myriad);font-weight:400}.t-myriad-bold{font-family:var(--f-myriad);font-weight:700}.img-btn{padding:0;margin:0;border:0;background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.img-btn:focus-visible{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 4px var(--brand-orange))}.img-btn:disabled{cursor:default}.img-btn-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-avo);font-weight:700;font-size:34px;color:#fff;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.15);pointer-events:none}.mute-toggle{position:absolute;left:16px;top:1014px;width:52px;height:52px;border-radius:50%;border:3px solid #fff;background:#1f2f68e0;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:100;box-shadow:0 4px 12px #00000040;transition:transform .15s ease,background .15s ease}@media (hover: hover) and (pointer: fine){.mute-toggle:hover{transform:scale(1.1);background:var(--brand-orange)}}.mute-toggle:active{transform:scale(.94)}.sky-clouds{position:absolute;left:0;right:0;top:0;height:40%;background:radial-gradient(ellipse 9% 12% at 18% 38%,#ffffff8c,#fff0 70%),radial-gradient(ellipse 12% 14% at 62% 22%,#ffffff73,#fff0 70%),radial-gradient(ellipse 8% 10% at 88% 55%,#fff6,#fff0 70%);background-size:100% 100%;background-repeat:repeat-x;animation:clouds 80s linear infinite;pointer-events:none}@keyframes clouds{0%{background-position:0 0}to{background-position:1920px 0}}.dust{background:radial-gradient(ellipse 30% 40% at 30% 60%,#fff6dcbf,#fff6dc00 70%),radial-gradient(ellipse 22% 30% at 62% 70%,#fff6dc99,#fff6dc00 70%);animation:dust 1.6s ease-in-out infinite;pointer-events:none;filter:blur(6px)}@keyframes dust{0%,to{opacity:.55;transform:translate(0) scaleX(1)}50%{opacity:1;transform:translate(-30px) scaleX(1.08)}}.hover-glow img{transition:filter .18s ease}@media (hover: hover) and (pointer: fine){.hover-glow:hover img{filter:brightness(1.12) drop-shadow(0 0 12px rgba(247,148,31,.95))}}.hover-glow:active img{filter:brightness(1.12)}.intro-congrats{color:#fff;font-size:40px;line-height:1.7;text-align:center;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 3px rgba(60,25,0,.35)}.intro-rules{color:#fff;font-size:33px;line-height:1.62;text-align:center;text-shadow:0 2px 3px rgba(60,25,0,.3)}.intro-rules b{font-family:var(--f-avo);font-weight:700}.intro-luck{color:#fff;font-size:36px;text-align:center;margin-top:14px;text-shadow:0 2px 3px rgba(60,25,0,.3)}.bar-label{color:#fff;font-size:38px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 2px rgba(0,0,0,.25)}.bar-value{color:#fff;font-size:36px;display:flex;align-items:flex-start;justify-content:center;font-variant-numeric:tabular-nums;text-shadow:0 2px 2px rgba(0,0,0,.25)}.bar-value.urgent{color:var(--brand-orange-light);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}.km-label{color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}.start-dot{border-radius:50%;background:#e9eef6;border:3px solid #fff}.km-mark{color:#2f6db5;font-size:26px;display:flex;align-items:center;justify-content:center;transition:color .3s,opacity .3s}.km-mark.passed{color:#fff}.km-mark.current{opacity:0}.km-marker{filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.q-body{display:flex;flex-direction:column}.q-text{padding:0 26px;font-size:32px;line-height:1.3;color:#000;text-align:justify;white-space:pre-line;flex:none;margin-bottom:16px}.q-text b{font-weight:700}.q-choices{flex:1;overflow-y:auto;padding-right:14px;scroll-behavior:smooth}.q-choices::-webkit-scrollbar{width:12px}.q-choices::-webkit-scrollbar-thumb{background:#6d8fb8;border-radius:6px}.q-choices::-webkit-scrollbar-track{background:#dfe7d3;border-radius:6px}.choice{width:100%;display:flex;align-items:center;gap:30px;padding:10px 24px 10px 26px;min-height:64px;margin:0 0 4px;border:0;border-radius:4px;background:transparent;text-align:justify;font-family:var(--f-myriad);font-size:30px;line-height:1.3;color:#111;cursor:pointer;transition:background .18s ease;white-space:pre-line}.choice-text{flex:1}@media (hover: hover) and (pointer: fine){.choice:hover:not(:disabled){background:var(--brand-navy-mist)}}.choice.selected{background:var(--sel)}.choice:disabled{cursor:default}.radio{flex:none;position:relative;width:24px;height:24px;border-radius:50%;background:linear-gradient(#fff,#e2e2e2);border:2px solid #9a9a9a;display:grid;place-items:center}.radio-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brand-orange-light),var(--brand-orange-dark))}.hand{pointer-events:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#142050db}.popup-title{color:#000;font-size:40px;text-align:center;display:flex;align-items:center;justify-content:center}.popup-text{color:#000;font-size:36px;text-align:center;display:flex;align-items:center;justify-content:center}.cp-panel{background:#ffffff80;border-radius:26px;box-shadow:0 8px 30px #1e46781f;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cp-start{color:var(--brand-navy);font-size:34px;text-align:center}.cp-badge-label{left:0;top:0;width:101px;height:101px;color:#fff;font-size:38px;display:flex;align-items:center;justify-content:center}.cp-glow{left:-14px;top:-14px;width:129px;height:129px;border-radius:50%;background:radial-gradient(circle,#f7941f00 45%,#f7941fd9 60%,#f7941f00 72%);pointer-events:none}.flag-wave{transform-origin:8% 100%;animation:flag 1.6s ease-in-out infinite}@keyframes flag{0%,to{transform:skewY(0)}50%{transform:skewY(-4deg)}}.res-title{color:var(--red);font-size:52px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap}.res-line{height:3px;background:var(--brand-orange);opacity:.8;transform-origin:left center}.res-label{color:#000;font-size:30px;font-style:italic;display:flex;align-items:center;justify-content:flex-start}.res-value{color:#111;font-size:34px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-value span{overflow:hidden;text-overflow:ellipsis}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;background:linear-gradient(#9dbde8,#dce5f7 70%,#9cc657)}.loading-text{text-align:center;color:var(--red);font-size:44px}.loading-horse{width:120px;height:120px;border-radius:50%;border:10px solid rgba(255,255,255,.7);border-top-color:var(--orange);animation:spin 1s linear infinite}.fluid .loading{gap:20px}.fluid .loading-text{font-size:22px}.fluid .loading-horse{width:64px;height:64px;border-width:6px}.res-note{color:var(--brand-navy);font-size:22px;text-align:center;display:flex;align-items:center;justify-content:center}.t-avo-bold.staff-title,.t-avo-bold.staff-prefix,.t-avo.staff-hint,.t-avo.staff-error,.t-myriad.staff-input,.staff-retry{font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif;font-synthesis:none}.t-avo-bold.staff-title,.t-avo-bold.staff-prefix,.staff-retry{font-weight:700}.t-avo.staff-hint,.t-avo.staff-error,.t-myriad.staff-input{font-weight:400}.staff-title{color:var(--brand-navy);font-size:40px;text-align:center}.staff-hint{color:#1a1a1a;font-size:24px;text-align:center;margin:16px auto 24px;max-width:720px}.staff-code{display:flex;align-items:center;justify-content:center;gap:14px}.staff-prefix{color:var(--brand-navy);font-size:42px}.staff-input{width:240px;height:76px;border:3px solid var(--brand-navy);border-radius:14px;text-align:center;font-size:42px;letter-spacing:.35em;background:#fff}.staff-error{color:#b42318;text-align:center;margin-top:18px;font-size:24px}.staff-retry{margin-top:8px;background:var(--brand-orange, #f7941f);color:var(--brand-navy, #1f2f68);border:0;border-radius:12px;padding:14px 32px;cursor:pointer;font-size:22px}.img-btn:disabled{opacity:.55;cursor:default}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.fluid{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#a9c6ec;--fs-body: clamp(15px, calc(1.6vmin + 9px) , 22px);--fs-title: clamp(18px, calc(2vmin + 11px) , 30px);--fs-q: clamp(16px, calc(1.5vmin + 10.5px) , 26px);--fs-choice: clamp(15px, calc(1.3vmin + 10px) , 23px);--fs-small: clamp(14px, calc(1vmin + 9px) , 18px);--pad-t: max(10px, env(safe-area-inset-top));--pad-r: max(12px, env(safe-area-inset-right));--pad-b: max(10px, env(safe-area-inset-bottom));--pad-l: max(12px, env(safe-area-inset-left))}.f-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.f-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center bottom;background-repeat:no-repeat}.f-clouds{height:35%;background-size:100% 100%}.f-safe{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.f-btn{display:block;flex:none;position:relative}.f-btn .img-btn-label{font-size:clamp(16px,calc(1.8vmin + 9px),28px)}.fluid .mute-toggle{position:absolute;top:auto;left:var(--pad-l);bottom:var(--pad-b);width:44px;height:44px;border-width:2px}.fluid .mute-toggle svg{width:24px;height:24px}.f-q-scroll,.f-popup-body,.q-choices{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.f-corner-light{position:absolute;right:0;top:0;width:min(45vw,320px);pointer-events:none}.f-logo{position:absolute;right:var(--pad-r);top:var(--pad-t);width:clamp(96px,22vmin,190px);height:auto;z-index:2}.f-cover-inner{align-items:center;justify-content:space-evenly;gap:2vh;padding-top:calc(var(--pad-t) + clamp(40px,9vmin,70px));padding-bottom:calc(var(--pad-b) + 50px)}.f-cover-title{position:relative;width:min(92%,640px);aspect-ratio:853 / 185}.f-cover-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.f-cover-title-text{position:absolute;left:19.6%;top:25.4%;width:60.8%;height:56.2%}.f-cover-horse{width:min(100%,680px);min-height:0}.f-cover-horse img{width:100%;height:auto;max-height:52dvh;object-fit:contain;display:block;transform-origin:50% 90%}.f-cover-cta{display:flex;justify-content:center}.f-btn-start{width:clamp(200px,50vmin,320px)}.fluid.landscape .f-cover-inner{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr auto 1fr;grid-template-areas:"horse ." "horse title" "horse cta";justify-items:center;align-items:center;column-gap:2vw;padding-bottom:var(--pad-b)}.fluid.landscape .f-cover-title{grid-area:title;width:min(100%,440px)}.fluid.landscape .f-cover-horse{grid-area:horse;width:100%;align-self:end}.fluid.landscape .f-cover-horse img{max-height:calc(100dvh - 60px)}.fluid.landscape .f-cover-cta{grid-area:cta;align-self:start;margin-top:4vh}.fluid.landscape .f-btn-start{width:clamp(180px,26vw,280px)}.f-popup-wrap{z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);--deco: clamp(70px, 20vmin, 150px)}.f-popup{position:relative;width:min(100%,700px);max-height:100%;display:flex;flex-direction:column;border-radius:6px;box-shadow:0 12px 40px #00000040}.f-popup.board{background:#f1eff0;border:8px solid #fff;border-left:10px solid #d6c9b4;border-right:10px solid #d6c9b4;border-radius:4px}.f-popup.board:before,.f-popup.board:after{content:"";position:absolute;left:8%;right:8%;height:10px;background:repeating-linear-gradient(90deg,var(--brand-orange) 0 28%,transparent 28% 44%);pointer-events:none}.f-popup.board:before{top:-8px}.f-popup.board:after{bottom:-8px}.f-popup.wood{background:repeating-linear-gradient(176deg,#0000 0,#0000 22px,#46230a14 23px,#46230a14 25px),linear-gradient(180deg,#a26a3a,#8b5528);border:4px solid #6e3f1a;border-radius:18px;margin-top:calc(var(--deco) * .35);max-height:calc(100% - var(--deco) * .35)}.f-popup-deco{position:absolute;left:calc(var(--deco) * -.18);top:calc(var(--deco) * -.55);width:calc(var(--deco) * .73);height:auto;z-index:2;filter:drop-shadow(4px 6px 6px rgba(0,0,0,.2));pointer-events:none}.f-popup-body{min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vmin,22px);text-align:center;padding:clamp(18px,4vmin,36px) clamp(16px,5vmin,44px) clamp(14px,3.5vmin,30px)}.wood .f-popup-body{padding-top:calc(var(--deco) * .5)}.f-popup-close{position:absolute;right:-10px;top:-14px;width:44px;height:44px;z-index:3}.f-popup-icon{width:clamp(64px,16vmin,130px);height:auto}.f-popup-title{color:#000;font-size:var(--fs-title);line-height:1.3}.f-popup-text{color:#000;font-size:var(--fs-body);line-height:1.5}.f-popup-actions{display:flex;justify-content:center;align-items:center;min-height:52px}.f-btn-brick{width:clamp(170px,42vmin,250px)}.f-intro-text{min-height:8.5em;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body)}.f-intro-congrats{color:#fff;font-size:calc(var(--fs-body) * 1.12);line-height:1.65;text-shadow:0 2px 3px rgba(60,25,0,.35)}.f-intro-rules{color:#fff;font-size:var(--fs-body);line-height:1.6;text-shadow:0 1px 2px rgba(60,25,0,.3)}.f-intro-rules b{font-weight:700}.f-intro-luck{color:#fff;font-size:calc(var(--fs-body) * 1.08);margin-top:.7em;text-shadow:0 1px 2px rgba(60,25,0,.3)}.fluid.landscape .f-popup{width:min(100%,760px)}.fluid.landscape .f-intro-text{min-height:6.5em}.f-quiz-inner{gap:clamp(6px,1.4vmin,12px)}.f-topbar{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:4px 6px;border-radius:14px;background:linear-gradient(180deg,var(--brand-navy-light) 0%,var(--brand-navy) 50%,var(--brand-navy-dark) 100%);border:2px solid #c9c9c9;box-shadow:0 4px 10px #0003,inset 0 1px #ffffff59}.f-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;min-width:0}.f-pill-label{color:#fff;font-size:clamp(13px,calc(1.3vmin + 8px),22px)}.f-pill-value{color:#fff;font-size:clamp(15px,calc(1.6vmin + 9px),26px);font-variant-numeric:tabular-nums}.f-pill-value.urgent{color:var(--brand-orange-light);animation:pulse 1s ease-in-out infinite}.f-banner{width:clamp(110px,34vmin,320px);height:auto;align-self:center;margin:-6px 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.f-quiz-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,12px)}.fluid.landscape .f-quiz-main{flex-direction:row}.f-qcard{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;background:#f0f5e3;border:6px solid #fff;outline:3px solid rgba(255,255,255,.6);border-radius:4px;padding:clamp(8px,1.8vmin,18px) clamp(8px,2vmin,20px);box-shadow:0 6px 18px #0000001f}.f-qcard:before,.f-qcard:after{content:"";position:absolute;left:6%;right:6%;height:6px;background:repeating-linear-gradient(90deg,var(--orange) 0 26%,transparent 26% 50%);pointer-events:none}.f-qcard:before{top:-6px}.f-qcard:after{bottom:-6px}.f-q-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.f-q-scroll{flex:1;min-height:0;padding-right:4px}.f-q-text{font-size:var(--fs-q);line-height:1.32;color:#000;white-space:pre-line;margin:0 2px 10px}.f-q-text b{font-weight:700}.f-q-choices{display:flex;flex-direction:column;gap:6px;padding-bottom:6px}.fluid .choice{gap:12px;padding:10px 12px;min-height:48px;margin:0;font-size:var(--fs-choice);line-height:1.32;text-align:left;border-radius:8px;background:#ffffffbf;border:1px solid #dbe6cc}.fluid .choice:active:not(:disabled){background:var(--brand-navy-mist)}.fluid .choice.selected{background:var(--sel);border-color:var(--brand-navy-xlight)}.fluid .radio{width:22px;height:22px}.fluid .radio-dot{width:11px;height:11px}.f-hand{position:absolute;right:4px;bottom:6px;width:34px;height:auto;rotate:13.7deg;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.f-quiz-footer{flex:none;display:flex;justify-content:center;align-items:center;min-height:52px}.f-btn-answer{width:clamp(150px,34vmin,230px)}.f-progress{flex:none;position:relative;display:flex;align-items:center;background:linear-gradient(180deg,var(--brand-navy-light),var(--brand-navy-dark));border:2px solid #c8d3e2;border-radius:12px;box-shadow:0 3px 8px #00000040}.f-progress.horizontal{height:64px;gap:8px;padding:0 8px}.f-progress.vertical{width:76px;flex-direction:column;gap:6px;padding:6px 0 8px}.f-km-label{color:#fff;font-size:var(--fs-small)}.f-track{position:relative;flex:1}.horizontal .f-km-label{order:2}.horizontal .f-track{height:10px;margin:0 6px 18px 30px}.vertical .f-track{width:10px;margin:8px 30px 18px 0;align-self:center}.f-track-pole{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:8px;background:var(--brand-navy-deep);box-shadow:inset 0 1px 3px #00000080}.f-track-fill{position:absolute;left:0;bottom:0;border-radius:6px;background:linear-gradient(180deg,var(--brand-orange-light),var(--brand-orange));box-shadow:0 0 8px #f7941fcc}.horizontal .f-track-fill{top:0}.vertical .f-track-fill{right:0}.f-km-mark{position:absolute;font-size:14px;line-height:1;color:#6f9fd8;transition:color .3s,opacity .3s}.horizontal .f-km-mark{top:calc(100% + 7px);translate:-50% 0}.vertical .f-km-mark{left:calc(100% + 9px);translate:0 50%}.f-km-mark.passed{color:#fff}.f-km-mark.current{opacity:0}.f-track-marker{position:absolute;pointer-events:none;width:34px;height:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));z-index:2}.horizontal .f-track-marker{top:50%;translate:-50% -50%}.vertical .f-track-marker{left:50%;translate:-50% 50%}.f-cp{z-index:40}.f-cp-inner{align-items:center;justify-content:center}.f-cp-banner{width:clamp(190px,58vmin,540px);height:auto;position:relative;z-index:2;margin-bottom:calc(clamp(190px,58vmin,540px)*-.1)}.f-cp-panel{width:100%;max-width:1200px;container-type:inline-size;background:#ffffff80;border-radius:22px;box-shadow:0 8px 30px #1e46781f;padding:clamp(30px,8vmin,70px) clamp(10px,2vw,30px) clamp(14px,3vmin,30px)}.f-cp-track{position:relative;height:clamp(130px,min(26cqw,46dvh),300px)}.f-cp-line{position:absolute;left:6.3%;width:85.9%;height:9%;bottom:26%}.f-cp-flag{position:absolute;left:91%;bottom:30%;height:62%;width:auto}.f-cp-start{position:absolute;left:0;bottom:2%;width:15%;text-align:center;color:var(--brand-navy);font-size:clamp(13px,2.4cqw,30px)}.f-cp-bush{position:absolute;z-index:2;bottom:20%;height:52%;width:auto;translate:-50% 0}.f-cp-post{position:absolute;bottom:19%;height:34%;aspect-ratio:1;translate:-50% 0;z-index:3}.f-cp-badge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.f-cp-lit{position:absolute;top:0;right:0;bottom:0;left:0}.f-cp-glow{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle,#f7941f00 45%,#f7941fd9 60%,#f7941f00 72%);pointer-events:none}.f-cp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(12px,2.1cqw,38px)}.f-cp-horse{position:absolute;bottom:26%;height:82%;width:auto;translate:-50% 0;z-index:1}.f-result-inner{gap:clamp(6px,1.6vmin,14px)}.f-result-inner>*{position:relative;z-index:1}.f-result-inner:before{content:"";position:absolute;left:calc(var(--pad-l) - 4px);right:calc(var(--pad-r) - 4px);top:calc(var(--pad-t) - 2px);bottom:calc(var(--pad-b) + 54px);background:#f0f5e3;border:6px solid #fff;border-radius:4px;box-shadow:0 6px 18px #00000026}.f-res-head{flex:none;display:flex;flex-direction:column;align-items:center;padding-top:10px}.f-res-title{margin:4px 0 0;color:var(--red);font-size:clamp(18px,calc(2.4vmin + 9px),38px);line-height:1.25;text-align:center;padding:0 8px}.f-res-line{width:min(90%,900px);margin-top:6px;transform-origin:center}.f-res-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0 10px}.f-res-grid{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.fluid.portrait .f-res-field:nth-child(odd){grid-column:1 / -1}.fluid.portrait .f-res-grid{grid-template-columns:1fr}.f-res-field{min-width:0}.f-res-label{color:#000;font-style:italic;text-align:left;font-size:var(--fs-small);margin:0 0 2px 12%}.f-res-value{height:clamp(40px,6.4vmin,60px);background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-start;padding:0 12% 0 14%;color:#111;font-size:clamp(15px,calc(1.6vmin + 9px),26px)}.f-res-value span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-res-tier{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.f-res-tier img{width:100%;height:100%;object-fit:contain;display:block}.f-res-actions{flex:none;display:flex;justify-content:center;align-items:center;gap:clamp(12px,6vw,80px);padding-left:52px}.f-btn-res{width:clamp(148px,32vmin,230px)}.fluid.landscape .f-res-head{flex-direction:row;gap:14px;flex-wrap:wrap;justify-content:center}.fluid.landscape .f-res-title{margin:0;flex:1}.fluid.landscape .f-res-line{display:none}.fluid.landscape .f-res-main{flex-direction:row-reverse;align-items:center}.fluid.landscape .f-res-grid{width:52%;grid-template-columns:1fr;gap:4px}.fluid.landscape .f-res-field{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:6px}.fluid.landscape .f-res-label{margin:0;text-align:right;line-height:1.15}.fluid.landscape .f-res-value{height:42px}.fluid.landscape .f-res-tier{align-self:stretch}@media (max-width: 359px){.f-res-actions{padding-left:0;padding-bottom:50px}.f-btn-res{width:142px}.f-result-inner:before{bottom:calc(var(--pad-b) + 104px)}}@media (pointer: coarse){.stage .img-btn:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.stage .choice{min-height:84px}.stage .mute-toggle{width:84px;height:84px;top:982px}.stage .mute-toggle svg{width:44px;height:44px}}.fluid.portrait .f-res-head{padding-top:calc(clamp(96px,22vmin,190px)*.455 + 8px)}.fluid.portrait .f-res-main{justify-content:center}.fluid.portrait .f-res-tier{flex:0 1 auto;height:min(100%,44vh)}.f-popup .staff-title{font-size:var(--fs-title)}.f-popup .staff-hint{font-size:var(--fs-body);margin:0 auto}.f-popup .staff-prefix{font-size:1.6rem}.f-popup .staff-input{width:9rem;height:3.2rem;font-size:1.6rem}.f-popup .staff-error{font-size:var(--fs-body)}.f-res-note{color:var(--brand-navy);text-align:center;margin:0}