.ofdp-ui{--navy: #010a13;--navy-2: #0a1428;--navy-3: #0f2240;--gold: #c8aa6e;--gold-hi: #f0e6d2;--gold-lo: #785a28;--gold-mid: #a08451;--teal: #0ac8b9;--teal-lo: #0a7d84;--red: #e8404a;--text: #ebe4d3;--text-dim: #a09b8c;--f-title: "Cinzel", "Trajan Pro", Georgia, serif;--f-num: "Bebas Neue", "Arial Narrow", Impact, sans-serif;--f-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--pad-x: 1.1em;--pad-y: .8em;position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden;font-size:clamp(12px,min(100vh / 28,100vw / 56),22px);font-family:var(--f-body);color:var(--text);line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@supports (height: 100dvh){.ofdp-ui{font-size:clamp(12px,min(100dvh / 28,100vw / 56),22px)}}.ofdp-ui *,.ofdp-ui *:before,.ofdp-ui *:after{box-sizing:border-box}.ofdp-ui [hidden]{display:none!important}.ofdp-ui h2,.ofdp-ui h3,.ofdp-ui p,.ofdp-ui blockquote{margin:0}.ofdp-ui svg{display:block}.ofdp-ui .scr{position:absolute;inset:0;display:flex;pointer-events:auto;padding:max(var(--sat),var(--pad-y)) max(var(--sar),var(--pad-x)) max(var(--sab),var(--pad-y)) max(var(--sal),var(--pad-x))}.ofdp-ui .scr--center{align-items:center;justify-content:center}.ofdp-ui .scr.is-active{animation:ofdp-fade-in .26s ease both}.ofdp-ui .scr.is-leaving{animation:ofdp-fade-out .2s ease both;pointer-events:none}.ofdp-ui .anim{animation:ofdp-rise .5s cubic-bezier(.2,1.3,.35,1) backwards;animation-delay:calc(var(--i, 0) * 55ms + 60ms)}.ofdp-ui .pop{animation:ofdp-pop .42s cubic-bezier(.2,1.35,.4,1) backwards}.ofdp-ui .scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#010a138c,#010a13db)}.ofdp-ui .scrim--solid{background:radial-gradient(ellipse at 50% 30%,#0a162ce6,#01060cf5)}.ofdp-ui .scrim--defeat{background:radial-gradient(ellipse at 50% 40%,#28060c8c,#01060cc7)}.ofdp-ui .boot-splash{z-index:60;transition:opacity .3s ease}.ofdp-ui .boot-splash.is-gone{opacity:0}.ofdp-ui .boot-splash.is-gone>*{opacity:0;transition:opacity .1s ease}.ofdp-ui .scr.is-active.no-enter{animation:none}.ofdp-ui .panel{position:relative;background:linear-gradient(180deg,#0c182ef2,#010a13f5);border:1px solid var(--gold-lo);box-shadow:0 0 0 1px #000000b3,0 1.2em 3em #0009,inset 0 0 2.5em #0ac8b90d;padding:1em 1.5em}.ofdp-ui .panel:before{content:"";position:absolute;inset:4px;border:1.5px solid var(--gold);pointer-events:none;--c: 1.1em;-webkit-mask:linear-gradient(#000 0 0) 0 0 / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 100% 0 / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 0 100% / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 100% 100% / var(--c) var(--c) no-repeat;mask:linear-gradient(#000 0 0) 0 0 / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 100% 0 / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 0 100% / var(--c) var(--c) no-repeat,linear-gradient(#000 0 0) 100% 100% / var(--c) var(--c) no-repeat}.ofdp-ui .panel:after{content:"";position:absolute;left:50%;top:0;width:.55em;height:.55em;background:var(--gold-hi);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 2px var(--navy),0 0 .6em #f0e6d299}.ofdp-ui .divider{position:relative;height:.7em;width:100%;display:flex;align-items:center;justify-content:center}.ofdp-ui .divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 25%,var(--gold) 75%,transparent)}.ofdp-ui .divider>span{width:.5em;height:.5em;background:var(--gold-hi);transform:rotate(45deg);box-shadow:0 0 0 2px var(--navy),0 0 0 3px var(--gold-lo)}.ofdp-ui .h-title{font:900 2em/1 var(--f-title);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--gold-hi);background:linear-gradient(180deg,#fffbea 10%,#f0d898 45%,#c8aa6e 60%,#8a6a32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7))}.ofdp-ui .h-section{font:700 max(10.5px,.78em)/1 var(--f-title);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-mid);padding:.2em 0 .5em}.ofdp-ui .logo{display:flex;flex-direction:column;align-items:flex-start;gap:.05em;width:max-content}.ofdp-ui .logo--center{align-items:center}.ofdp-ui .logo__top{font:700 1.05em/1 var(--f-title);letter-spacing:.52em;text-transform:uppercase;color:var(--gold);padding-left:.12em;text-shadow:0 2px 0 rgba(0,0,0,.7)}.ofdp-ui .logo__main{position:relative;font:900 2.75em/1.05 var(--f-title);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) -150% 0 / 220% 100% no-repeat,linear-gradient(180deg,#fffbea 8%,#f6dc94 38%,#d4b06a 56%,#a07a3c 57%,#e8c47c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .06em 0 #2a1a06) drop-shadow(0 0 .35em rgba(255,170,60,.35));animation:ofdp-glint 5.5s ease-in-out 1.2s infinite}.ofdp-ui .logo .divider{margin-top:.25em}@keyframes ofdp-fade-in{0%{opacity:0}}@keyframes ofdp-fade-out{to{opacity:0}}@keyframes ofdp-rise{0%{opacity:0;transform:translateY(.9em) scale(.97)}}@keyframes ofdp-pop{0%{opacity:0;transform:scale(.88)}}@keyframes ofdp-glint{0%,70%{background-position:-150% 0,0 0}to{background-position:250% 0,0 0}}@keyframes ofdp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ofdp-ui .anim,.ofdp-ui .pop,.ofdp-ui .scr.is-active,.ofdp-ui .logo__main{animation-duration:.01s!important;animation-delay:0s!important}}.ofdp-ui .btn{--h: max(48px, 3.4em);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:var(--h);min-width:48px;padding:0 1.2em;margin:0;font:700 .95em/1 var(--f-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);background:linear-gradient(180deg,#1c283b,#0a1322) padding-box,linear-gradient(180deg,#f0e6d2,#c8aa6e 40%,#785a28) border-box;border:2px solid transparent;border-radius:0;box-shadow:0 .25em .8em #00000080,inset 0 1px #ffffff14;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.3,1.8,.5,1),filter .16s ease}.ofdp-ui .btn:focus{outline:none}.ofdp-ui .btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.ofdp-ui .btn:active,.ofdp-ui .btn.is-pressed{transform:scale(.93);filter:brightness(1.35);transition-duration:.05s}.ofdp-ui .btn__icon{display:inline-flex;width:1.35em;height:1.35em;flex:none}.ofdp-ui .btn__icon svg{width:100%;height:100%}.ofdp-ui .btn__label{position:relative;white-space:nowrap}.ofdp-ui .btn--primary{--h: max(56px, 3.9em);font-weight:900;font-size:1.45em;letter-spacing:.18em;padding:0 1.4em;color:#fbf6ea;text-shadow:0 0 .5em rgba(10,200,185,.8),0 2px 0 rgba(0,0,0,.6);background:radial-gradient(120% 150% at 50% 0%,#1e7d89,#0c4352,#06202b 80%) padding-box,linear-gradient(180deg,#fff6d8,#c8aa6e 45%,#785a28) border-box;box-shadow:0 0 0 1px #000c,0 .35em 1.2em #0009,inset 0 0 1.2em #0ac8b959}.ofdp-ui .btn--primary .btn__icon{width:.9em;height:.9em}.ofdp-ui .btn__glow{position:absolute;inset:-6px;pointer-events:none;border:1px solid rgba(200,170,110,.6);box-shadow:0 0 1.4em #0ac8b98c,inset 0 0 .6em #0ac8b940;animation:ofdp-breathe 2.4s ease-in-out infinite}.ofdp-ui .btn__sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ofdp-ui .btn__sheen:before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);animation:ofdp-sheen 3.6s ease-in-out .8s infinite}@keyframes ofdp-breathe{0%,to{opacity:.45}50%{opacity:1}}@keyframes ofdp-sheen{0%{left:-50%}35%,to{left:130%}}.ofdp-ui .btn--tile{flex-direction:column;gap:.3em;padding:.45em .5em;font-size:max(11px,.72em);letter-spacing:.06em;--h: max(52px, 4.6em)}.ofdp-ui .btn--tile .btn__icon{width:2em;height:2em;color:var(--gold)}.ofdp-ui .btn.is-confirm{color:#fff0ec;background:linear-gradient(180deg,#6a1620,#2a0710) padding-box,linear-gradient(180deg,#ffb8a8,#e8404a 45%,#7a1620) border-box;box-shadow:0 0 1.1em #e8404a8c,inset 0 0 .8em #ff5a5a59;animation:ofdp-confirm .9s ease-in-out infinite}.ofdp-ui .btn.is-confirm .btn__icon{color:#ffb8a8}@keyframes ofdp-confirm{50%{box-shadow:0 0 1.6em #e8404ad9,inset 0 0 1em #ff5a5a80}}.ofdp-ui .btn--icon{--h: max(48px, 2.9em);width:var(--h);padding:0}.ofdp-ui .btn--icon .btn__icon{width:1.4em;height:1.4em}.ofdp-ui .btn--ghost{--h: max(44px, 2.8em);font-size:max(11px,.78em);color:var(--gold-hi);background:linear-gradient(180deg,#0a1428bf,#010a13bf) padding-box,linear-gradient(180deg,#c8aa6ee6,#785a28e6) border-box;border-width:1.5px}.ofdp-ui .btn-row{display:flex;gap:.6em}.ofdp-ui .btn-row>.btn{flex:1 1 0}.ofdp-ui .row{display:flex;align-items:center;gap:.8em;min-height:max(46px,3em);padding:0 .2em;width:100%;border:0;border-bottom:1px solid rgba(200,170,110,.14);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.ofdp-ui .row__label{flex:0 0 auto;min-width:6.6em;font:700 max(11px,.86em)/1.1 var(--f-title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi)}.ofdp-ui .slider__value{flex:0 0 2.6em;text-align:right;font:1.25em/1 var(--f-num);letter-spacing:.04em;color:var(--teal)}.ofdp-ui .slider__input{--fill: 50%;pointer-events:none;flex:1 1 auto;min-width:4em;height:max(44px,2.9em);margin:0;background:transparent;-webkit-appearance:none;appearance:none;touch-action:none;cursor:pointer}.ofdp-ui .slider__input:focus{outline:none}.ofdp-ui .slider__input::-webkit-slider-runnable-track{height:6px;border:1px solid var(--gold-lo);background:linear-gradient(90deg,var(--teal-lo),var(--teal)) 0 0 / var(--fill) 100% no-repeat,#040b16}.ofdp-ui .slider__input::-moz-range-track{height:6px;border:1px solid var(--gold-lo);background:linear-gradient(90deg,var(--teal-lo),var(--teal)) 0 0 / var(--fill) 100% no-repeat,#040b16}.ofdp-ui .slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:2px solid var(--navy);background:linear-gradient(135deg,#fff6d8,var(--gold) 50%,var(--gold-lo));box-shadow:0 0 0 1px var(--gold),0 0 10px #0ac8b999;transform:rotate(45deg)}.ofdp-ui .slider__input::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--navy);border-radius:0;background:linear-gradient(135deg,#fff6d8,var(--gold) 50%,var(--gold-lo));box-shadow:0 0 0 1px var(--gold),0 0 10px #0ac8b999;transform:rotate(45deg)}.ofdp-ui .slider.is-pressed .slider__input::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--gold-hi),0 0 16px #0ac8b9}.ofdp-ui .toggle{justify-content:space-between}.ofdp-ui .toggle__track{position:relative;flex:none;width:3.2em;height:1.5em;border:1px solid var(--gold-lo);background:#040b16;transition:background .2s ease,border-color .2s ease}.ofdp-ui .toggle__knob{position:absolute;top:50%;left:.75em;width:.95em;height:.95em;background:linear-gradient(135deg,#8d8678,#4f4a40);border:1.5px solid var(--navy);box-shadow:0 0 0 1px var(--gold-lo);transform:translate(-50%,-50%) rotate(45deg);transition:left .22s cubic-bezier(.3,1.6,.5,1),background .2s ease,box-shadow .2s ease}.ofdp-ui .toggle.is-on .toggle__track{border-color:var(--gold);background:linear-gradient(90deg,#0a7d8499,#0ac8b9a6)}.ofdp-ui .toggle.is-on .toggle__knob{left:calc(100% - .75em);background:linear-gradient(135deg,#fff6d8,var(--gold) 50%,var(--gold-lo));box-shadow:0 0 0 1px var(--gold),0 0 10px #0ac8b9cc}.ofdp-ui .toggle.is-pressed .toggle__track{filter:brightness(1.4)}.ofdp-ui .slider .row__label{flex:0 0 auto;width:6.4em;min-width:0;white-space:normal}.ofdp-ui .scr--loading{align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#10264a 0%,#061224 45%,var(--navy) 80%)}.ofdp-ui .loading{display:flex;flex-direction:column;align-items:center;gap:.9em}.ofdp-ui .progress{position:relative;width:min(24em,62vw);height:.75em;margin-top:.6em;border:1px solid var(--gold);background:#040b16;box-shadow:0 0 0 3px var(--navy),0 0 0 4px #785a28b3,0 0 1.4em #0ac8b926;overflow:hidden}.ofdp-ui .progress__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#0a5a64,var(--teal) 80%,#c8fff8);transition:transform .3s ease-out}.ofdp-ui .progress__glint{position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%) -60% 0 / 40% 100% no-repeat;animation:ofdp-progress-glint 1.6s linear infinite}@keyframes ofdp-progress-glint{to{background-position:160% 0}}.ofdp-ui .loading__pct{font:1.35em/1 var(--f-num);letter-spacing:.12em;color:var(--gold)}.ofdp-ui .loading__tip{max-width:30em;text-align:center;font-size:.86em;font-style:italic;color:var(--text-dim)}.ofdp-ui .scr--title{align-items:center}.ofdp-ui .title__scrim{position:absolute;inset:0;background:linear-gradient(90deg,#010a13f2,#010a13d6 26%,#010a1373,#010a1300 62%),linear-gradient(0deg,#010a138c,#010a1300 28%)}.ofdp-ui .title__col{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.65em;width:max-content;max-width:48vw;margin-left:.6em}.ofdp-ui .title__col .logo{font-size:min(1.04em,calc((46vw - var(--sal) - 1em) / 26))}.ofdp-ui .title__subtitle{margin:-.35em 0 .25em;font:700 .82em/1 var(--f-title);letter-spacing:.24em;text-transform:uppercase;color:var(--teal);text-shadow:0 0 .8em rgba(10,200,185,.45)}.ofdp-ui .title__play{font-size:1.75em;--h: max(60px, 2.75em)}.ofdp-ui .title__row{display:flex;gap:.5em}.ofdp-ui .title__row>.btn{flex:1 1 0}.ofdp-ui .title__best{display:flex;align-items:center;gap:.45em;min-height:1.6em;padding-left:.1em}.ofdp-ui .title__best-label{font:700 max(10px,.7em)/1 var(--f-title);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-mid)}.ofdp-ui .title__best-num{font:1.45em/1 var(--f-num);letter-spacing:.04em;color:var(--gold-hi)}.ofdp-ui .title__best-sep{width:.35em;height:.35em;margin:0 .35em;background:var(--gold-lo);transform:rotate(45deg)}.ofdp-ui .title__best-first{font-size:max(11px,.8em);font-style:italic;color:var(--text-dim)}.ofdp-ui .title__corner{position:absolute;top:max(var(--sat),.8em);right:max(var(--sar),1em);display:flex;flex-direction:column;align-items:flex-end;gap:.5em}.ofdp-ui .ios-tip{max-width:17em;padding:.75em .95em;background:#010a13f0;border:1px solid var(--gold-lo);box-shadow:0 .6em 1.6em #0009;animation:ofdp-pop .3s cubic-bezier(.2,1.35,.4,1) backwards}.ofdp-ui .ios-tip__title{font:700 .8em/1.2 var(--f-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:.35em}.ofdp-ui .ios-tip__text{font-size:.82em;line-height:1.45;color:#cfc8b8}.ofdp-ui .ios-tip__icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;color:var(--teal)}.ofdp-ui .title__legal{position:absolute;right:max(var(--sar),1em);bottom:max(var(--sab),.6em);font-size:max(9.5px,.62em);letter-spacing:.04em;color:#c8beaa99;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ofdp-ui .panel--pause{display:flex;flex-direction:column;align-items:stretch;gap:.75em;width:min(23em,92vw);padding:1.3em 1.5em 1.4em}.ofdp-ui .panel--pause .btn--primary{font-size:1.3em}.ofdp-ui .panel--go{display:flex;flex-direction:column;gap:.45em;width:min(38em,100%);padding:.9em 1.5em 1em}.ofdp-ui .panel--go.is-shake{animation:ofdp-shake .38s ease both}@keyframes ofdp-shake{0%,to{transform:none}20%{transform:translate(-5px,3px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.ofdp-ui .go__title{position:relative;font:900 2.3em/1 var(--f-title);letter-spacing:.22em;text-align:center;text-transform:uppercase;white-space:nowrap;background:linear-gradient(180deg,#ffe6dc 10%,#f06a5a 50%,#a01828 58%,#e8404a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.75)) drop-shadow(0 0 .4em rgba(232,64,74,.35))}.ofdp-ui .scr--gameover:not([data-outcome=defeat]) .go__title{letter-spacing:.14em;background:linear-gradient(180deg,#fffbea 10%,#f6dc94 42%,#d4b06a 56%,#a07a3c 57%,#f0d48a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 rgba(0,0,0,.75)) drop-shadow(0 0 .45em rgba(255,190,80,.45))}.ofdp-ui .go__glory{position:absolute;inset:1px;overflow:hidden;pointer-events:none}.ofdp-ui .go__rays{position:absolute;left:50%;top:1.4em;width:22em;height:22em;margin:-11em 0 0 -11em;pointer-events:none;opacity:0;background:repeating-conic-gradient(rgba(255,210,90,.22) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 75%);mask:radial-gradient(closest-side,#000 10%,transparent 75%);animation:ofdp-spin 16s linear infinite}.ofdp-ui .scr--gameover[data-outcome=record] .go__rays,.ofdp-ui .scr--gameover[data-outcome=legend] .go__rays{opacity:1}.ofdp-ui .scr--gameover:not([data-outcome=defeat]) .scrim--defeat{background:radial-gradient(ellipse at 50% 40%,#281e0680,#01060cc7)}.ofdp-ui .go__sub{text-align:center;font-size:max(11px,.82em);letter-spacing:.05em;color:var(--text-dim)}.ofdp-ui .go__body{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.4em;padding:.2em .3em}.ofdp-ui .go__grade{display:flex;flex-direction:column;align-items:center;gap:.35em}.ofdp-ui .go__grade-label,.ofdp-ui .go__score-label{font:700 max(10px,.68em)/1 var(--f-title);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-mid)}.ofdp-ui .grade{--g: #f0e6d2;--g2: #c8aa6e;position:relative;display:grid;place-items:center;width:6em;height:6em;opacity:.45}.ofdp-ui .grade:not(.is-stamped) .grade__ring{border-color:#c8aa6e66;box-shadow:inset 0 0 0 4px var(--navy),inset 0 0 0 5.5px #785a2899}.ofdp-ui .grade:not(.is-stamped) .grade__letter{visibility:hidden}.ofdp-ui .grade[data-grade=S]{--g: #fff1b8;--g2: #ff9a2e}.ofdp-ui .grade[data-grade=A]{--g: #f6dc94;--g2: #c8aa6e}.ofdp-ui .grade[data-grade=B]{--g: #b8fff6;--g2: #0ac8b9}.ofdp-ui .grade[data-grade=C]{--g: #e0e8f4;--g2: #7f93b0}.ofdp-ui .grade[data-grade=D]{--g: #f0c0b8;--g2: #a8484e}.ofdp-ui .grade.is-stamped{animation:ofdp-stamp .42s cubic-bezier(.25,1.4,.45,1) both}.ofdp-ui .grade__ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--g);background:radial-gradient(circle,#101e38f2,#010a13fa);box-shadow:inset 0 0 0 4px var(--navy),inset 0 0 0 5.5px var(--g2),0 0 1.4em var(--g2)}.ofdp-ui .grade__letter{position:relative;font:900 3.9em/1 var(--f-title);padding-top:.06em;background:linear-gradient(180deg,#ffffff 15%,var(--g) 45%,var(--g2) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.8))}.ofdp-ui .grade:after{content:"";position:absolute;inset:-10%;border-radius:50%;border:2px solid var(--g);opacity:0}.ofdp-ui .grade.is-stamped:after{animation:ofdp-ring .6s ease-out .18s both}@keyframes ofdp-stamp{0%{opacity:0;transform:scale(2.8) rotate(-30deg)}55%{opacity:1;transform:scale(.88) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@keyframes ofdp-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.ofdp-ui .go__main{display:flex;flex-direction:column;gap:.15em;min-width:0}.ofdp-ui .go__score-row{display:flex;align-items:center;gap:.6em}.ofdp-ui .go__score{font:3.1em/1 var(--f-num);letter-spacing:.03em;color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.6)}.ofdp-ui .go__best{min-height:1.1em;font-size:max(11px,.78em);color:var(--text-dim)}.ofdp-ui .newbest{position:relative;opacity:0}.ofdp-ui .newbest.is-on{animation:ofdp-newbest .55s cubic-bezier(.2,1.7,.4,1) both}@keyframes ofdp-newbest{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}.ofdp-ui .newbest__rays{position:absolute;left:50%;top:50%;width:9em;height:9em;margin:-4.5em 0 0 -4.5em;background:repeating-conic-gradient(rgba(255,210,90,.5) 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 66%);mask:radial-gradient(circle,#000 15%,transparent 66%);animation:ofdp-spin 7s linear infinite;pointer-events:none}.ofdp-ui .newbest__text{position:relative;display:block;padding:.35em .9em;font:900 .85em/1 var(--f-title);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#2a1600;background:linear-gradient(180deg,#fff6d0,#ffd25a 55%,#e8902a);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}.ofdp-ui .go__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em .45em;margin-top:.35em}.ofdp-ui .stat{display:flex;flex-direction:column;gap:.1em;padding:.3em .6em .25em;background:linear-gradient(90deg,#c8aa6e1a,#010a1333);border-left:2px solid var(--gold-lo)}.ofdp-ui .stat__label{font:700 max(10px,.6em)/1.1 var(--f-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-mid);white-space:nowrap}.ofdp-ui .stat__value{font:1.4em/1 var(--f-num);letter-spacing:.04em;color:var(--text)}.ofdp-ui .go__actions{display:flex;justify-content:center;align-items:center;gap:.8em;margin-top:.35em;opacity:0;transform:translateY(.5em) scale(.96);pointer-events:none;transition:opacity .22s ease,transform .32s cubic-bezier(.2,1.4,.4,1)}.ofdp-ui .go__actions.is-armed{opacity:1;transform:none;pointer-events:auto}.ofdp-ui .go__actions>.btn{min-width:8em}.ofdp-ui .go__retry{min-width:11em!important;font-size:1.3em}.ofdp-ui .scr--sub{align-items:center;justify-content:center}.ofdp-ui .sub{position:relative;display:flex;flex-direction:column;gap:.45em;width:min(46em,100%);max-height:100%;padding:.7em 1.4em 1em}.ofdp-ui .sub--wide{width:min(62em,100%);padding:0;min-height:0}.ofdp-ui .sub--narrow{width:min(36em,100%)}.ofdp-ui .sub-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em}.ofdp-ui .sub-head>.btn:first-child{justify-self:start}.ofdp-ui .sub-head>:last-child{justify-self:end}.ofdp-ui .sub-head__title{font:900 1.5em/1 var(--f-title);letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#fffbea 10%,#f0d898 45%,#c8aa6e 60%,#8a6a32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7))}.ofdp-ui .sub-head__spacer{width:max(48px,2.9em)}.ofdp-ui .settings__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 2.2em}.ofdp-ui .settings__col{display:flex;flex-direction:column;min-width:0}.ofdp-ui .settings__replay{margin-top:.75em;font-size:max(11px,.8em);--h: max(46px, 3.4em)}.ofdp-ui .howto__tutorial{font-size:max(11px,.78em);--h: max(46px, 3.6em);padding:0 1em}.ofdp-ui .howto__grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,auto));gap:.55em}.ofdp-ui .card{min-height:0;display:flex;flex-direction:column;padding:.4em .45em .5em;background:linear-gradient(180deg,#0e1c34f0,#040c1af5);border:1px solid rgba(120,90,40,.85);box-shadow:inset 0 0 0 1px #00000080}.ofdp-ui .card__art{flex:0 1 auto;min-height:1.6em;aspect-ratio:2.3 / 1;background:linear-gradient(180deg,#221a46,#4a2f66 55%,#8a5070);border:1px solid rgba(200,170,110,.3);overflow:hidden}.ofdp-ui .card__art svg{width:100%;height:100%}.ofdp-ui .card__title{flex:none;margin:.45em 0 .2em;font:700 max(11px,.78em)/1.15 var(--f-title);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-hi)}.ofdp-ui .card__text{flex:none;font-size:max(11px,.8em);line-height:1.28;color:#cbc4b4}.ofdp-ui .credits{display:flex;flex-direction:column;gap:.55em;padding:.1em .3em .2em}.ofdp-ui .credits__notice{padding:.6em .9em;font-size:.9em;line-height:1.45;color:var(--gold-hi);background:linear-gradient(90deg,#c8aa6e1f,#c8aa6e08);border-left:3px solid var(--gold)}.ofdp-ui .credits__p{font-size:.84em;line-height:1.4;color:#cfc8b8}.ofdp-ui .credits__small{font-size:max(10.5px,.72em);color:var(--text-dim)}.ofdp-ui .credits__thanks{margin-top:.15em;text-align:center;font:700 max(10.5px,.76em)/1.2 var(--f-title);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.ofdp-ui .rotate{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;font-size:16px;pointer-events:auto;touch-action:none;background:radial-gradient(ellipse at 50% 40%,#10264a 0%,#061224 45%,var(--navy) 80%)}@media(orientation:portrait){.ofdp-ui:not(.no-rotate) .rotate{display:flex}}.ofdp-ui.is-portrait .rotate{display:flex}.ofdp-ui .rotate__art{position:relative;width:130px;height:130px;margin-bottom:8px}.ofdp-ui .rotate__phone{position:absolute;left:50%;top:50%;width:52px;height:92px;margin:-46px 0 0 -26px;border:3px solid var(--gold);border-radius:11px;background:var(--navy-2);box-shadow:0 0 22px #0ac8b94d,inset 0 0 0 2px var(--navy);animation:ofdp-rotate-phone 2.8s cubic-bezier(.65,0,.25,1) infinite}.ofdp-ui .rotate__notch{position:absolute;top:5px;left:50%;width:14px;height:3px;margin-left:-7px;border-radius:2px;background:var(--gold-lo)}.ofdp-ui .rotate__screen{position:absolute;inset:13px 5px;border-radius:2px;background:linear-gradient(180deg,#1b1640,#5a3a72 60%,#e9a37f)}.ofdp-ui .rotate__arrow{position:absolute;right:-4px;top:-2px;width:46px;height:46px;color:var(--teal);animation:ofdp-rotate-arrow 2.8s ease infinite}.ofdp-ui .rotate__arrow svg{width:100%;height:100%}@keyframes ofdp-rotate-phone{0%,18%{transform:rotate(0)}50%,82%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes ofdp-rotate-arrow{0%,10%{opacity:0;transform:rotate(-30deg) scale(.8)}25%,45%{opacity:1;transform:none}60%,to{opacity:0;transform:rotate(20deg)}}.ofdp-ui .rotate__title{font:900 22px/1.2 var(--f-title);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#fffbea 10%,#f0d898 45%,#c8aa6e 60%,#8a6a32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ofdp-ui .rotate__sub{max-width:260px;font-size:14px;color:var(--text-dim)}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");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:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-ext-900-normal-CWXxiu5r.woff2) format("woff2"),url(./cinzel-latin-ext-900-normal-BlZZvP7K.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff) format("woff");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:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-ext-400-normal-DWiEslNC.woff2) format("woff2"),url(./bebas-neue-latin-ext-400-normal-HFKRJXnW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(./bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff");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}