@font-face{font-family:Teyvat Digits;src:url(data:font/woff2;base64,d09GMgABAAAAAAKEAAoAAAAACCQAAAI7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAANAqJMIc/ATYCJAMYCxgABCAFgk0HOBtpBiCeA+6uItTDIW8WfwzROCiirWU7CJ74ub27zW8fs7QQVxFreILkndKsJWqHzMXcfkBUDR8n2iDjlVt3XEthpROqNpNECowgdt5XiGEi0YskmsrUh9s32Rjg46tLNaXbg6R1i0iQN+VLx8vNYzBY8QrdW7BhxDtIJl6BA/gUMIl1Mv9TITFb/7fbF2JiLIj47S0WAV/uFuHpQThRyHb7f+BaE5NkcssKPNAQXQ7JJQ/7YVnoVwGK0uyX+KQBaAGOQA4gDwDgA4BMJJZI9Y9GTDokqFdx3MJwYUly3P32BbhlOiaMBYFbEV2Er6aZBeYmKGU6oDZRAi5D+jDZTRNI7IL9ajjMXHB6WMufxJqbmLVdTfN/uJsEgS+v0Bld5KOWIWaFjb6vorNyQUPMhgs9R7b6xQJ1WoxCOxQEpdzMvwlbKItZDsI24P5/+AFryKA/lGyWhcHB5+Fu5m+F/TAACBBk384ovtEbd38DwPdXWvW+BdDVdoBHAQi+Ja5eQKiyBiGr4twEi/MnBDAFNwClbaEdgjcHtxXhzJGKYAUnGYn3cJCK6PlNVMl/rjYYZ417g/5gzQAj1Fc/Vc3G4iOu9ZHM5USUeJEaR+jamBjmrp2Wa6u5NsXV4ZmTueIWoailYWZvrJlAdWmgt9wz0DfQMEa179CtIJNmStMwoOtq6UOknBwRkvBEFBZaaJlqQho01KU1wWu1zhBPTnhlToxRPiRo2DlRVdMw22PMIafMLXVhEVExcQlJKWk=)format("woff2");unicode-range:U+30-39;font-display:block}:root{--u:3px;--un:calc(var(--u) * -1);--c0:#fffaf0;--c1:#ffead0;--c2:#f6d0a6;--ink:#102342;--ink2:#163456;--ink3:#24496f;--mute:#3f5170;--g0:#f9d663;--g1:#f0bf57;--g2:#d27f2e;--g3:#8a4a10;--g-hov:#ffe58a;--s0:#77ccfc;--s1:#56b7fa;--s-hov:#a3defe;--r0:#e8574a;--r1:#a62a24;--night:#0a0f2e;--drop:#1023428c;--scrim:#102342a8;--ring:0 0 transparent;--ff:"Teyvat Digits", "Pixelify Sans", ui-monospace, monospace;--fc:"Teyvat Digits", "Silkscreen", ui-monospace, monospace;--fx:16px;--fx2:16px;--f2:14px;--f3:16px;--f4:20px;--f5:24px;--f6:32px;--edge-l:max(calc(4 * var(--u)), env(safe-area-inset-left));--edge-r:max(calc(4 * var(--u)), env(safe-area-inset-right));--column:calc(150 * var(--u));--ease-dive:cubic-bezier(.55, 0, .25, 1);--font-pixel:var(--fc);--ink-soft:var(--mute);--parchment:var(--c0)}@media (width>=700px) and (height>=700px){:root{--u:4px;--fx2:24px;--f2:16px;--f3:20px;--f4:24px;--f5:32px;--f6:40px}}@media (width>=2200px) and (height>=1300px){:root{--u:6px;--fx:24px;--fx2:32px;--f2:24px;--f3:30px;--f4:36px;--f5:48px;--f6:60px}}@media (width>=3000px) and (height>=1700px){:root{--u:8px;--fx:32px;--fx2:48px;--f2:32px;--f3:40px;--f4:48px;--f5:64px;--f6:80px}}[data-tier=common]{--tbg:#cfe6e4;--tl:#4d6f78;--ti:#3d5f68;--tf1:#cfe6e4;--tf2:#cfe6e4}[data-tier=too_clever]{--tbg:#e8cfa6;--tl:#7a4f2b;--ti:#7a4f2b;--tf1:#e8cfa6;--tf2:#e8cfa6}[data-tier=familiar]{--tbg:#c7a6e8;--tl:#5a2d88;--ti:#5a2d88;--tf1:#c7a6e8;--tf2:#c7a6e8}[data-tier=rare]{--tbg:#a9d6f7;--tl:#1f5aa0;--ti:#1f5aa0;--tf1:#a9d6f7;--tf2:#a9d6f7}[data-tier=deep_cut]{--tbg:linear-gradient(135deg, #f6c3e6 50%, #b9d3fb 50%);--tl:#7a3c9e;--ti:#7a3c9e;--tf1:#f6c3e6;--tf2:#b9d3fb}[data-tier=gem]{--tbg:#f6d470;--tl:#8a5a00;--ti:#8a5a00;--tf1:#f6d470;--tf2:#f6d470}*,:before,:after{box-sizing:border-box}html{background:var(--night);overflow-anchor:none}body{background:var(--night);min-height:100svh;color:var(--ink);font:400 var(--f3) / 1.3 var(--ff);font-variant-ligatures:none;-webkit-font-smoothing:none;margin:0}:where(h1,h2,h3,p,ol,ul,li){font:inherit;margin:0;padding:0;list-style:none}img{image-rendering:pixelated}:where(button,input){font:inherit;color:inherit;appearance:none;border:0;border-radius:0;margin:0}button{cursor:pointer}a{color:var(--g0)}kbd{font:inherit}:focus{outline:none}:focus-visible{outline:var(--u) solid var(--c0);outline-offset:var(--u);--ring:0 0 0 calc(3 * var(--u)) var(--ink)}::placeholder{color:var(--mute);opacity:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{--sb-track:var(--ink);--sb-thumb:var(--g0)}.sum-answers,.modal-body{--sb-track:var(--c1);--sb-thumb:var(--ink2)}@supports not selector(::-webkit-scrollbar){html,.sum-answers,.modal-body{scrollbar-color:var(--sb-thumb) var(--sb-track)}}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar{width:calc(3 * var(--u));height:calc(3 * var(--u));background:var(--sb-track)}::-webkit-scrollbar-thumb{min-height:calc(8 * var(--u));border:var(--u) solid var(--sb-track);background:var(--sb-thumb)}::-webkit-scrollbar-corner{background:var(--sb-track)}}.card,.next-dive,.region-plaque,.hud-pill,.gauge-tag,.tagline,.loading,.btn,.big-button,.icon-button,.suggest-opt,.keycap,.answer-input,.bubble,.tier-badge,.missed,.toggle,.site-foot,.entering,.modal-box{--bg:var(--c0);--hi:#fff;--lo:var(--c2);--ln:var(--ink);--dr:var(--drop);--dy:2;background:var(--bg);box-shadow:inset var(--u) var(--u) 0 0 var(--hi), inset var(--un) var(--un) 0 0 var(--lo), 0 var(--un) 0 0 var(--ln), 0 var(--u) 0 0 var(--ln), var(--un) 0 0 0 var(--ln), var(--u) 0 0 0 var(--ln), 0 calc(var(--u) * (var(--dy) + 1)) 0 0 var(--dr), var(--ring)}.is-dark,.hud-pill,.gauge-tag,.tagline,.loading,.site-foot,.entering{--bg:var(--ink2);--hi:var(--ink3);--lo:var(--ink);color:var(--c0)}.prog-bar,.timer-bar,.gauge-rail,.tier-chip,.ans-line.is-you{box-shadow:0 var(--un) 0 0 var(--ln,var(--ink)), 0 var(--u) 0 0 var(--ln,var(--ink)), var(--un) 0 0 0 var(--ln,var(--ink)), var(--u) 0 0 0 var(--ln,var(--ink))}.home-card,.home-card>.kicker:first-child,.home>.big-button,.stats-bar,.modal-box{isolation:isolate;box-shadow:var(--ring);filter:drop-shadow(0 calc(var(--u) * var(--dy)) 0 var(--dr));background:0 0;position:relative}:is(.home-card,.home-card>.kicker:first-child,.home>.big-button,.stats-bar,.modal-box):before,:is(.home-card,.home-card>.kicker:first-child,.home>.big-button,.stats-bar,.modal-box):after{content:"";z-index:-1;clip-path:var(--clip);pointer-events:none;position:absolute}:is(.home-card,.home-card>.kicker:first-child,.home>.big-button,.stats-bar,.modal-box):before{inset:var(--un) var(--un) calc(var(--un) - var(--u) * var(--xb,0)) var(--un);background:var(--ln)}:is(.home-card,.home-card>.kicker:first-child,.home>.big-button,.stats-bar,.modal-box):after{inset:0 0 calc(var(--u) * var(--xb,0) * -1) 0;background:var(--bg);box-shadow:inset var(--u) var(--u) 0 0 var(--hi), inset var(--un) var(--un) 0 0 var(--lo)}.home>.big-button{--clip:polygon(calc(100% - var(--u) * 4) 0, calc(100% - var(--u) * 4) calc(var(--u) * 2), calc(100% - var(--u) * 3) calc(var(--u) * 2), calc(100% - var(--u) * 3) calc(var(--u) * 4), calc(100% - var(--u) * 2) calc(var(--u) * 4), calc(100% - var(--u) * 2) calc(var(--u) * 6), calc(100% - var(--u)) calc(var(--u) * 6), calc(100% - var(--u)) calc(100% - var(--u) * 6), calc(100% - var(--u) * 2) calc(100% - var(--u) * 6), calc(100% - var(--u) * 2) calc(100% - var(--u) * 4), calc(100% - var(--u) * 3) calc(100% - var(--u) * 4), calc(100% - var(--u) * 3) calc(100% - var(--u) * 2), calc(100% - var(--u) * 4) calc(100% - var(--u) * 2), calc(100% - var(--u) * 4) 100%, calc(var(--u) * 4) 100%, calc(var(--u) * 4) calc(100% - var(--u) * 2), calc(var(--u) * 3) calc(100% - var(--u) * 2), calc(var(--u) * 3) calc(100% - var(--u) * 4), calc(var(--u) * 2) calc(100% - var(--u) * 4), calc(var(--u) * 2) calc(100% - var(--u) * 6), var(--u) calc(100% - var(--u) * 6), var(--u) calc(var(--u) * 6), calc(var(--u) * 2) calc(var(--u) * 6), calc(var(--u) * 2) calc(var(--u) * 4), calc(var(--u) * 3) calc(var(--u) * 4), calc(var(--u) * 3) calc(var(--u) * 2), calc(var(--u) * 4) calc(var(--u) * 2), calc(var(--u) * 4) 0)}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.i{width:calc(var(--w,7) * var(--u) * var(--s,1));height:calc(var(--h,7) * var(--u) * var(--s,1));fill:currentColor;shape-rendering:crispedges;flex:none;display:block;overflow:visible}.io{fill:var(--i-o,var(--ink))}.if{fill:var(--i-f,var(--g0))}.logo{width:calc(var(--lw) * var(--lp,var(--u)));height:calc(var(--lh) * var(--lp,var(--u)));shape-rendering:crispedges;display:block}.el{width:calc(8 * var(--u));height:calc(8 * var(--u));object-fit:contain;flex:none;display:block}.el.sm{width:calc(6 * var(--u));height:calc(6 * var(--u))}.kicon{width:calc(7 * var(--u));height:calc(7 * var(--u));object-fit:contain;image-rendering:auto;flex:none}.divider{align-items:center;gap:calc(2 * var(--u));--i-f:var(--g0);--i-o:var(--g2);display:flex}.divider:before,.divider:after{content:"";height:var(--u);background:var(--c2);flex:1}.divider.is-dark{--i-f:var(--ink3);--i-o:var(--ink)}.divider.is-dark:before,.divider.is-dark:after{background:var(--ink3)}.btn,.big-button{--bg:var(--g0);--hi:var(--c0);--lo:var(--g1);--dr:var(--ink);--dy:1;justify-content:center;align-items:center;gap:calc(2 * var(--u));min-height:max(44px, calc(12 * var(--u)));padding:0 calc(5 * var(--u));color:var(--ink);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-weight:600;text-decoration:none;display:inline-flex}.big-button{width:100%;min-height:max(48px, calc(16 * var(--u)));padding:0 calc(8 * var(--u));font-size:var(--f4)}.is-sky:is(.btn,.big-button){--bg:var(--s0);--lo:var(--s1)}.icon-button{--dy:1;--dr:var(--ink);width:max(44px, calc(12 * var(--u)));height:max(44px, calc(12 * var(--u)));color:var(--ink);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.icon-button[aria-pressed=false]{--bg:var(--c1);color:var(--mute)}@media (hover:hover){:is(.btn,.big-button,.icon-button):hover:not(:disabled){--bg:var(--g-hov)}.is-sky:is(.btn,.big-button):hover:not(:disabled),.suggest-opt:hover:not(:disabled){--bg:var(--s-hov)}.skip:hover:not(:disabled),.sum-row:hover{background:var(--c1)}.sum-row:hover .toggle{--bg:var(--g-hov)}}:is(.btn,.big-button,.icon-button,.suggest-opt):active:not(:disabled),.suggest-opt.is-pressed{transform:translateY(var(--u));--dy:0;--hi:var(--lo)}:is(.btn,.big-button):disabled{--bg:var(--c1);--hi:var(--c0);--lo:var(--c2);--ln:#8592ab;--dr:#10234240;color:#5b6680;cursor:not-allowed}.skip{align-items:center;gap:calc(2 * var(--u));min-height:44px;margin-right:calc(-2 * var(--u));padding:0 calc(2 * var(--u));box-shadow:var(--ring);color:var(--ink);background:0 0;margin-left:auto;font-weight:600;display:inline-flex}.skip:disabled{color:var(--mute);cursor:default}.backdrop{z-index:0;background:var(--night);pointer-events:none;width:100vw;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}.backdrop-art{image-rendering:pixelated;transition-property:transform,width,height;transition-duration:1.8s;transition-timing-function:var(--ease-dive);will-change:transform;background:top/100% 100% no-repeat;position:relative}.backdrop-art.is-placing{transition:none}.ambient,.ambient-region{width:100%;position:absolute;left:0}.ambient{height:100%;top:0}.ambient-region{height:14.2857%;overflow:hidden}.ambient-particle{opacity:0;will-change:transform, opacity;background-size:100% 100%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.ambient-particle.is-cloud{opacity:.9;animation-name:ambient-sway;animation-timing-function:ease-in-out;animation-direction:alternate}.ambient-particle.is-drift{animation-name:ambient-drift}.ambient-particle.is-glow{animation-name:ambient-glow;animation-timing-function:ease-in-out;animation-direction:alternate}.ambient-particle.is-blink{animation-name:ambient-blink;animation-timing-function:steps(4,end)}@keyframes ambient-drift{0%{opacity:0;transform:translate(0,0)}12%,85%{opacity:1}to{transform:translate3d(var(--travel-x), var(--travel-y), 0);opacity:0}}@keyframes ambient-sway{0%{transform:translate(0,0)}to{transform:translate3d(var(--travel-x), 0, 0)}}@keyframes ambient-glow{0%{opacity:.1;transform:translate(0,0)}to{transform:translate3d(var(--travel-x), var(--travel-y), 0);opacity:1}}@keyframes ambient-blink{0%,60%,to{opacity:0}75%{opacity:1}}.gauge{display:none}@media (width>=1000px) and (height>=600px){.gauge{top:calc(34 * var(--u));bottom:calc(14 * var(--u));left:max(calc(5 * var(--u)), env(safe-area-inset-left));z-index:2;width:calc(40 * var(--u));pointer-events:none;display:block;position:fixed}}.gauge-rail{top:0;bottom:0;left:calc(3 * var(--u));width:calc(2 * var(--u));background:var(--ink2);position:absolute}.gauge-el{transition:opacity .6s;position:absolute;left:0;transform:translateY(-50%)}.gauge-el.is-ahead{opacity:.45}.gauge-mark{left:calc(9 * var(--u));align-items:center;gap:var(--u);transition:top 1.8s var(--ease-dive);--i-f:var(--g0);--i-o:var(--ink);display:flex;position:absolute;transform:translateY(-50%)}.gauge-mark .i{transform:scaleX(-1)}.gauge-tag{--dy:1;padding:0 calc(2 * var(--u));font-size:var(--f2);white-space:nowrap;font-weight:600}.app{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.topbar{z-index:6;align-items:center;gap:calc(3 * var(--u));padding:calc(3 * var(--u)) var(--edge-r) 0 var(--edge-l);grid-template-columns:auto 1fr auto;grid-template-areas:"logo.btns""sub sub sub";display:grid;position:relative}.topbar-logo{grid-area:logo;line-height:0}.topbar-btns{gap:calc(3 * var(--u));grid-area:btns;display:flex}.topbar-sub{justify-content:space-between;align-items:center;gap:var(--u) calc(3 * var(--u));margin:0 calc(var(--edge-r) * -1) 0 calc(var(--edge-l) * -1);padding:calc(2 * var(--u)) var(--edge-r) calc(2 * var(--u)) var(--edge-l);background:var(--ink2);box-shadow:0 var(--un) 0 var(--ink), 0 var(--u) 0 var(--ink);flex-wrap:wrap;grid-area:sub;display:flex}@media (width<=363px){.topbar .logo{--lp:2px}}.region-plaque{--bg:var(--g0);--hi:var(--c0);--lo:var(--g1);--dy:1;padding:calc(2 * var(--u)) calc(3 * var(--u)) var(--u);font:400 var(--fx) / 1 var(--fc);text-transform:uppercase;white-space:nowrap}.hud-pill{--hi:transparent;--lo:transparent;--ln:transparent;--dy:0;font-size:var(--f2);white-space:nowrap;padding:0}@media (width>=700px),(orientation:landscape) and (height<=520px){.topbar{padding-top:calc(4 * var(--u));grid-template-columns:1fr auto 1fr;grid-template-areas:"logo sub btns"}.topbar-btns{justify-self:end}.topbar-sub{justify-content:center;gap:calc(4 * var(--u));box-shadow:none;background:0 0;margin:0;padding:0}.hud-pill{--hi:var(--ink3);--lo:var(--ink);--ln:var(--ink);--dy:1;padding:var(--u) calc(3 * var(--u))}.topbar .logo{--lp:calc(var(--u) - 1px)}}.stage{align-items:center;gap:calc(5 * var(--u));width:100%;padding:calc(3 * var(--u)) var(--edge-r) calc(6 * var(--u)) var(--edge-l);flex-direction:column;flex:1 0 auto;display:flex}.col{gap:calc(6 * var(--u));width:100%;max-width:var(--column);flex-direction:column;display:flex}.col.mid{margin-block:auto}.site-foot{--dy:0;gap:calc(2 * var(--u));width:calc(100% - var(--edge-l) - var(--edge-r));max-width:var(--column);margin:0 auto max(calc(6 * var(--u)), env(safe-area-inset-bottom));padding:calc(2 * var(--u)) calc(4 * var(--u));color:var(--c1);font-size:var(--f2);text-align:center;text-wrap:pretty;flex-direction:column;display:flex}.foot-row{align-items:center;gap:calc(4 * var(--u));text-align:left;display:flex}.loading{--dy:1;padding:calc(2 * var(--u)) calc(4 * var(--u));margin-block:auto}.card{flex-direction:column;width:100%;display:flex}.home-card,.summary-card,.notice-card{gap:calc(2 * var(--u));padding:calc(5 * var(--u)) calc(6 * var(--u));text-align:center}.kicker{color:var(--g3);font:400 var(--fx) / 1.15 var(--fc);text-transform:uppercase}.card-title{font-size:var(--f6);text-wrap:balance;font-weight:600;line-height:1.1}.card-date{color:var(--mute);font-size:var(--f2)}.card-rules{font-size:var(--f3)}.card-pitch{font-size:var(--f3);font-weight:600}.card-state{justify-content:center;align-items:center;gap:calc(2 * var(--u));min-height:calc(16 * var(--u));color:var(--mute);display:flex}.card-state.is-error{color:var(--r1);font-weight:600}.home{align-items:center;gap:calc(5 * var(--u));width:100%;max-width:calc(124 * var(--u));flex-direction:column;margin-block:auto;display:flex}.home-logo{--lp:5px;max-width:calc(100% + var(--edge-l) + var(--edge-r));height:auto;aspect-ratio:var(--lw) / var(--lh)}@media (width<=383px){.home-logo{--lp:4px}}@media (width<=307px){.home-logo{--lp:3px}}@media (width>=700px) and (height>=700px){.home-logo{--lp:calc(1.5 * var(--u))}}@supports (width:round(down, 1px, 1px)){@media (width>=700px) and (height>=521px){.home-logo{--lp:max(5px, round(down, min(2.5 * var(--u), (100vh - 145 * var(--u)) / 20, (100vw - var(--edge-l) - var(--edge-r)) / 75), 1px));max-width:none}}}.home-card,.modal-box{--xb:3;--clip:polygon(50% 0, calc(100% - var(--u) * 3) 0, calc(100% - var(--u) * 3) calc(var(--u) * 3), 100% calc(var(--u) * 3), 100% calc(100% - var(--u) * 6), calc(100% - var(--u) * 3) calc(100% - var(--u) * 6), calc(100% - var(--u) * 3) calc(100% - var(--u) * 3), calc(50% + var(--u) * 6) calc(100% - var(--u) * 3), calc(50% + var(--u) * 6) calc(100% - var(--u) * 2), calc(50% + var(--u) * 4) calc(100% - var(--u) * 2), calc(50% + var(--u) * 4) calc(100% - var(--u)), calc(50% + var(--u) * 2) calc(100% - var(--u)), calc(50% + var(--u) * 2) 100%, calc(50% - var(--u) * 2) 100%, calc(50% - var(--u) * 2) calc(100% - var(--u)), calc(50% - var(--u) * 4) calc(100% - var(--u)), calc(50% - var(--u) * 4) calc(100% - var(--u) * 2), calc(50% - var(--u) * 6) calc(100% - var(--u) * 2), calc(50% - var(--u) * 6) calc(100% - var(--u) * 3), calc(var(--u) * 3) calc(100% - var(--u) * 3), calc(var(--u) * 3) calc(100% - var(--u) * 6), 0 calc(100% - var(--u) * 6), 0 calc(var(--u) * 3), calc(var(--u) * 3) calc(var(--u) * 3), calc(var(--u) * 3) 0)}.home-card{margin-top:calc(3 * var(--u))}.home-card>.kicker:first-child{--bg:var(--g0);--hi:var(--c0);--lo:var(--g1);--ln:var(--ink);--dr:var(--ink);--dy:1;--xb:3;--clip:polygon(100% 0, 100% calc(50% - var(--u) * 2), calc(100% - var(--u)) calc(50% - var(--u) * 2), calc(100% - var(--u)) calc(50% - var(--u)), calc(100% - var(--u) * 2) calc(50% - var(--u)), calc(100% - var(--u) * 2) calc(50% + var(--u)), calc(100% - var(--u)) calc(50% + var(--u)), calc(100% - var(--u)) calc(50% + var(--u) * 2), 100% calc(50% + var(--u) * 2), 100% 100%, 0 100%, 0 calc(50% + var(--u) * 2), var(--u) calc(50% + var(--u) * 2), var(--u) calc(50% + var(--u)), calc(var(--u) * 2) calc(50% + var(--u)), calc(var(--u) * 2) calc(50% - var(--u)), var(--u) calc(50% - var(--u)), var(--u) calc(50% - var(--u) * 2), 0 calc(50% - var(--u) * 2), 0 0);margin:calc(-9 * var(--u)) 0 calc(5 * var(--u));padding:calc(2 * var(--u)) calc(6 * var(--u)) var(--u);color:var(--ink);align-self:center}.tagline{--dy:1;margin-top:calc(-2 * var(--u));padding:var(--u) calc(3 * var(--u));white-space:nowrap}.next-dive{--dy:1;align-items:center;gap:calc(3 * var(--u));width:100%;padding:calc(2 * var(--u)) calc(4 * var(--u));display:flex}.next-dive .rule{height:var(--u);background:var(--c2);flex:1}.next-dive-time{font-size:var(--f5);font-variant-numeric:tabular-nums;font-weight:600}.stats-bar{--bg:var(--ink2);--hi:var(--ink3);--lo:var(--ink);--ln:var(--g1);--dr:var(--drop);--dy:1;--clip:polygon(calc(100% - var(--u) * 3) 0, calc(100% - var(--u) * 3) calc(var(--u) * 2), calc(100% - var(--u) * 2) calc(var(--u) * 2), calc(100% - var(--u) * 2) calc(var(--u) * 4), calc(100% - var(--u)) calc(var(--u) * 4), calc(100% - var(--u)) calc(100% - var(--u) * 4), calc(100% - var(--u) * 2) calc(100% - var(--u) * 4), calc(100% - var(--u) * 2) calc(100% - var(--u) * 2), calc(100% - var(--u) * 3) calc(100% - var(--u) * 2), calc(100% - var(--u) * 3) 100%, calc(var(--u) * 3) 100%, calc(var(--u) * 3) calc(100% - var(--u) * 2), calc(var(--u) * 2) calc(100% - var(--u) * 2), calc(var(--u) * 2) calc(100% - var(--u) * 4), var(--u) calc(100% - var(--u) * 4), var(--u) calc(var(--u) * 4), calc(var(--u) * 2) calc(var(--u) * 4), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 3) calc(var(--u) * 2), calc(var(--u) * 3) 0);place-items:center start;gap:calc(2 * var(--u)) calc(4 * var(--u));width:max-content;padding:calc(2 * var(--u)) calc(5 * var(--u));color:var(--c0);font-size:var(--f2);grid-template-columns:repeat(4,auto);display:grid}.stats-bar.is-split{grid-template-columns:repeat(2,auto)}.stats-bar>span{align-items:center;gap:calc(2 * var(--u));white-space:nowrap;display:flex}.stats-icon{width:calc(7 * var(--u));height:calc(7 * var(--u));flex:none}.play{align-items:center;gap:calc(5 * var(--u));flex-direction:column;flex:1 0 auto;width:100%;display:flex}.progress{justify-content:center;gap:calc(3 * var(--u));display:flex}.prog-step{align-items:center;gap:calc(2 * var(--u));flex-direction:column;display:flex}.prog-bar{width:calc(8 * var(--u));height:calc(2 * var(--u));background:var(--ink3)}.prog-step.is-ahead .el{opacity:.45}.prog-step.is-done .prog-bar{background:var(--tbg)}.prog-step.is-missed .prog-bar{background:var(--c2)}.prog-step.is-cur .prog-bar{background:var(--g0)}.prog-step:is(.is-cur,.is-here) .prog-bar{width:calc(10 * var(--u))}.prompt-panel{gap:calc(4 * var(--u));padding:calc(5 * var(--u))}.prompt-title{font-size:var(--f5);text-wrap:balance;font-weight:600;line-height:1.15}.prompt-hint{margin-top:calc(-2 * var(--u));color:var(--mute);font-size:var(--f2);text-wrap:pretty;line-height:1.35}.timer{align-items:center;gap:calc(3 * var(--u));display:flex}.timer-bar{height:calc(3 * var(--u));margin:0 var(--u);background:var(--ink2);flex:1;position:relative}.timer-fill{width:calc(var(--t,1) * 100%);width:round(down, calc(var(--t,1) * 100%), var(--u));background:var(--g0);box-shadow:inset 0 var(--un) 0 var(--g1);position:absolute;inset:0 auto 0 0}.timer-num{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-weight:600}.timer.is-low{color:var(--r1)}.timer.is-low .timer-fill{background:var(--r0);box-shadow:inset 0 var(--un) 0 var(--r1)}.answer-row{gap:calc(3 * var(--u));display:flex}.answer-input{--bg:#fff;--hi:var(--c2);--lo:transparent;--dy:0;min-width:0;min-height:max(44px, calc(12 * var(--u)));padding:0 calc(3 * var(--u));caret-color:var(--ink);font-size:var(--f4);flex:1}.skip-row{margin-block:calc(-2 * var(--u));font-size:var(--f2);display:flex}.suggest{gap:calc(2 * var(--u));flex-direction:column;display:flex}.suggest-label{align-items:center;gap:calc(2 * var(--u));color:var(--mute);font-size:var(--f2);display:flex}.suggest-label .i{color:var(--g2)}.suggest-opt{--bg:var(--s0);--hi:var(--c0);--lo:var(--s1);--dr:var(--ink);--dy:1;align-items:center;gap:0 calc(3 * var(--u));width:100%;min-height:max(44px, calc(13 * var(--u)));padding:calc(2 * var(--u)) calc(4 * var(--u));text-align:left;cursor:pointer;flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.suggest-drain{height:var(--u);background:var(--ink2);transform-origin:0;position:absolute;bottom:0;left:0;right:0}.suggest-name{font-size:var(--f4);font-weight:600}.suggest-alias{color:var(--ink2);font-size:var(--f2)}.keycap{--dy:1;--dr:var(--ink2);padding:calc(2 * var(--u)) calc(2 * var(--u)) var(--u);font:400 var(--fx) / 1 var(--fc);text-transform:uppercase;margin-left:auto}@media (hover:none) and (pointer:coarse){.keycap{display:none}}.bubble{--bg:var(--c1);--dy:1;align-self:flex-start;align-items:center;gap:calc(2 * var(--u));max-width:100%;margin-top:calc(2 * var(--u));padding:calc(2 * var(--u)) calc(3 * var(--u));color:var(--r1);font-size:var(--f2);font-weight:600;animation:.16s steps(2,end) both pop;display:flex;position:relative}.bubble-tail{top:calc(-4 * var(--u));left:calc(6 * var(--u));position:absolute}.bubble-tail .io{fill:var(--ln)}.bubble-tail .if{fill:var(--bg)}@keyframes pop{0%{transform:translateY(var(--u))}}.result-card{gap:calc(4 * var(--u));padding:calc(5 * var(--u))}.rc-hero{align-items:center;gap:calc(3 * var(--u));text-align:center;flex-direction:column;display:flex}.rc-body{gap:calc(4 * var(--u));flex-direction:column;display:flex}.laurel{width:calc(30 * var(--u));height:calc(30 * var(--u));flex:none;position:relative}@media (width<=939px) and (height<=660px){.result-card{gap:calc(3 * var(--u));padding:calc(4 * var(--u))}.rc-hero{gap:calc(2 * var(--u))}.rc-body{gap:calc(3 * var(--u))}.laurel{--u:2px;--un:-2px}}.medal{shape-rendering:crispedges;width:100%;height:100%;position:absolute;inset:0}.m-o{fill:var(--ink)}.m-g1{fill:var(--g0)}.m-g2{fill:var(--g2)}.m-fa{fill:var(--tf1,var(--c0))}.m-fb{fill:var(--tf2,var(--c0))}.m-hi{fill:var(--c0)}.m-lo{fill:var(--tl,var(--c2))}.laurel-icon{inset:calc(7 * var(--u));place-items:center;display:grid;position:absolute}.laurel-icon img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.spark{--i-f:var(--g0);--i-o:var(--ink);animation:1.2s step-end infinite twinkle;position:absolute}.spark.s1{top:calc(3 * var(--u));left:calc(-3 * var(--u))}.spark.s2{top:calc(-1 * var(--u));right:calc(-4 * var(--u));animation-delay:-.4s}.spark.s3{right:calc(-2 * var(--u));bottom:calc(4 * var(--u));animation-delay:-.8s}.spark.s4{bottom:calc(-2 * var(--u));left:var(--u);animation-delay:-.6s}@keyframes twinkle{50%{opacity:0}}.missed{--bg:var(--c1);--ln:var(--mute);--dy:1;width:calc(24 * var(--u));height:calc(24 * var(--u));margin:calc(3 * var(--u));color:var(--mute);place-items:center;display:grid}.tier-badge{--bg:var(--tbg);--hi:#fff;--lo:transparent;--ln:var(--tl);--dy:0;align-items:center;gap:var(--u);padding:calc(2 * var(--u)) calc(2 * var(--u)) var(--u);color:var(--ti);font:400 var(--fx) / 1 var(--fc);white-space:nowrap;display:inline-flex}.tier-badge.lg{--dy:1;--dr:var(--tl);padding:calc(2 * var(--u)) calc(3 * var(--u)) var(--u);font-size:var(--fx2)}.tier-badge-icon{width:calc(5 * var(--u));height:calc(5 * var(--u));margin:calc(-2 * var(--u)) 0 calc(-1 * var(--u));object-fit:contain;image-rendering:auto;flex:none}.answer-name{font-size:var(--f6);text-wrap:balance;font-weight:600;line-height:1.1}.answer-name.is-miss{color:var(--mute)}.stat-tiles{gap:calc(3 * var(--u));grid-template-columns:1fr 1fr;display:grid}.stat{align-items:center;gap:var(--u);padding:calc(3 * var(--u)) calc(2 * var(--u));background:var(--c1);box-shadow:inset var(--u) var(--u) 0 var(--c2);flex-direction:column;display:flex}.stat-val{align-items:center;gap:calc(2 * var(--u));font-size:var(--f5);font-weight:600;line-height:1;display:flex}.stat-lbl{color:var(--mute);font:400 var(--fx) / 1.15 var(--fc);text-align:center;text-transform:uppercase}.rc-next{justify-content:center;align-items:center;gap:calc(2 * var(--u));color:var(--mute);font:400 var(--fx) / 1.2 var(--fc);text-align:center;text-transform:uppercase;text-wrap:balance;display:flex}.entering{--dy:0;justify-content:center;align-items:center;gap:calc(3 * var(--u));padding:calc(3 * var(--u));flex-wrap:wrap;display:flex}.entering-k{color:var(--s0);font:400 var(--fx) / 1 var(--fc);text-transform:uppercase}.entering-r{font:400 var(--fx2) / 1 var(--fc);text-transform:uppercase}.sum-total{justify-content:center;align-items:center;gap:0 calc(3 * var(--u));font-size:var(--f6);flex-wrap:wrap;font-weight:600;line-height:1.1;display:flex}.sum-total>span{white-space:nowrap}.sum-rank{justify-content:center;align-items:center;gap:calc(2 * var(--u));color:var(--mute);font-size:var(--f2);display:flex}.answers{padding:calc(4 * var(--u))}.answers-head{padding-bottom:calc(2 * var(--u));color:var(--mute);font:400 var(--fx) / 1.2 var(--fc);text-align:center;text-transform:uppercase}.sum-item+.sum-item{box-shadow:0 var(--un) 0 var(--c2)}.sum-row{align-items:center;gap:var(--u) calc(3 * var(--u));width:100%;padding:calc(3 * var(--u)) var(--u);box-shadow:var(--ring);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico txt tog""ico meta tog";display:grid}@media (width>=700px){.sum-row{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"ico txt meta tog"}}.sum-row>.el{grid-area:ico}.sum-txt{flex-direction:column;grid-area:txt;min-width:0;display:flex}.sum-q{color:var(--mute);font-size:var(--f2)}.sum-a{font-size:var(--f4);font-weight:600;line-height:1.15}.sum-a.is-miss{color:var(--mute);font-weight:400}.sum-meta{align-items:center;gap:calc(3 * var(--u));grid-area:meta;display:flex}@media (width<=359px){.sum-meta{min-width:0}.sum-meta>.tier-badge{white-space:normal;width:min-content;line-height:1.2}}.sum-pts{font-variant-numeric:tabular-nums;font-weight:600}.toggle{--dy:1;--dr:var(--ink);width:calc(8 * var(--u));height:calc(8 * var(--u));grid-area:tog;place-items:center;display:grid}.sum-detail{margin:0 0 calc(3 * var(--u));padding:calc(3 * var(--u));background:var(--c1);box-shadow:inset var(--u) var(--u) 0 var(--c2)}.sum-detail-head{justify-content:space-between;gap:calc(2 * var(--u));padding:0 var(--u) calc(2 * var(--u));color:var(--mute);font:400 var(--fx) / 1.2 var(--fc);text-transform:uppercase;flex-wrap:wrap;display:flex}.sum-answers{gap:var(--u);max-height:calc(52 * var(--u));padding:var(--u);flex-direction:column;display:flex;position:relative;overflow:auto}.ans-line{align-items:center;gap:calc(2 * var(--u));padding:var(--u) calc(2 * var(--u)) var(--u) var(--u);font-size:var(--f2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ans-line.is-you{--ln:var(--ink);background:var(--g0);font-weight:600}.you-tag{margin-left:calc(2 * var(--u));padding:var(--u) var(--u) 0;background:var(--ink2);color:var(--c0);font:400 var(--fx) / 1 var(--fc);text-transform:uppercase}.tier-chip{--ln:var(--tl);width:calc(6 * var(--u));height:calc(6 * var(--u));margin:var(--u);background:var(--tbg);flex:none;place-items:center;display:grid}.tier-chip img{width:calc(5 * var(--u));height:calc(5 * var(--u));object-fit:contain;image-rendering:auto}.share{--dy:2;gap:calc(3 * var(--u));padding:calc(4 * var(--u)) calc(5 * var(--u))}.share-k{color:var(--s0);font:400 var(--fx) / 1.2 var(--fc);text-align:center;text-transform:uppercase}.share-box{padding:calc(3 * var(--u));background:var(--ink);box-shadow:inset var(--u) var(--u) 0 #0a1830;font:inherit;font-size:var(--f2);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;line-height:1.6}.share-part{overflow-wrap:anywhere;max-width:100%;display:inline-block}.back-button{align-self:center}.modal{width:100%;max-width:none;height:100%;max-height:none;padding:calc(5 * var(--u)) var(--edge-r) calc(5 * var(--u)) var(--edge-l);color:var(--ink);background:0 0;border:0;margin:0;position:fixed;inset:0}.modal[open]{justify-content:center;align-items:center;display:flex}.modal::backdrop{background:var(--scrim)}.modal-box{width:100%;max-width:var(--column);max-height:100%;padding:var(--u) var(--u) calc(3 * var(--u));flex-direction:column;display:flex}.modal-head{isolation:isolate;justify-content:space-between;align-items:center;gap:calc(3 * var(--u));padding:calc(3 * var(--u)) calc(3 * var(--u)) calc(2 * var(--u)) calc(5 * var(--u));color:var(--c0);flex:none;display:flex;position:relative}.modal-head:before{content:"";z-index:-1;background:var(--ink2);box-shadow:inset 0 var(--u) 0 var(--ink3);clip-path:polygon(calc(100% - var(--u) * 3) 0, calc(100% - var(--u) * 3) calc(var(--u) * 3), 100% calc(var(--u) * 3), 100% 100%, 0 100%, 0 calc(var(--u) * 3), calc(var(--u) * 3) calc(var(--u) * 3), calc(var(--u) * 3) 0);position:absolute;inset:0}.modal-head h2{padding-top:var(--u);font:400 var(--fx2) / 1 var(--fc);text-transform:uppercase}.modal-body{gap:calc(4 * var(--u));padding:calc(4 * var(--u)) calc(4 * var(--u)) calc(3 * var(--u));flex-direction:column;display:flex;position:relative;overflow:auto}.modal-intro{color:var(--mute);font-size:var(--f2);text-wrap:pretty;line-height:1.4}.legend-list{flex-direction:column;display:flex}.legend-row{align-items:start;gap:var(--u) calc(3 * var(--u));padding:calc(3 * var(--u)) calc(2 * var(--u));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"slot name pts""slot mean pts""slot bar pts";display:grid}.legend-row+.legend-row:not(.is-top){box-shadow:0 var(--un) 0 0 var(--c2)}.legend-row.is-top{margin-top:calc(2 * var(--u));background:var(--c1);box-shadow:0 var(--un) 0 0 var(--g2), 0 var(--u) 0 0 var(--g2), var(--un) 0 0 0 var(--g2), var(--u) 0 0 0 var(--g2), 0 calc(var(--u) * 2) 0 0 var(--g1)}.legend-slot{--ln:var(--tl);width:calc(12 * var(--u));height:calc(12 * var(--u));margin:var(--u);background:var(--tbg);box-shadow:0 var(--un) 0 0 var(--ln), 0 var(--u) 0 0 var(--ln), var(--un) 0 0 0 var(--ln), var(--u) 0 0 0 var(--ln), inset var(--u) var(--u) 0 0 #ffffff8c;flex:none;grid-area:slot;place-items:center;display:grid}.legend-slot.sm{width:calc(8 * var(--u));height:calc(8 * var(--u))}.legend-slot img{width:calc(100% - 2 * var(--u));height:calc(100% - 2 * var(--u));object-fit:contain;image-rendering:auto}.legend-name{align-items:baseline;gap:0 calc(2 * var(--u));color:var(--ti);flex-wrap:wrap;grid-area:name;font-weight:600;line-height:1.2;display:flex}.legend-name small{color:var(--mute);font:400 var(--fx) / 1.2 var(--fc)}.legend-mean{font-size:var(--f2);text-wrap:pretty;grid-area:mean;line-height:1.35}.legend-bar{height:calc(3 * var(--u));margin:calc(2 * var(--u)) var(--u) var(--u);background:repeating-linear-gradient(90deg, var(--c0) 0 calc(10% - var(--u)), var(--c2) calc(10% - var(--u)) 10%);box-shadow:0 var(--un) 0 0 var(--c2), 0 var(--u) 0 0 var(--c2), var(--un) 0 0 0 var(--c2), var(--u) 0 0 0 var(--c2);grid-area:bar;position:relative}.legend-bar>i{background:var(--tbg);box-shadow:0 var(--un) 0 0 var(--tl), 0 var(--u) 0 0 var(--tl), var(--un) 0 0 0 var(--tl), var(--u) 0 0 0 var(--tl), inset 0 var(--u) 0 0 #fff9;position:absolute;inset:0 auto 0 0}.legend-pts{align-self:center;align-items:flex-end;gap:var(--u);width:5em;color:var(--mute);font-size:var(--f2);font-variant-numeric:tabular-nums;flex-direction:column;grid-area:pts;display:flex}.legend-pts b{color:var(--ti);font-size:var(--f4);font-weight:600;line-height:1}@media (width<=699px){.legend-row{column-gap:calc(2 * var(--u));padding:calc(3 * var(--u)) var(--u);grid-template-areas:"slot name name""slot mean mean""slot bar pts"}.legend-slot{width:calc(10 * var(--u));height:calc(10 * var(--u))}.legend-name small{font:400 var(--f2) / 1.2 var(--ff);font-variant-ligatures:none}.legend-pts{justify-content:flex-end;align-items:baseline;gap:calc(2 * var(--u));flex-direction:row;width:auto;min-width:7.5em}.legend-pts b{font-size:var(--f3)}}.modal-foot{align-items:center;gap:calc(3 * var(--u));margin:var(--u);padding:calc(3 * var(--u)) calc(4 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u));background:var(--ink2);color:var(--c0);font-size:var(--f2);text-wrap:pretty;box-shadow:0 var(--un) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), var(--un) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink), inset var(--u) var(--u) 0 0 var(--ink3);line-height:1.4;display:flex}.modal-foot b{color:var(--g0);font-weight:600}.modal-foot a{overflow-wrap:anywhere;text-underline-offset:.2em}.policy{flex-direction:column;display:flex}.policy-sec{gap:calc(2 * var(--u));padding:calc(3 * var(--u)) calc(2 * var(--u));font-size:var(--f2);text-wrap:pretty;flex-direction:column;line-height:1.4;display:flex}.policy-sec+.policy-sec{box-shadow:0 var(--un) 0 0 var(--c2)}.policy-sec h3{--i-f:var(--g0);--i-o:var(--g2);align-items:center;gap:calc(2 * var(--u));font:400 var(--fx) / 1.2 var(--fc);text-transform:uppercase;display:flex}.policy-sec ul{gap:var(--u);padding-left:calc(2 * var(--u));flex-direction:column;display:flex}.policy-sec li{gap:calc(2 * var(--u));display:flex}.policy-sec li:before{content:"";width:calc(2 * var(--u));height:calc(2 * var(--u));margin-top:calc(.7em - var(--u));background:var(--g2);flex:none}.policy-sec b{font-weight:600}.policy-sec a{color:var(--g3);text-underline-offset:.2em}.policy-date{margin-top:var(--u);font:400 var(--fx) / 1.2 var(--fc);text-transform:uppercase;display:block}.policy-date time{white-space:nowrap}.policy-fine{color:var(--mute)}.policy-c{font-family:var(--fc)}@media (orientation:landscape) and (height<=520px){.col{max-width:calc(240 * var(--u))}.home{align-content:start;place-items:center;gap:calc(3 * var(--u)) calc(8 * var(--u));max-width:calc(240 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"logo card""tagline card""button card""stats stats""next next";display:grid}.home-logo{--lp:4px;grid-area:logo;max-width:100%}.tagline{grid-area:tagline}.home-card{grid-area:card}.home>.big-button{grid-area:button}.stats-bar{grid-area:stats}.next-dive{grid-area:next}.prompt-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:dense;align-content:start;gap:calc(3 * var(--u)) calc(6 * var(--u));display:grid}.prompt-title,.prompt-hint{grid-column:1}.prompt-hint{margin-top:0}.prompt-panel>:not(.prompt-title,.prompt-hint){grid-column:2}.timer{grid-row:1}.result-card{align-items:center;gap:calc(6 * var(--u));flex-direction:row}.rc-hero,.rc-body{flex:1 1 0;min-width:0}}@media (orientation:landscape) and (height<=520px) and (width<=692px){.home-logo{--lp:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ambient{display:none}.spark{animation:none}}