@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7e75aa585bf80471.3skiflm26ffbo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/10b40a20e4e62717.p.1mi1ugkk0px41.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.k6nfaa_className{font-family:Atkinson Hyperlegible Next;font-style:normal}.k6nfaa_variable{--fonte-texto:"Atkinson Hyperlegible Next"}
@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/c5a8e16e4d2fdb67.3ct1bjzmjks6d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/9a99c25b2c6879f5.p.3gjqgyucvuvvf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.-qhOJq_className{font-family:Atkinson Hyperlegible Mono;font-style:normal}.-qhOJq_variable{--fonte-mono:"Atkinson Hyperlegible Mono"}
@font-face{font-family:estencil;src:url(../media/saira_stencil_one_latin-s.p.3snver2ye39yf.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:estencil Fallback;src:local(Arial);ascent-override:105.24%;descent-override:40.7%;line-gap-override:0.0%;size-adjust:107.85%}.fi5Tkq_className{font-family:estencil,estencil Fallback;font-style:normal;font-weight:400}.fi5Tkq_variable{--fonte-estencil:"estencil", "estencil Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:var(--font-mono);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--font-display:var(--font-display);--ease-spring:var(--ease-spring);--ease-roll:var(--ease-roll);--ease-clamp:var(--ease-clamp)}}@layer base{:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45}img{max-width:100%}:where(button,input,select,textarea){font:inherit;color:inherit}:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--pen);outline-offset:2px}}@layer game,components;@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.bottom-\[calc\(16px_\+_env\(safe-area-inset-bottom\,0px\)\)\]{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.left-1\/2{left:50%}.z-40{z-index:40}.m-0{margin:0}.mx-auto{margin-inline:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-\[26px\]{width:26px;height:26px}.size-\[52px\]{width:52px;height:52px}.h-11{height:calc(var(--spacing) * 11)}.min-h-\[38px\]{min-height:38px}.min-h-\[44px\]{min-height:44px}.min-h-\[52px\]{min-height:52px}.min-h-\[80vh\]{min-height:80vh}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-\[min\(100\%\,420px\)\]{width:min(100%,420px)}.w-full{width:100%}.max-w-\[64ch\]{max-width:64ch}.max-w-\[420px\]{max-width:420px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[calc\(100\%_-_32px\)\]{max-width:calc(100% - 32px)}.min-w-0{min-width:0}.flex-none{flex:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\[36px_36px_minmax\(0\,1fr\)\]{grid-template-columns:36px 36px minmax(0,1fr)}.grid-cols-\[40px_36px_minmax\(0\,1fr\)_auto\]{grid-template-columns:40px 36px minmax(0,1fr) auto}.grid-cols-\[repeat\(3\,56px\)\]{grid-template-columns:repeat(3,56px)}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,250px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,300px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,320px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--r-lg)}.rounded-md{border-radius:var(--r-md)}.rounded-sm{border-radius:var(--r-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-ink-2{border-color:var(--ink-2)}.border-mid{border-color:var(--mid)}.border-no{border-color:var(--no)}.border-ok{border-color:var(--ok)}.border-pen{border-color:var(--pen)}.border-rule{border-color:var(--rule)}.border-steel-ink{border-color:var(--steel-ink)}.bg-ink{background-color:var(--ink)}.bg-mid-tint{background-color:var(--mid-tint)}.bg-no{background-color:var(--no)}.bg-no-tint{background-color:var(--no-tint)}.bg-ok-tint{background-color:var(--ok-tint)}.bg-paper{background-color:var(--paper)}.bg-pen{background-color:var(--pen)}.bg-pen-tint{background-color:var(--pen-tint)}.bg-sheet{background-color:var(--sheet)}.bg-steel{background-color:var(--steel)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[9px\]{padding-block:9px}.py-\[22px\]{padding-block:22px}.py-\[26px\]{padding-block:26px}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[40px\]{font-size:40px}.text-\[clamp\(30px\,7vw\,40px\)\]{font-size:clamp(30px,7vw,40px)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-ink{color:var(--ink)}.text-ink-2{color:var(--ink-2)}.text-mid{color:var(--mid)}.text-on-strong{color:var(--on-strong)}.text-paper{color:var(--paper)}.text-pen{color:var(--pen)}.text-steel-ink{color:var(--steel-ink)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-\[3px\]{text-underline-offset:3px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--rule\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rule));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-elev-2{--tw-shadow:var(--elev-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-ink-2:hover{border-color:var(--ink-2)}.hover\:border-pen-deep:hover{border-color:var(--pen-deep)}.hover\:bg-pen-deep:hover{background-color:var(--pen-deep)}.hover\:text-ink:hover{color:var(--ink)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.aria-invalid\:border-no[aria-invalid=true]{border-color:var(--no)}.aria-pressed\:outline-3[aria-pressed=true]{outline-style:var(--tw-outline-style);outline-width:3px}.aria-pressed\:outline-offset-2[aria-pressed=true]{outline-offset:2px}.aria-pressed\:outline-ink[aria-pressed=true]{outline-color:var(--ink)}@media (min-width:1180px){.min-\[1180px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}}.\[\&_\#rivalBar\]\:m-0 #rivalBar{margin:0}.\[\&_\#rivalBar\]\:w-full #rivalBar{width:100%}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eef1f4;--sheet:#fff;--rule:#d8dfe7;--ink:#172238;--ink-2:#59667c;--pen:#2445c9;--pen-deep:#1a3496;--pen-tint:#e4e9fb;--on-strong:#fff;--steel:#262f3c;--steel-2:#3a4555;--steel-ink:#c3cdd9;--dial:#f3f5f8;--dial-ink:#172238;--dial-accent:#3a55c8;--dial-muted:#6a7487;--ok:#18884e;--ok-tint:#dcefe4;--mid:#bb8300;--mid-tint:#f4e8c8;--mark-y:#f0d68a;--no:#c8392f;--no-tint:#f6dfdc;--alarm:#ff7d71;--scrim:#060a10c7;--on-scrim:#dfe6ee;--shadow:#17223824;--recess:#080e1a5c;--sheen:#ffffff14;--card-top:#1d2834;--card-bottom:#0f151c;--card-ink:#e4eaf0;--card-ink-2:#9ba8b7;--card-steel:#3d4a5a;--card-steel-2:#566475;--card-qr-bg:#fff;--card-qr-fg:#0f151c;--gold:#f0c048;--gold-2:#c99a1d;--silver:#e2e7ed;--silver-2:#97a3b1;--bronze:#e8a571;--bronze-2:#a9622c;--jade:#6ad7a2;--jade-2:#1f8f57;--medal-ink:#1d2834;--viz-1:#2445c9;--viz-2:#eb6834;--font-display:var(--fonte-estencil), "Arial Black", Impact, sans-serif;--font-body:var(--fonte-texto), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:var(--fonte-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-pill:999px;--elev-1:0 1px 2px var(--shadow);--elev-2:0 8px 22px var(--shadow);--elev-3:0 10px 30px var(--shadow);--dur-fast:.2s;--dur-base:.32s;--dur-slow:.6s;--ease-spring:cubic-bezier(.3, 1.45, .5, 1);--ease-roll:cubic-bezier(.2, .8, .3, 1);--ease-clamp:cubic-bezier(.5, 0, .8, .4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f151b;--sheet:#161e27;--rule:#2a3645;--ink:#e4eaf0;--ink-2:#9ba8b7;--pen:#8fa6ff;--pen-deep:#5b74d6;--pen-tint:#1c2547;--on-strong:#0d1424;--steel:#2b3644;--steel-2:#46535f;--steel-ink:#b5c0cc;--dial:#dce2e9;--dial-ink:#111926;--ok:#3fc483;--ok-tint:#12301f;--mid:#f0c048;--mid-tint:#352a0f;--mark-y:#8a650a;--no:#f2695e;--no-tint:#3b1b19;--shadow:#00000073;--recess:#0000008c;--sheen:#ffffff12;--viz-1:#5b74d6;--viz-2:#d95926}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f151b;--sheet:#161e27;--rule:#2a3645;--ink:#e4eaf0;--ink-2:#9ba8b7;--pen:#8fa6ff;--pen-deep:#5b74d6;--pen-tint:#1c2547;--on-strong:#0d1424;--steel:#2b3644;--steel-2:#46535f;--steel-ink:#b5c0cc;--dial:#dce2e9;--dial-ink:#111926;--ok:#3fc483;--ok-tint:#12301f;--mid:#f0c048;--mid-tint:#352a0f;--mark-y:#8a650a;--no:#f2695e;--no-tint:#3b1b19;--shadow:#00000073;--recess:#0000008c;--sheen:#ffffff12;--viz-1:#5b74d6;--viz-2:#d95926}[hidden]:not([hidden=until-found i]){display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
@layer theme,base;@layer game{button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{box-sizing:content-box;max-width:880px;padding-block:14px 28px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:12px;margin-inline:auto;display:grid}.top{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.top h1{text-overflow:ellipsis;min-width:0;font-family:var(--font-display);white-space:nowrap;margin:0;font-size:clamp(24px,6.4vw,34px);font-weight:400;line-height:1.1;overflow:hidden}.homelink{color:inherit;text-decoration:none}.top-actions{flex:none;align-items:center;gap:8px;min-width:0;max-width:72%;display:flex}.chip,.iconbtn{appearance:none;border:1px solid var(--rule);background:var(--sheet);min-height:36px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:7px;display:inline-flex}.chip{border-radius:var(--r-pill);min-width:0;font-family:var(--font-mono);letter-spacing:.05em;padding:4px 12px 4px 10px;font-size:14px;font-weight:700}.chip svg{width:15px;height:15px;color:var(--ink-2);flex:none}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iconbtn{border-radius:50%;width:36px;padding:0;font-weight:700}.chip[aria-expanded=true],.iconbtn[aria-expanded=true]{border-color:var(--ink)}.drawer{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);padding:14px}.setup{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.field{gap:5px;min-width:0;margin:0;display:grid}.field.grow{flex:240px}.label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:700}.seg{border-radius:var(--r-md);background:var(--paper);border:1px solid var(--rule);gap:2px;padding:3px;display:inline-flex}.seg button{appearance:none;border-radius:var(--r-sm);min-height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:4px 12px;font-weight:600}.seg button[aria-pressed=true]{background:var(--sheet);color:var(--ink);box-shadow:0 0 0 1px var(--rule), var(--elev-1)}.codebox{gap:6px;min-width:0;display:flex}.codebox input{box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper);min-width:0;min-height:38px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex:8ch;padding:4px 10px;font-size:16px;font-weight:700}.codebox input[aria-invalid=true]{border-color:var(--no)}.btn{appearance:none;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);min-height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.btn.primary{background:var(--pen);border-color:var(--pen);color:var(--on-strong)}.btn.primary:hover{background:var(--pen-deep);border-color:var(--pen-deep)}.btn.danger{background:var(--no);border-color:var(--no);color:var(--on-strong)}.btn:disabled{opacity:.4;cursor:default}.setup-actions{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 14px;display:flex}.linkish{appearance:none;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:14px;text-decoration:underline}.linkish:hover{color:var(--ink)}.linkish:disabled{opacity:.4;cursor:default}.codemsg{color:var(--no);flex-basis:100%;margin:-4px 0 0;font-size:13px}.codemsg:empty{display:none}.help{gap:10px;font-size:14px;display:grid}.help p{max-width:64ch;margin:0}.help ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.help li{align-items:baseline;gap:8px;display:flex}.help .muted{color:var(--ink-2)}.mono{font-family:var(--font-mono)}.play{align-items:start;gap:14px;display:grid}@media (min-width:820px){.play{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:36px;padding-top:6px}}.board{--n:4;--box:32px;--box-h:37px;--box-gap:6px;--c-idx:14px;--c-cnt:46px;--col-gap:14px;min-width:0;transition:opacity var(--dur-fast)}.board.busy{opacity:.45}.listtop{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin:0 0 4px;font-size:13px;display:flex}.verified{align-items:center;gap:5px;display:inline-flex}.verified svg{width:14px;height:14px;color:var(--ok);flex:none}.verified.warn svg{color:var(--no)}.rows{margin:0;padding:0;list-style:none}.row{align-items:center;column-gap:var(--col-gap);grid-template-columns:var(--c-idx) calc(var(--n) * var(--box) + (var(--n) - 1) * var(--box-gap)) repeat(3, var(--c-cnt));border-radius:var(--r-sm);padding:6px 4px;transition:background-color .7s,box-shadow .7s;display:grid;position:relative}.rows>.row+.row{border-top:1px solid var(--rule)}.row.flash{background:var(--no-tint);box-shadow:inset 0 0 0 2px var(--no);transition:none}.row.win{background:var(--ok-tint)}.idx{font-family:var(--font-mono);color:var(--ink-2);text-align:right;font-size:11px}.digits{gap:var(--box-gap);display:flex}.digits>*{width:var(--box);height:var(--box-h);box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-xs);background:var(--sheet);font-family:var(--font-mono);place-items:center;font-size:20px;font-weight:700;display:grid}.cnt{border-radius:var(--r-pill);min-height:26px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.cnt.g{background:var(--ok-tint)}.cnt.y{background:var(--mid-tint)}.cnt.r{background:var(--no-tint)}.empty{color:var(--ink-2);margin:8px 0;font-size:14px}.ball{box-sizing:border-box;border-radius:50%;flex:none;width:.8em;height:.8em;display:inline-block}.ball.g{background:var(--ok)}.ball.y{border:.14em solid var(--mid);background:linear-gradient(to top, var(--mid) 50%, transparent 50%) padding-box}.ball.r{border:.14em solid var(--no);background:0 0}.help .ball{font-size:14px}.station{justify-items:center;gap:8px;min-width:0;padding-top:16px;display:grid}.lock{--n:4;--dw:48px;--dh:60px;--dgap:7px;justify-items:center;display:grid}.shackle{width:calc(var(--n) * 26px + 34px);box-sizing:border-box;border:12px solid var(--steel-2);border-radius:var(--r-pill) var(--r-pill) 0 0;z-index:0;transform-origin:88% 100%;height:38px;transition:transform var(--dur-slow) var(--ease-spring);border-bottom:0;margin-bottom:-6px;position:relative}.lock.open{margin-top:26px;transition:margin-top .3s}.lock.open .shackle{transform:translateY(-15px)rotate(12deg)}.lock-body{z-index:1;border-radius:var(--r-xl);background:linear-gradient(180deg, var(--steel-2), var(--steel) 62%);box-shadow:0 10px 22px var(--shadow), inset 0 1px 0 var(--sheen);justify-items:center;gap:6px;padding:11px 13px 6px;display:grid;position:relative}.lock.nope .lock-body{animation:nope var(--dur-base) ease-in-out}@keyframes nope{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}to{transform:none}}.dials{gap:var(--dgap);display:flex}.dial{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;width:var(--dw);height:var(--dh);border-radius:var(--r-sm);background:var(--dial);color:var(--dial-ink);box-shadow:inset 0 5px 7px var(--recess), inset 0 -5px 7px var(--recess);font-family:var(--font-mono);border:0;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.dial.empty:before{content:"";background:var(--dial-ink);opacity:.22;border-radius:2px;width:36%;height:3px}.dial.cursor{outline:2px dashed var(--steel-ink);outline-offset:2px}.dial:disabled{cursor:default}.dial:focus-visible{outline:3px solid var(--pen);outline-offset:2px}.wheel{place-items:center;display:grid;position:absolute;inset:0}.wheel b{font-weight:700;font-size:calc(var(--dh) * .54);line-height:1}.wheel i{text-align:center;font-style:normal;font-weight:700;font-size:calc(var(--dh) * .3);opacity:.25;line-height:1;position:absolute;left:0;right:0}.wheel i.prev{top:calc(var(--dh) * -.13)}.wheel i.next{bottom:calc(var(--dh) * -.13)}.dial.spin .wheel{animation:roll .22s var(--ease-roll)}.dial.spin.up .wheel{animation-name:roll-up}@keyframes roll{0%{transform:translateY(-40%)}to{transform:none}}@keyframes roll-up{0%{transform:translateY(40%)}to{transform:none}}.dials{touch-action:none;-webkit-user-select:none;user-select:none}.dial:not(:disabled){cursor:ns-resize}.dial.dragging{outline:2px solid var(--steel-ink);outline-offset:2px}.lock.open .wheel b{color:var(--ok)}.lockstat{font-family:var(--font-mono);letter-spacing:.04em;color:var(--steel-ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.msg{text-align:center;max-width:40ch;min-height:1.45em;color:var(--ink-2);margin:0;font-size:14px;font-weight:600}.msg.bad{color:var(--no)}.keypad{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;width:min(100%,300px);display:grid}.keypad .act{border-radius:var(--r-md);min-height:40px;font-size:15px}.keypad .act:disabled{opacity:.4}.typer{opacity:0;pointer-events:none;caret-color:#0000;color:#0000;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:absolute;top:50%;left:50%}.key{appearance:none;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);min-height:48px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;place-items:center;padding:0;font-size:20px;font-weight:700;display:grid}.key:hover:not(:disabled){border-color:var(--ink-2)}.key:active:not(:disabled){transform:translateY(1px)}.key:disabled{opacity:.3;cursor:default}.key svg{width:22px;height:22px}.key.go{font-family:var(--font-body);background:var(--pen);border-color:var(--pen);color:var(--on-strong);font-size:15px}.key.go:hover:not(:disabled){background:var(--pen-deep);border-color:var(--pen-deep)}.endbox{box-sizing:border-box;text-align:center;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);justify-items:center;gap:2px;width:min(100%,380px);padding:12px;display:grid}.endbox p{margin:0}.end-title{font-family:var(--font-display);font-size:24px;line-height:1.1}.endbox.won .end-title{color:var(--ok)}.endbox.lost .end-title{color:var(--no)}.lockstat svg{flex:none;width:11px;height:11px}.lockstat.low{color:var(--alarm);animation:1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:.4}}.lock.lost .shackle{animation:clamp .45s var(--ease-clamp)}@keyframes clamp{0%{transform:translateY(-14px)}70%{transform:translateY(3px)}to{transform:none}}.lock.lost .lock-body{box-shadow:0 0 0 2px var(--alarm), 0 10px 22px var(--shadow);animation:.7s ease-in-out lost}@keyframes lost{15%{transform:translate(-8px)rotate(-2deg)}30%{transform:translate(7px)rotate(2deg)}45%{transform:translate(-5px)rotate(-1deg)}60%{transform:translate(4px)}80%{transform:translateY(3px)}to{transform:none}}.lock.lost .wheel{animation:.15s linear 5 spinout}.lock.lost .dial:nth-child(2) .wheel{animation-iteration-count:6}.lock.lost .dial:nth-child(3) .wheel{animation-iteration-count:7}.lock.lost .dial:nth-child(4) .wheel{animation-iteration-count:8}.lock.lost .dial:nth-child(5) .wheel{animation-iteration-count:9}@keyframes spinout{0%{transform:translateY(-100%)}to{transform:none}}.lock.lost .wheel b{color:var(--no)}.end-text{font-family:var(--font-mono);color:var(--ink-2);font-size:14px}.end-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.end-vs{color:var(--ink);font-size:13px}.end-vs.ahead{color:var(--ok);font-weight:700}.rival{border-radius:var(--r-md);background:var(--mid-tint);color:var(--ink);align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:13px;line-height:1.35;display:flex}.rival svg{width:16px;height:16px;color:var(--mid);flex:none}.rival #rivalText{flex:1;min-width:0}.rival-x{appearance:none;width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-4px -4px -4px 0;padding:0;display:grid}.rival-x:hover{background:var(--sheet);color:var(--ink)}.rival-x svg{color:currentColor;width:14px;height:14px}.cardview{z-index:35;background:var(--scrim);padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));place-items:center;display:grid;position:fixed;inset:0}.cardview-inner{justify-items:center;gap:10px;width:min(100%,400px);display:grid}.cardview img{border-radius:var(--r-xl);width:auto;max-width:100%;max-height:calc(100vh - 170px);display:block}.cardview .card-hint{text-align:center;max-width:34ch;color:var(--on-scrim);margin:0;font-size:13px}.card-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.digits button.dg{appearance:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;padding:0;position:relative}.digits button.dg:hover{border-color:var(--ink-2)}.dg[data-mark=g]{background:var(--ok);border-color:var(--ok);color:var(--on-strong)}.dg[data-mark=y]{background:linear-gradient(to top, var(--mark-y) 50%, var(--sheet) 50%);border:2px solid var(--mid)}.dg[data-mark=r]{background:var(--no-tint);border-color:var(--no);color:var(--ink-2)}.dg[data-mark=r]:after{content:"";background:var(--no);border-radius:1px;height:2px;position:absolute;top:calc(50% - 1px);left:16%;right:16%;transform:rotate(-38deg)}.markhint{color:var(--ink-2);align-items:baseline;gap:10px;margin:4px 0 0;font-size:12px;display:flex}.markhint .linkish{margin-left:auto;padding:0;font-size:12px}.switch{appearance:none;min-height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.switch .track{border-radius:var(--r-pill);background:var(--rule);width:42px;height:24px;transition:background-color var(--dur-fast);flex:none;position:relative}.switch .track:after{content:"";background:var(--dial);width:18px;height:18px;box-shadow:var(--elev-1);transition:transform var(--dur-fast);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .track{background:var(--pen)}.switch[aria-checked=true] .track:after{transform:translate(18px)}.switch.iconic .track{width:54px;height:30px}.switch.iconic .track:after{content:none}.switch.iconic .knob{background:var(--dial);width:24px;height:24px;color:var(--mid);box-shadow:var(--elev-1);transition:transform var(--dur-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px}.switch.iconic .knob svg{grid-area:1/1;width:15px;height:15px}.switch.iconic .knob .on{display:none}.switch.iconic[aria-checked=true] .knob{color:var(--dial-accent);transform:translate(24px)}.switch.iconic[aria-checked=true] .knob .off{display:none}.switch.iconic[aria-checked=true] .knob .on{display:block}.switch.theme[aria-checked=true] .track{background:var(--steel-2)}.switch.sound .knob{color:var(--dial-muted)}.notes{box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--sheet);gap:4px;width:min(100%,380px);margin-top:6px;padding:8px 10px 6px;display:grid}.notes-head{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.notes-head svg{flex:none;width:14px;height:14px}.notes-head strong{color:var(--ink);font-size:13px}.notes-head .linkish{margin-left:auto;padding:0;font-size:12px}.notes-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;display:grid}.note{appearance:none;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);min-height:40px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;font-size:19px;font-weight:700;position:relative}.note:hover{border-color:var(--ink-2)}.note[data-state=in]{border:2px solid var(--ok);background:var(--ok-tint)}.note[data-state=in]:after{content:"";aspect-ratio:1;border:2px solid var(--ok);box-sizing:border-box;border-radius:50%;width:min(28px,84%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.note[data-state=out]{border-color:var(--no);background:var(--no-tint);color:var(--ink-2)}.note[data-state=out]:after{content:"";background:var(--no);border-radius:2px;width:min(26px,78%);height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-38deg)}.sheet{z-index:30;background:var(--sheet);border-top:1px solid var(--rule);box-shadow:0 -10px 30px var(--shadow);padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:fixed;bottom:0;left:0;right:0}.sheet-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;max-width:880px;margin-inline:auto;display:flex}.sheet-inner p{margin:0;font-weight:600}.sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.toast{z-index:40;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border-radius:var(--r-md);background:var(--ink);max-width:calc(100% - 32px);color:var(--paper);box-shadow:var(--elev-2);padding:9px 14px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}@media (max-width:480px){.app{gap:8px;padding-block:8px 16px}.play{grid-template-columns:minmax(0,1fr);gap:6px}.top h1{font-size:22px}.chip{letter-spacing:.03em;gap:5px;padding:4px 10px 4px 8px;font-size:13px}.chip svg{width:13px;height:13px}.drawer{padding:12px}.board{container-type:inline-size}.rows{--box:clamp(26px, calc((100cqw - 16px - 120px - 32px - (var(--n) - 1) * 6px) / var(--n)), 34px);--box-h:calc(var(--box) * 1.12)}.row{grid-template-columns:16px max-content repeat(3,minmax(38px,1fr));column-gap:8px;padding:5px 0}.idx{font-size:12px}.digits{gap:6px}.digits>*{font-size:clamp(18px, calc(var(--box) * .6), 21px);border-radius:var(--r-sm)}.cnt{justify-self:center;gap:4px;width:min(100%,50px);min-height:26px;font-size:16px}.station{gap:6px;padding-top:10px;container-type:inline-size}.lock{--dw:clamp(40px, calc((100cqw - 60px - (var(--n) - 1) * 6px) / var(--n)), 52px);--dh:calc(var(--dw) * 1.15);--dgap:6px}.shackle{width:calc(var(--n) * var(--dw) * .5 + 30px);border-width:10px;height:28px}.lock-body{gap:4px;padding:9px 12px 5px}.lockstat{font-size:13px}.msg{min-height:1.3em;font-size:13px}.keypad{width:min(100%,300px)}.notes{width:100%;margin-top:2px;padding:6px 8px 8px}.notes-row{gap:4px}.note{min-height:38px;font-size:18px}}@media (min-width:820px){.app{gap:16px;max-width:980px;padding-block:24px 40px}.top h1{font-size:36px}.play{grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:48px;padding-top:4px}.board{--box:40px;--box-h:46px;--box-gap:7px;--c-idx:18px;--c-cnt:60px;--col-gap:14px}.row{padding:7px 4px}.idx{font-size:13px}.digits>*{border-radius:var(--r-sm);font-size:24px}.cnt{gap:6px;min-height:32px;font-size:17px}.station{gap:10px;padding-top:4px;position:sticky;top:16px}.lock{--dw:60px;--dh:70px;--dgap:9px}.shackle{width:calc(var(--n) * 30px + 44px);border-width:13px;height:44px}.lock-body{padding:14px 16px 8px}.lockstat{font-size:13px}.keypad,.notes,.endbox{width:100%}.keypad .act{min-height:44px}.notes{padding:10px 12px}.note{min-height:44px;font-size:20px}.rival{font-size:14px}}@media (min-width:1180px){.app{box-sizing:border-box;max-width:none;min-height:100vh;padding-block:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:linear-gradient(to right, var(--sheet) 0 264px, var(--rule) 264px 265px, transparent 265px);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:264px minmax(0,1fr);gap:0;margin:0}.top{grid-area:1/1;padding:22px 18px 10px 20px}.top h1{white-space:normal;font-size:26px;line-height:1.05;overflow:visible}.top .chip{display:none}#setup,#setup[hidden]{background:0 0;border:0;border-radius:0;flex-flow:column;grid-area:2/1/span 2;align-self:start;align-items:stretch;gap:14px;padding:10px 20px 28px;position:sticky;top:0;display:flex!important}#setup .label{font-size:10px}#setup .field.grow{flex:none}#setup .seg{display:flex}#setup .seg button{white-space:nowrap;flex:auto;min-height:30px;padding:3px 6px;font-size:13px}#setup .switch{min-height:32px;font-size:14px}#setup .codebox{flex-wrap:wrap}#setup .codebox input{flex:100%;font-size:15px}#setup .codebox .btn,#setup .btn{min-height:34px;font-size:14px}#setup .codebox .btn{flex:1 1 0}#setup .setup-actions{flex-direction:column;align-items:stretch}#help{grid-area:1/2;justify-self:center;width:min(100% - 80px,760px);margin-top:24px}#rivalBar{grid-area:2/2;justify-self:center;width:min(100% - 80px,760px);margin-top:20px}.play{grid-area:3/2;grid-template-columns:auto auto;justify-content:center;align-self:center;align-items:center;gap:clamp(40px,5vw,120px);padding:32px 40px 48px;container-type:inline-size}.board{--box:clamp(38px, 4.2cqw, 58px);--box-h:calc(var(--box) * 1.14);--box-gap:clamp(6px, .5cqw, 10px);--c-idx:20px;--c-cnt:clamp(54px, 4.2cqw, 80px);--col-gap:clamp(12px, 1cqw, 18px)}.row{padding:clamp(6px,.55cqw,10px) 4px}.idx{font-size:14px}.digits>*{font-size:calc(var(--box) * .56);border-radius:var(--r-md)}.cnt{min-height:calc(var(--box) * .72);gap:7px;font-size:clamp(17px,1.15cqw,22px)}.station{gap:14px;width:clamp(380px,36cqw,660px);padding-top:0;position:static}.lock{--dw:clamp(62px, 6cqw, 112px);--dh:calc(var(--dw) * 1.16);--dgap:clamp(8px, .7cqw, 12px)}.shackle{width:calc(var(--n) * var(--dw) * .5 + 44px);height:calc(var(--dw) * .72);border-width:calc(var(--dw) * .19);margin-bottom:calc(var(--dw) * -.1)}.lock-body{padding:calc(var(--dw) * .22) calc(var(--dw) * .24) calc(var(--dw) * .12);border-radius:20px}.lock.open{margin-top:calc(var(--dw) * .45)}.lockstat,.msg{font-size:15px}.keypad{width:min(100%,420px)}.keypad .act{min-height:48px;font-size:16px}.notes{width:100%;padding:12px 14px}.note{min-height:50px;font-size:22px}.endbox{width:min(100%,460px)}}a.btn{box-sizing:border-box;text-decoration:none}.daily-when{font-size:15px;font-weight:700}.board.waiting{position:relative}.board.waiting>:not(.startcover){filter:blur(6px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.startcover{z-index:2;place-items:center;display:grid;position:absolute;inset:-6px 0}.startcard{text-align:center;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--elev-2);justify-items:center;gap:4px;padding:18px 24px;display:grid}.startcard p{margin:0}.start-title{font-family:var(--font-display);font-size:30px;line-height:1.1}.start-meta{font-family:var(--font-mono);color:var(--ink-2);font-size:14px}.start-btn{min-height:48px;margin-top:8px;padding:8px 32px;font-size:17px}.startcard .start-note{max-width:26ch;color:var(--ink-2);margin-top:6px;font-size:12px}.endbox .end-rank{color:var(--ink);margin-top:6px;font-size:14px;font-weight:700}.endbox .end-login{margin-top:10px}.endbox .end-next{color:var(--ink-2);margin-top:10px;font-size:13px;line-height:1.7}.end-next a{color:var(--pen);font-weight:600}.endbox .end-guia{max-width:34ch;color:var(--ink-2);margin-top:10px;font-size:13px;line-height:1.5}.end-guia a{color:var(--pen);font-weight:600}.sheet.convite{animation:convite-sobe var(--dur-base) var(--ease-roll)}.sheet.convite .sheet-inner{justify-content:stretch;gap:12px;max-width:520px;display:grid}.sheet-inner .convite-titulo{font-family:var(--font-display);color:var(--ok);font-size:24px;font-weight:400;line-height:1.1}.convite-lista{gap:8px;margin:0;padding:0;list-style:none;display:grid}.convite-lista li{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;line-height:1.4;display:grid}.convite-lista svg{width:18px;height:18px;color:var(--mid);margin-top:2px}.sheet.convite .sheet-actions{justify-content:flex-end}.sheet.convite .sheet-actions .btn{min-height:44px}@keyframes convite-sobe{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.sheet.convite{animation:none}}.lockstat.escondido{opacity:.75}.endbox .end-text.discreto{opacity:.8;font-size:12px}.setup-nav{flex-basis:100%}.navbtns{flex-wrap:wrap;gap:8px;display:flex}@media (min-width:1180px){#setup .daily-when{font-size:14px}#setup .navbtns{flex-direction:column}#setup .navbtns .btn{justify-content:flex-start;min-height:34px;font-size:14px}}.startcard .start-note a{color:var(--pen);font-weight:600}.startcard.semchave{box-sizing:border-box;gap:6px;max-width:min(100%,320px)}.startcard.semchave .btn{width:100%}.startcard.modos{box-sizing:border-box;width:min(100%,340px)}.start-modos{width:100%;margin-top:6px;display:grid}.start-modos .start-btn{width:100%;margin-top:6px;padding-inline:16px}.start-regra{color:var(--ink-2);margin:4px 0 2px;font-size:13px}.endbox.travou .end-title{color:var(--no)}.endbox .end-aviso{max-width:32ch;font-size:14px;line-height:1.45}.field.largo{flex-basis:100%}#rankingField .btn{min-height:34px;font-size:14px}.ranking-nota{max-width:46ch;color:var(--ink-2);margin:0;font-size:13px}}@layer components,utilities;
@layer components{:where(a,select,summary):focus-visible{border-radius:4px}h1,h2,h3{text-wrap:balance}.site-top-in,.site,.foot-in{box-sizing:border-box;max-width:1080px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin-inline:auto}.site-top-in{align-items:center;gap:10px;padding-block:14px;display:flex}.wordmark{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:24px;line-height:1;text-decoration:none}.site-top.inicio .wordmark{visibility:hidden}.site-nav{gap:2px;margin-left:14px;display:none}.site-nav a{border-radius:var(--r-md);color:var(--ink-2);padding:8px 12px;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--ink);background:var(--sheet)}.site-nav a[aria-current=page]{color:var(--ink);background:var(--sheet);box-shadow:0 0 0 1px var(--rule)}.site-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.acct{box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--sheet);min-height:36px;color:var(--ink);align-items:center;gap:6px;padding:3px 12px 3px 3px;text-decoration:none;display:inline-flex}.acct>:last-child{color:var(--ink);font-size:14px}.acct>:last-child svg{width:14px;height:14px}.acct-vazio{width:64px;min-height:36px;display:inline-block}.menu-btn svg{width:18px;height:18px}.site-menu{margin:0 max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));gap:2px;padding:6px;display:grid}.site-menu a{border-radius:var(--r-md);color:var(--ink);padding:12px;font-weight:600;text-decoration:none}.site-menu a:hover{background:var(--paper)}@media (min-width:820px){.site-nav{display:flex}.menu-btn,.site-menu{display:none!important}}.site{gap:28px;padding-block:6px 56px;display:grid}.site.narrow{max-width:680px}.page-head{gap:6px;display:grid}.page-head.row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.page-title{font-family:var(--font-display);margin:0;font-size:clamp(30px,7vw,40px);font-weight:400;line-height:1.05}.page-sub{color:var(--ink-2);margin:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:700}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.sec-head h2{margin:0;font-size:19px;line-height:1.25}.fine{color:var(--ink-2);margin:0;font-size:12px}.btn.big{border-radius:var(--r-lg);min-height:52px;padding:10px 22px;font-size:17px}.btn.full{width:100%}.more{border-top:1px solid var(--rule);padding-top:12px}.more summary{cursor:pointer;color:var(--ink-2);font-weight:700}.more ul{color:var(--ink-2);gap:8px;max-width:64ch;margin:12px 0 0;padding-left:18px;font-size:15px;display:grid}.site-foot{border-top:1px solid var(--rule)}.foot-in{gap:14px;padding-block:22px 28px;display:grid}.foot-nav{flex-wrap:wrap;gap:6px 18px;display:flex}.foot-nav a{color:var(--ink-2);font-size:14px;text-decoration:none}.foot-nav a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.foot-row{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.foot-row .switch{min-height:32px}.foot-legal{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.foot-legal a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}.foot-legal a:hover{color:var(--ink)}.seg a{box-sizing:border-box;border-radius:var(--r-sm);min-height:32px;color:var(--ink-2);align-items:center;padding:4px 12px;font-weight:600;text-decoration:none;display:inline-flex}.seg a[aria-current=page]{background:var(--sheet);color:var(--ink);box-shadow:0 0 0 1px var(--rule), var(--elev-1)}.wdots{gap:4px;display:inline-flex}.wd{box-sizing:border-box;border-radius:50%;width:10px;height:10px}.wd.ok{background:var(--ok)}.wd.miss{border:2px solid var(--rule)}.wd.today{border:2px dashed var(--ink-2)}.wd.future{background:var(--rule);transform:scale(.5)}.plate{border-radius:var(--r-sm);background:var(--dial);width:32px;height:38px;color:var(--dial-ink);font-family:var(--font-mono);box-shadow:inset 0 4px 6px var(--recess), inset 0 -4px 6px var(--recess);place-items:center;font-size:20px;font-weight:700;display:grid}.minilock{--n:4;--w:13px;justify-items:center;display:inline-grid}.ml-shackle{width:calc(var(--n) * var(--w) * .62 + 12px);height:calc(var(--w) * 1.05);box-sizing:border-box;border:calc(var(--w) * .32) solid var(--steel-2);margin-bottom:calc(var(--w) * -.2);transform-origin:88% 100%;transition:transform .4s var(--ease-spring);border-bottom:0;border-radius:999px 999px 0 0}.ml-body{gap:calc(var(--w) * .24);padding:calc(var(--w) * .38) calc(var(--w) * .44);border-radius:calc(var(--w) * .45);background:linear-gradient(180deg, var(--steel-2), var(--steel) 62%);box-shadow:0 4px 10px var(--shadow), inset 0 1px 0 var(--sheen);display:flex}.ml-body i{width:var(--w);height:calc(var(--w) * 1.18);border-radius:calc(var(--w) * .22);background:var(--dial);box-shadow:inset 0 2px 3px var(--recess), inset 0 -2px 3px var(--recess)}.minilock.open .ml-shackle{transform:translateY(calc(var(--w) * -.4)) rotate(12deg)}.minilock.open .ml-body i{background:var(--ok)}.datetag{font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--r-xs);background:var(--sheet);border:1px solid var(--rule);text-transform:uppercase;padding:3px 7px;font-size:12px;font-weight:700}.bookmini{aspect-ratio:3/4;box-sizing:border-box;background:linear-gradient(160deg, var(--card-top), var(--card-bottom));width:52px;color:var(--card-ink);font-family:var(--font-display);text-align:center;box-shadow:0 6px 14px var(--shadow), inset 4px 0 0 var(--sheen);border-radius:3px 7px 7px 3px;place-items:center;padding:4px;font-size:10px;line-height:1;display:grid}.hero{text-align:center;justify-items:center;gap:14px;padding-top:4px;display:grid}.hero-title{font-family:var(--font-display);margin:0;font-size:clamp(44px,12.5vw,84px);font-weight:400;line-height:.95}.hero-sub{max-width:34ch;color:var(--ink-2);margin:0;font-size:clamp(16px,2.3vw,19px)}.hero-lock{color:inherit;-webkit-tap-highlight-color:transparent;border-radius:20px;margin-top:8px;text-decoration:none;display:block}.lock.hero{--dw:clamp(54px, 15vw, 82px);--dh:calc(var(--dw) * 1.16);--dgap:calc(var(--dw) * .13)}.lock.hero .shackle{width:calc(var(--n) * var(--dw) * .5 + 40px);height:calc(var(--dw) * .72);border-width:calc(var(--dw) * .19);margin-bottom:calc(var(--dw) * -.1)}.lock.hero .lock-body{padding:calc(var(--dw) * .22) calc(var(--dw) * .24) calc(var(--dw) * .12);gap:calc(var(--dw) * .1);border-radius:18px}.lock.hero .dial{cursor:pointer}.lock.hero .lockstat{font-size:13px}.hero-lock:hover .lock.hero .shackle,.hero-lock:focus-visible .lock.hero .shackle{transform:translateY(-12px)rotate(10deg)}.hero-cta,.hero-done{justify-items:center;gap:10px;width:min(100%,380px);display:grid}.hero-cta .btn,.hero-done .btn{justify-self:stretch}.hero-meta,.hd-next{color:var(--ink-2);margin:0;font-size:14px}.hero-done{box-sizing:border-box;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);padding:16px}.hero-done p{margin:0}.hd-title{font-size:18px;font-weight:700}.hd-title .mono{color:var(--ok);font-family:var(--font-mono)}.hd-sub{color:var(--ink-2)}.hd-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.mono[data-countdown]{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.fronts{gap:12px;display:grid}.front{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);color:var(--ink);transition:border-color var(--dur-fast);grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"pill art""text art""go art";align-items:start;gap:8px 14px;padding:16px;text-decoration:none;display:grid}a.front:hover{border-color:var(--ink-2)}a.front:hover .ml-shackle{transform:translateY(-3px)rotate(8deg)}.pill{border-radius:var(--r-pill);grid-area:pill;justify-self:start;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.pill.ok{background:var(--ok-tint)}.pill.mid{background:var(--mid-tint)}.pill.pen{background:var(--pen-tint)}.front-art{border-radius:var(--r-md);background:var(--paper);grid-area:art;align-self:stretch;place-items:center;gap:6px;min-height:88px;display:grid}.front-art>.minilock{--w:16px}.front-art.stack{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.front-art.stack .minilock{--w:7px!important}.front-text{color:var(--ink-2);grid-area:text;font-size:15px}.front-go{color:var(--pen);grid-area:go;font-weight:700}.front-go.breve{color:var(--ink-2)}@media (min-width:820px){.fronts{grid-template-columns:repeat(3,minmax(0,1fr))}.front{grid-template-columns:minmax(0,1fr);grid-template-areas:"pill""art""text""go";gap:12px}.front-art{min-height:112px}.front-art.stack{flex-direction:row;align-items:flex-end;gap:6px;padding-bottom:18px}.front-art.stack .minilock{--w:11px!important}}.home-sec{align-content:start;gap:14px;display:grid}.home-rapidos{width:min(100%,560px);margin-inline:auto}.home-sec>p{color:var(--ink-2);max-width:52ch;margin:0}.top3{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.top3 li{grid-template-columns:32px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.top3 li+li{border-top:1px solid var(--rule)}.top3 .plate{width:28px;height:32px;font-size:17px}.top3 .t-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.top3 .t-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.top3 .vazio{color:var(--ink-2);padding:14px 12px;display:block}.countdown{color:var(--ink-2);margin:0;font-size:14px}.rank-page{padding-bottom:120px}.rank-legend{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;display:grid}.pod{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.pod-val{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.pod-step{box-sizing:border-box;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg, var(--steel-2), var(--steel) 70%);width:100%;box-shadow:inset 0 1px 0 var(--sheen);align-content:start;justify-items:center;padding-top:10px;display:grid}.pod1 .pod-step{height:100px}.pod2 .pod-step{height:76px}.pod3 .pod-step{height:58px}.pod1 .pod-avatar{box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--mid)}.pod.me .pod-name{color:var(--pen)}.ranklist{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;overflow:hidden}.ranklist:empty{display:none}.ranklist>li+li{border-top:1px solid var(--rule)}.rgap{text-align:center;color:var(--ink-2);letter-spacing:.3em;padding:2px 12px 6px}.rank-vazio{text-align:center;color:var(--ink-2);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);margin:0;padding:22px 16px}.mebar{z-index:20;background:var(--sheet);border-top:1px solid var(--rule);box-shadow:0 -8px 22px var(--shadow);padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:fixed;bottom:0;left:0;right:0}body:has(.mebar) .site-foot{padding-bottom:76px}.mebar-in{align-items:center;gap:12px;max-width:680px;margin-inline:auto;display:flex}.mebar-in p{flex:1;margin:0;font-size:14px;font-weight:600}.mebar-in .btn{flex:none}.mebar-row{flex:1;min-width:0;margin:0;padding:0;list-style:none}.mebar-row>li{border-radius:var(--r-md);padding:4px 8px}.sec-note{color:var(--ink-2);font-size:13px}.quota{min-height:1.4em;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.quota svg{width:16px;height:16px;color:var(--mid)}.quota a{color:var(--pen);font-weight:600}.today-card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;padding:16px;text-decoration:none;display:grid}.today-card:hover{border-color:var(--ink-2)}.today-card:hover .ml-shackle{transform:translateY(-3px)rotate(8deg)}.tc-text{gap:2px;min-width:0;display:grid}.tc-title{font-size:17px;font-weight:700}.tc-sub{color:var(--ink-2);font-size:14px}.tc-go{grid-column:1/-1}.tc-go .btn{display:flex}@media (min-width:600px){.today-card{grid-template-columns:auto minmax(0,1fr) auto}.tc-go{grid-column:auto}.tc-go .btn{display:inline-flex}}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:820px){.quick{grid-template-columns:repeat(4,minmax(0,1fr))}}.lockcard{appearance:none;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--sheet);min-width:0;color:var(--ink);font:inherit;text-align:center;cursor:pointer;align-content:start;justify-items:center;gap:4px;padding:18px 10px 14px;display:grid}.lockcard:hover{border-color:var(--ink-2)}.lockcard:hover .ml-shackle{transform:translateY(-3px)rotate(8deg)}.lockcard .minilock{margin-bottom:8px}.lockcard b{font-size:16px}.lockcard small{color:var(--ink-2);font-size:13px}.archive{gap:20px;display:grid}.month{gap:8px;display:grid}.month h3{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:700}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:520px;display:grid}.cal-h{text-align:center;color:var(--ink-2);font-size:11px;font-weight:700}.day{aspect-ratio:1/1.08;box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);min-width:0;color:var(--ink);font-family:var(--font-mono);align-content:center;justify-items:center;gap:4px;padding:0;font-size:14px;font-weight:700;text-decoration:none;display:grid}.day .ball{font-size:10px}a.day:hover{border-color:var(--ink-2)}.day.today{border:2px solid var(--pen)}.day.blank{visibility:hidden}.day.vazio{color:var(--ink-2);opacity:.45;background:0 0}.codeform{gap:6px;max-width:420px;display:grid}.key-badge{background:var(--mid-tint);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.key-badge svg{width:26px;height:26px}.center-head{text-align:center;justify-items:center}.plans{gap:12px;display:grid}@media (min-width:680px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.plan{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);gap:14px;padding:18px;display:grid}.plan.best{border:2px solid var(--pen);box-shadow:var(--elev-2)}.plan h2{margin:0;font-size:20px}.price{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;display:flex}.price .mono{font-family:var(--font-mono);font-size:30px;font-weight:700}.price small{color:var(--ink-2);font-size:14px}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checks li{grid-template-columns:16px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.checks li:before{content:"";background:var(--ok);border-radius:50%;width:.8em;height:.8em}.plan-state{border-radius:var(--r-md);background:var(--ok-tint);text-align:center;margin:0;padding:10px;font-weight:700}.more dl{color:var(--ink-2);gap:8px;max-width:64ch;margin:12px 0 0;font-size:15px;display:grid}.more dt{color:var(--ink);font-weight:700}.more dd{margin:0 0 6px}.book-hero{align-items:center;gap:28px;display:grid}@media (min-width:820px){.book-hero{grid-template-columns:300px minmax(0,1fr);gap:56px}}.bookcover{width:min(240px,66vw);height:auto;box-shadow:0 18px 40px var(--shadow);border-radius:4px 12px 12px 4px;justify-self:center;display:block}@media (min-width:820px){.bookcover{width:100%}}.book-copy{gap:14px;display:grid}.book-copy p{color:var(--ink-2);max-width:54ch;margin:0}.book-buy{flex-wrap:wrap;gap:8px;display:flex}.btn.em-breve{color:var(--ink-2);cursor:default}.btn.em-breve:hover{border-color:var(--rule)}.niveis{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:680px){.niveis{grid-template-columns:repeat(2,minmax(0,1fr))}}.niveis li{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);align-items:center;gap:12px;padding:12px;display:flex}.nivel-num{border-radius:var(--r-md);width:40px;height:40px;color:var(--on-strong);font-family:var(--font-display);flex:none;place-items:center;font-size:22px;display:grid}.nivel-num.ok{background:var(--ok)}.nivel-num.pen{background:var(--pen)}.nivel-num.no{background:var(--no)}.nivel-num.steel{background:var(--steel-2);color:var(--steel-ink)}.nivel-texto{gap:2px;min-width:0;display:grid}.nivel-texto small{color:var(--ink-2);font-size:13px}.bookpage{gap:10px;width:min(100%,460px);margin:0 auto;display:grid}.bookpage img{border:1px solid var(--rule);border-radius:var(--r-sm);width:100%;height:auto;box-shadow:var(--elev-2);display:block}.bookpage figcaption{color:var(--ink-2);text-align:center;font-size:14px}.bookpage figcaption a{color:var(--pen);font-weight:600}.estante{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);padding:18px}.estante-barra{border-radius:var(--r-pill);background:var(--rule);height:10px;overflow:hidden}.estante-barra i{border-radius:inherit;background:var(--ok);height:100%;transition:width var(--dur-slow);display:block}.estante>.btn{justify-self:start}.estante-nivel{gap:10px;display:grid}.estante-nivel h3{align-items:center;gap:10px;margin:6px 0 0;font-size:16px;display:flex}.estante-nivel h3 .nivel-num{width:30px;height:30px;font-size:17px}.estante-nivel h3 small{color:var(--ink-2);font-weight:400}.estante-lista{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.estante-desafio{box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper);color:var(--ink);justify-items:center;gap:5px;padding:10px 4px 8px;text-decoration:none;display:grid}.estante-desafio:hover{border-color:var(--ink-2)}.estante-desafio b{font-family:var(--font-mono);font-size:18px;line-height:1}.estante-desafio.aberto{background:var(--ok-tint);border-color:var(--ok)}.estante-dif{gap:2px;display:flex}.estante-dif i{background:var(--rule);border-radius:50%;width:5px;height:5px}.estante-nivel.ok .estante-dif i.on{background:var(--ok)}.estante-nivel.pen .estante-dif i.on{background:var(--pen)}.estante-nivel.no .estante-dif i.on{background:var(--no)}.estante-nivel.steel .estante-dif i.on{background:var(--steel-2)}.demo-passo-a-passo{border:1px solid var(--rule);border-radius:var(--r-lg);padding:16px}.pcard{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);gap:10px;padding:16px;display:grid}.pcard p{margin:0}.pcard .codebox input{text-transform:none;font-family:var(--font-body);letter-spacing:0;font-size:15px;font-weight:600}.msgtext{white-space:pre-wrap;border-radius:var(--r-md);background:var(--paper);font:inherit;overflow-wrap:anywhere;margin:0;padding:12px;font-size:15px}.chat{border-radius:var(--r-md);background:var(--paper);justify-items:end;padding:14px;display:grid}.bubble{box-sizing:border-box;background:var(--ok-tint);border-radius:12px 12px 4px;gap:8px;width:min(100%,300px);padding:6px 6px 8px;display:grid}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 6px;font-size:14px}.og{border-radius:var(--r-sm);background:var(--sheet);display:grid;overflow:hidden}.og img{aspect-ratio:1.91;object-fit:cover;width:100%;height:auto;display:block}.og-meta{color:var(--ink-2);gap:2px;padding:8px 10px;font-size:12px;display:grid}.og-meta b{color:var(--ink);font-size:13px}.pstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:600px){.pstats{grid-template-columns:repeat(5,minmax(0,1fr))}}.stat{border-radius:var(--r-md);background:var(--paper);gap:2px;padding:12px;display:grid}.stat b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px}.stat span{color:var(--ink-2);font-size:12px}.legal{gap:26px}.legal section{gap:10px;display:grid}.legal h2{margin:0;scroll-margin-top:16px;font-size:19px;line-height:1.25}.legal h3{margin:0;font-size:16px;line-height:1.3}.legal p{max-width:64ch;margin:0}.legal ul,.legal ol{gap:6px;max-width:64ch;margin:0;padding-left:20px;display:grid}.legal a{color:var(--pen);font-weight:600}.legal .resumo{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);padding:16px}.dados{gap:10px;display:grid}@media (min-width:680px){.dados{grid-template-columns:repeat(2,minmax(0,1fr))}}.dado{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);align-content:start;gap:6px;padding:14px;font-size:15px;display:grid}.dado .dado-texto{color:var(--ink-2)}.a-preencher{border-radius:var(--r-xs);background:var(--mid-tint);color:var(--ink);padding:0 4px;font-weight:700}.medalha{--m1:var(--gold);--m2:var(--gold-2);box-sizing:border-box;background:radial-gradient(circle at 35% 30%, var(--m1), var(--m2) 80%);width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--m2), 0 1px 2px var(--shadow);color:var(--medal-ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.medalha .desenho{width:70%;height:70%;overflow:visible}.medalha.pequena{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--m2)}.medalha.grande{width:60px;height:60px;box-shadow:inset 0 0 0 3px var(--m2), 0 4px 10px var(--shadow)}.medalha.prata{--m1:var(--silver);--m2:var(--silver-2)}.medalha.bronze{--m1:var(--bronze);--m2:var(--bronze-2)}.medalha.semana,.medalha.mes{--m1:var(--jade);--m2:var(--jade-2)}.medalha .vazado{fill:var(--m1)}.medalha .friso{stroke:var(--m1)}.medalha .coroa{fill:var(--gold);stroke:var(--medal-ink);stroke-width:.7px;stroke-linejoin:round}.trofeus-ao-lado{flex:none;align-items:center;gap:6px;display:inline-flex}.trofeu-contado{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.acct .trofeus-ao-lado{gap:4px}.rank-periodo{justify-self:start}.ontem{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);gap:8px;padding:12px 14px;display:grid}.ontem h2{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:700}.ontem ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ontem li{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"medalha nome""medalha tempo";align-items:center;column-gap:8px;min-width:0;display:grid}.ontem .medalha{grid-area:medalha}.ontem-nome{text-overflow:ellipsis;white-space:nowrap;grid-area:nome;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.ontem-tempo{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;grid-area:tempo;font-size:13px;font-weight:700}.mebar-eu{flex:1;gap:2px;min-width:0;display:grid}.mebar-eu.com-resultado{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.mebar-in .mebar-eu p{flex:none}.mebar-lugar{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px;display:flex}.mebar-in .mebar-frase{color:var(--ink-2);font-size:13px;font-weight:400}.sheet.comemora .sheet-inner{text-align:center;justify-items:center}.comemora-medalhas{justify-content:center;gap:10px;display:flex}.comemora-lista{color:var(--ink-2);gap:4px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.sheet.comemora .sheet-actions{justify-content:center}.perfil-topo{align-items:center;gap:12px;display:flex}.perfil-abas{justify-self:start}.perfil-sec{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);gap:12px;padding:16px;display:grid}.perfil-sec .sec-note b{color:var(--ink);font-family:var(--font-mono)}.perfil-sub{color:var(--ink-2);margin:4px 0 0;font-size:13px;font-weight:700}.cal-mes{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;max-width:520px;display:grid}.cal-mes h3{text-align:center;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:13px;font-weight:700}.cal-nav{border-radius:var(--r-md);width:36px;height:36px;color:var(--ink);place-items:center;font-size:22px;line-height:1;text-decoration:none;display:grid}a.cal-nav:hover{background:var(--paper)}.perfil-cal .day{background:var(--paper);gap:2px}.perfil-cal .day.vazio{opacity:.5}.cadeado-do-dia{width:16px;height:16px;overflow:visible}.cadeado-do-dia .corpo{fill:currentColor}.cadeado-do-dia.ranking{color:var(--ok)}.cadeado-do-dia.diversao{color:var(--ink-2)}.cadeado-do-dia.fechado{color:var(--no)}.cadeado-do-dia.jogando{color:var(--pen)}.cadeado-do-dia.jogando .corpo{fill:none;stroke:currentColor;stroke-width:1.5px}.cadeado-vazio{box-sizing:border-box;border:2px dashed var(--rule);border-radius:3px;width:12px;height:12px;display:block}.cal-legenda{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.cal-legenda li{align-items:center;gap:6px;display:inline-flex}.numeros{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:600px){.numeros{grid-template-columns:repeat(4,minmax(0,1fr))}.numeros.dois{grid-template-columns:repeat(2,minmax(0,1fr))}}.numero{border-radius:var(--r-md);background:var(--paper);align-content:start;gap:2px;padding:12px;display:grid}.numero b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px}.numero span{color:var(--ink-2);font-size:12px}.distribuicao{gap:6px;margin:0;padding:0;list-style:none;display:grid}.distribuicao li{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.dist-rotulo{color:var(--ink-2);text-align:right;font-weight:700}.dist-barra{box-sizing:border-box;min-width:28px;width:max(28px, var(--p));border-radius:var(--r-xs);background:var(--ok);color:var(--on-strong);font-family:var(--font-mono);justify-content:flex-end;align-items:center;padding:3px 8px;font-weight:700;display:flex}.distribuicao li.travou .dist-barra{background:var(--no)}.estante-de-trofeus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.estante-de-trofeus{grid-template-columns:repeat(5,minmax(0,1fr))}}.estante-de-trofeus li{text-align:center;border-radius:var(--r-md);background:var(--paper);align-content:start;justify-items:center;gap:4px;padding:14px 8px 12px;display:grid}.estante-de-trofeus li b{font-size:14px;line-height:1.25}.estante-de-trofeus li small{color:var(--ink-2);font-size:12px;line-height:1.35}.estante-de-trofeus .trofeu-conta{font-family:var(--font-mono);font-weight:700}.estante-de-trofeus li.falta .medalha{filter:grayscale();opacity:.35}.estante-de-trofeus li.falta .trofeu-conta{font-family:var(--font-body);color:var(--ink-2);font-size:13px;font-weight:400}.trilhas{gap:10px;display:grid}.trilha-nivel{--nivel:var(--ok);--sobre:var(--on-strong);border-radius:var(--r-md);background:var(--nivel);color:var(--sobre);gap:4px;padding:14px;display:grid}.trilha-nivel.pen{--nivel:var(--pen)}.trilha-nivel.no{--nivel:var(--no)}.trilha-nivel.steel{--nivel:var(--steel-2);--sobre:var(--steel-ink)}.trilha-rot{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0;font-size:11px;font-weight:700}.trilha-nivel h3{font-family:var(--font-display);margin:0 0 6px;font-size:26px;font-weight:400;line-height:1}.trilha{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px 6px;margin:0;padding:0;list-style:none;display:grid}.tr{color:inherit;justify-items:center;text-decoration:none;display:grid}.tr i{box-sizing:border-box;opacity:.9;transform-origin:90% 100%;border:3px solid;border-bottom:0;border-radius:99px 99px 0 0;width:16px;height:10px;margin-bottom:-1px}.tr b{box-sizing:border-box;width:34px;height:26px;font-family:var(--font-mono);border:2px solid;border-radius:6px;place-items:center;font-size:12px;display:grid}.tr.aberto i{transform:translateY(-2px)rotate(14deg)}.tr.aberto b{background:var(--sobre);color:var(--nivel)}.tr:hover b,.tr:focus-visible b{outline:2px solid var(--sobre);outline-offset:2px}.certificado{text-align:center;border:6px double var(--gold-2);border-radius:var(--r-lg);background:var(--sheet);justify-items:center;gap:6px;padding:26px 18px 22px;display:grid}.cert-cadeado{justify-items:center;margin-bottom:4px;display:grid}.cert-alca{box-sizing:border-box;border:7px solid var(--steel-ink);transform-origin:90% 100%;border-bottom:0;border-radius:99px 99px 0 0;width:44px;height:24px;margin-bottom:-3px;transform:translate(4px,-4px)rotate(14deg)}.cert-corpo{background:linear-gradient(180deg, var(--gold), var(--gold-2));box-shadow:0 6px 14px var(--shadow);border-radius:10px;padding:8px 9px;display:grid}.cert-roda{background:var(--dial);width:34px;height:40px;color:var(--ok);box-shadow:inset 0 3px 4px var(--recess), inset 0 -3px 4px var(--recess);border-radius:6px;place-items:center;display:grid}.cert-roda svg{width:22px;height:22px}.certificado p{margin:0}.cert-sobre{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);font-size:11px;font-weight:700}.cert-tit{font-family:var(--font-display);font-size:clamp(28px,7vw,36px);line-height:1}.cert-texto{max-width:34ch;color:var(--ink-2)}.cert-nome{border-bottom:1px solid var(--ink);min-width:min(100%,260px);padding:2px 12px 4px;font-size:20px;font-weight:700}.cert-data{color:var(--ink-2);font-size:14px;margin-top:4px!important}.nobr{white-space:nowrap}}
@layer components{.pp{--casa:clamp(24px, calc((100vw - 32px - 60px) / 10 - 3px), 38px);box-sizing:border-box;max-width:1080px;padding:8px max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));gap:14px;margin-inline:auto;display:grid;container:pp/inline-size}.pp.embutido{max-width:none;margin:0;padding:0}.pp-cab{box-sizing:border-box;max-width:1080px;padding:14px max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;display:flex}.pp-marca{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:clamp(22px,6.4vw,30px);line-height:1.1;text-decoration:none}.pp-topo{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pp-titulo{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(28px,7vw,38px);font-weight:400;line-height:1.05}.pp.embutido .pp-titulo{font-size:24px}.pp-sub{color:var(--ink-2);margin:4px 0 0;font-size:14px}.pp-chaves{border-radius:var(--r-pill);background:var(--mid-tint);color:var(--ink);font-family:var(--font-mono);flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:16px;font-weight:700;display:inline-flex}.pp-chaves svg{width:18px;height:18px}.pp-trilha{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.pp-trilha li{display:flex}.pp-trilha button{box-sizing:border-box;border:2px solid var(--rule);background:var(--sheet);cursor:pointer;border-radius:50%;width:16px;height:16px;padding:0}.pp-trilha button.visto{border-color:var(--pen);background:var(--pen)}.pp-trilha button.acertou{border-color:var(--ok);background:var(--ok)}.pp-trilha button.fim{border-radius:4px}.pp-trilha button[aria-current=step]{outline:2px solid var(--pen);outline-offset:2px}.pp-trilha button:disabled{cursor:default}.pp-corpo{grid-template-columns:minmax(0,1fr);grid-template-areas:"pistas""grade""cartao";gap:14px;min-width:0;display:grid}.pp-pistas{grid-area:pistas;min-width:0}.pp-grade-caixa{grid-area:grade}.pp-corpo>.pp-cartao{grid-area:cartao}.pp-pistas .row.pp-ativa{background:var(--pen-tint);box-shadow:inset 0 0 0 2px var(--pen)}.pp-pistas .dg{transition:background-color var(--dur-base), border-color var(--dur-base);position:relative}.pp-cartao{box-sizing:border-box;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r-lg);align-content:start;gap:8px;min-height:120px;padding:14px 16px;display:grid}.pp-contagem{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:700}.pp-atalho{flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin:0;font-weight:700;display:flex}.pp-atalho-rotulo{border-radius:var(--r-pill);background:var(--pen-tint);color:var(--pen-deep);letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;font-size:12px}.pp-instrucao{color:var(--ink-2);margin:0;font-size:14px}.pp-frase{animation:pp-surge var(--dur-base) ease-out;margin:0;font-size:17px;line-height:1.45}.pp-retorno{border-radius:var(--r-md);margin:0;padding:8px 10px;font-size:14px;font-weight:600}.pp-retorno.ok{background:var(--ok-tint)}.pp-retorno.parte{background:var(--mid-tint)}.pp-retorno.erro{background:var(--no-tint)}.pp-fim{text-align:center;justify-items:center;gap:10px}.pp-fim-titulo{font-family:var(--font-display);color:var(--ok);margin:0;font-size:26px;line-height:1.1}.pp-fim-texto{color:var(--ink-2);margin:0}.pp-resposta{--box:40px;--box-h:46px;--box-gap:8px}.pp-resposta>b{background:var(--ok-tint);border-color:var(--ok);animation:pp-entra var(--dur-slow) var(--ease-spring) both;font-size:24px}.pp-resposta>b:nth-child(2){animation-delay:90ms}.pp-resposta>b:nth-child(3){animation-delay:.18s}.pp-resposta>b:nth-child(4){animation-delay:.27s}.pp-resposta>b:nth-child(5){animation-delay:.36s}.pp-grade-caixa{justify-items:center;gap:8px;min-width:0;display:grid}.pp-grade{border-collapse:separate;border-spacing:3px;font-family:var(--font-mono)}.pp-grade thead th{color:var(--ink-2);text-align:center;font-size:13px;font-weight:700}.pp-rot{font-family:var(--font-body);color:var(--ink-2);text-align:right;white-space:nowrap;padding-right:4px;font-size:12px;font-weight:700}.pp-no-codigo .pp-rot{white-space:normal;width:4.5em;line-height:1.1}.pp-rot-longo{display:none}.pp-grade td{padding:0}.pp-casa{width:var(--casa);height:var(--casa);box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-xs);background:var(--sheet);color:var(--ink);place-items:center;margin:0;padding:0;display:grid}.pp-casa svg{width:58%;height:58%}.pp-no-codigo .pp-casa{border-color:var(--ink-2)}.pp-grade td.sombra .pp-casa{background:var(--paper);border-color:#0000}.pp-casa.livre{cursor:pointer;appearance:none;border-style:dashed;border-color:var(--ink-2);color:var(--pen);-webkit-tap-highlight-color:transparent}.pp-casa.livre:hover{background:var(--pen-tint)}.pp-casa.livre.marcada{border-style:solid;border-color:var(--pen);background:var(--pen-tint)}.pp-casa.nova{background:var(--pen-tint);border-color:var(--pen)}.pp-casa.nova.anima{animation:pp-brilho 1.6s ease-out var(--atraso,0s) both}.pp-casa.nova.anima svg{animation:pp-entra var(--dur-slow) var(--ease-spring) var(--atraso,0s) both}.pp-casa.certa{box-shadow:0 0 0 2px var(--ok)}.pp-casa.errada{color:var(--no);background:var(--no-tint);border-color:var(--no);animation:1.4s ease-in forwards pp-sai,.3s ease-in-out pp-treme}.pp-legenda{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin:0;font-size:13px;display:flex}.pp-legenda svg{width:12px;height:12px;color:var(--ink)}.pp-barra{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pp-barra .btn{min-height:44px}@media (max-width:819px){.pp:not(.embutido) .pp-barra{z-index:3;margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:10px max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--rule);flex-wrap:nowrap;position:sticky;bottom:0}.pp-barra .btn{flex:1 1 0;min-width:0;padding-inline:8px}.pp.embutido .pp-barra .btn{flex:auto}.pp-grade-caixa{container-type:inline-size}.pp-grade{--rot:58px;--casa:clamp(18px, calc((100cqw - var(--rot) - 36px) / 10), 38px)}}@media (min-width:480px){.pp-rot-longo{display:inline}.pp-no-codigo .pp-rot{white-space:nowrap;width:auto}.pp-grade{--rot:76px}}@media (min-width:820px){.pp{--casa:36px;gap:18px;padding-top:16px}.pp-barra{justify-content:flex-start}.pp-pistas{container-type:inline-size}.pp-pistas.board{--c-idx:20px;--box-gap:8px;--col-gap:12px;--c-cnt:clamp(50px, 13cqw, 68px);--box:clamp(32px, calc((100cqw - 8px - var(--c-idx) - 3 * var(--c-cnt) - 4 * var(--col-gap) - (var(--n) - 1) * var(--box-gap)) / var(--n)), 52px);--box-h:calc(var(--box) * 1.14)}.pp-pistas .row{padding:8px 4px}.pp-pistas .digits>*{font-size:calc(var(--box) * .56);border-radius:var(--r-sm)}.pp-pistas .cnt{min-height:calc(var(--box) * .72);font-size:clamp(15px, calc(var(--c-cnt) * .28), 19px);gap:6px}}@media (min-width:1180px){.pp{--casa:40px}}@container pp (min-width:960px){.pp-corpo{grid-template:"pistas grade""cartao grade"1fr/minmax(0,1fr) auto;align-items:start;gap:14px 28px}.pp-grade-caixa{position:sticky;top:16px}}@keyframes pp-entra{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes pp-brilho{0%{box-shadow:0 0 0 3px var(--pen)}to{box-shadow:0 0 #0000}}@keyframes pp-surge{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pp-sai{0%,55%{opacity:1}to{opacity:0}}@keyframes pp-treme{0%,to{transform:none}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.pp *,.pp :before,.pp :after{transition:none!important;animation:none!important}.pp-casa.errada{opacity:0}}}