@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-duration:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-border-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;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-leading:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-content:""}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wrongGuessShake{0%,to{transform:translate(0)}20%{transform:translate(-.42rem)}40%{transform:translate(.34rem)}60%{transform:translate(-.22rem)}80%{transform:translate(.12rem)}}.wrong-guess-shake{transform-origin:50%;will-change:transform;animation:.36s cubic-bezier(.36,.07,.19,.97) wrongGuessShake}.animate-fadeIn{animation:.6s ease-out fadeIn}.confetti-container{pointer-events:none;z-index:40;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.bg-section-white{background-color:var(--bg-white)}@supports (color:color-mix(in lab, red, red)){.bg-section-white{background-color:color-mix(in oklab, var(--bg-white) 90%, transparent)}}.bg-section-grey{background-color:var(--bg-grey)}@supports (color:color-mix(in lab, red, red)){.bg-section-grey{background-color:color-mix(in oklab, var(--bg-grey) 90%, transparent)}}.bg-section-green{background-color:var(--bg-green)}@supports (color:color-mix(in lab, red, red)){.bg-section-green{background-color:color-mix(in oklab, var(--bg-green) 95%, transparent)}}.bg-section-blue{background-color:var(--bg-blue)}@supports (color:color-mix(in lab, red, red)){.bg-section-blue{background-color:color-mix(in oklab, var(--bg-blue) 95%, transparent)}}.bg-section-pink{background-color:var(--bg-pink)}@supports (color:color-mix(in lab, red, red)){.bg-section-pink{background-color:color-mix(in oklab, var(--bg-pink) 95%, transparent)}}.bg-section-red{background-color:var(--bg-red)}@supports (color:color-mix(in lab, red, red)){.bg-section-red{background-color:color-mix(in oklab, var(--bg-red) 95%, transparent)}}.bg-section-purple{background-color:var(--bg-purple)}@supports (color:color-mix(in lab, red, red)){.bg-section-purple{background-color:color-mix(in oklab, var(--bg-purple) 95%, transparent)}}.bg-section-orange{background-color:var(--bg-orange)}@supports (color:color-mix(in lab, red, red)){.bg-section-orange{background-color:color-mix(in oklab, var(--bg-orange) 95%, transparent)}}.op-bg{background-color:#eaf2ef;background-image:radial-gradient(circle at 16% 8%,#4a9d9433,#0000 30rem),radial-gradient(circle at 84% 6%,#daa84a2b,#0000 26rem),linear-gradient(#1e565b0e 1px,#0000 1px),linear-gradient(90deg,#1e565b0e 1px,#0000 1px);background-size:auto,auto,52px 52px,52px 52px;background-attachment:fixed}.autocomplete-wrapper{z-index:10;position:relative}.autocomplete-section{z-index:50;width:100%;max-width:600px;position:relative}.laugh-guessgrid-section,.guessgrid-section{margin-top:calc(var(--spacing,.25rem) * 2);position:relative}.main-content{width:100%;max-width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:40rem){.main-content{max-width:var(--container-3xl,48rem);padding-inline:calc(var(--spacing,.25rem) * 4)}}@media (min-width:64rem){.main-content{max-width:var(--container-4xl,56rem)}}.autocomplete-container{margin-top:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.guess-up,.guess-down{position:relative}.guess-up:after,.guess-down:after{content:"";z-index:1;opacity:.4;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.guess-up:after{clip-path:polygon(50% 20%,20% 80%,80% 80%)}.guess-down:after{clip-path:polygon(20% 20%,80% 20%,50% 80%)}.guess-up span,.guess-down span{z-index:2;position:relative}.beli-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 3);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAABxSURBVDhPvdFLDoAwCARQ6v3vrAzpNLMApSb6NiJaPumwG6eboQ2H5xFvCfzMn1q0uio7VKJlVY10tBXsHFpwCBhH0kXSIX63A7FKhiO1O6TFkATGkZzig9ve4ZuLg/QeVFXkpx2UjpLNXXZ4XLLH7AIgHE/p1FqccwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain}.haki-content{justify-content:center;gap:calc(var(--spacing,.25rem) * .5);flex-wrap:wrap;display:flex}@media (min-width:40rem){.haki-content{gap:var(--spacing,.25rem)}}.haki-content{height:auto}.haki-icon{flex-shrink:0;min-width:18px;min-height:18px}@media (min-width:40rem){.haki-icon{min-width:22px;min-height:22px}}.haki-icon{vertical-align:middle;background-repeat:no-repeat;background-size:contain;display:inline-block}.observation-haki{background-image:url(https://assets.onepiecedle.fun/icons/observation-haki.png)}.conqueror-haki{background-image:url(https://assets.onepiecedle.fun/icons/conqueror-haki.png)}.armament-haki{background-image:url(https://assets.onepiecedle.fun/icons/armament-haki.png)}.none-haki,.none{background-image:url(https://assets.onepiecedle.fun/icons/none.png)}.card-content{-webkit-line-clamp:2;text-align:center;width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));overflow-wrap:anywhere;-webkit-box-orient:vertical;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.baseCard{-webkit-line-clamp:2;aspect-ratio:1;border-color:var(--color-gray-300,#d1d5dc);-webkit-box-orient:vertical;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}@supports (color:lab(0% 0 0)){.baseCard{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}@media (min-width:40rem){.baseCard{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}}.baseCard{min-width:0;min-height:0;animation:.5s ease-out backwards cardFadeIn}.baseCard span{padding:var(--spacing,.25rem);color:var(--color-white,#fff);text-overflow:ellipsis;max-width:100%;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.baseCard:first-child{animation-delay:.1s}.baseCard:nth-child(2){animation-delay:.2s}.baseCard:nth-child(3){animation-delay:.3s}.baseCard:nth-child(4){animation-delay:.4s}.baseCard:nth-child(5){animation-delay:.5s}.baseCard:nth-child(6){animation-delay:.6s}.baseCard:nth-child(7){animation-delay:.7s}.baseCard:nth-child(8){animation-delay:.8s}.baseCard:nth-child(9){animation-delay:.9s}.grid-header{text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);overflow-wrap:break-word;color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.grid-header{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.victory-content{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.victory-banner{width:100%}.victory-banner .share-btn{margin-top:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 6)}.haki-tip{z-index:50;border-radius:var(--radius);--tw-border-style:none;background-color:#000c;border-style:none}@supports (color:color-mix(in lab, red, red)){.haki-tip{background-color:color-mix(in oklab, var(--color-black,#000) 80%, transparent)}}.haki-tip{padding:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-white,#fff)}.op-logo{margin-top:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 10);width:100%;max-width:200px;position:relative}@media (min-width:40rem){.op-logo{height:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 14);max-width:300px}}.op-logo{background-image:url(/op-logo-r.webp);background-position:50%;background-repeat:no-repeat;background-size:contain}.op-logo:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;animation-duration:.3s}.border-container{border-radius:calc(var(--radius) + 4px);--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#f99c0080}@supports (color:color-mix(in lab, red, red)){.border-container{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500,lab(72.7183% 31.8672 97.9407)) 50%, transparent)}}.border-container{--tw-gradient-via:#edb20080}@supports (color:color-mix(in lab, red, red)){.border-container{--tw-gradient-via:color-mix(in oklab, var(--color-yellow-500,lab(76.3898% 14.5258 98.4589)) 50%, transparent)}}.border-container{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops);--tw-gradient-to:#00bcfe80}@supports (color:color-mix(in lab, red, red)){.border-container{--tw-gradient-to:color-mix(in oklab, var(--color-sky-400,lab(70.687% -23.6078 -45.9483)) 50%, transparent)}}.border-container{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding:calc(var(--spacing,.25rem) * .5)}.border-container:is(.dark *){--tw-gradient-from:#dd740080}@supports (color:color-mix(in lab, red, red)){.border-container:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-amber-600,lab(60.3514% 40.5624 87.1228)) 50%, transparent)}}.border-container:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-via:#cd890080}@supports (color:color-mix(in lab, red, red)){.border-container:is(.dark *){--tw-gradient-via:color-mix(in oklab, var(--color-yellow-600,lab(62.7799% 22.4197 86.1544)) 50%, transparent)}}.border-container:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops);--tw-gradient-to:#0084cc80}@supports (color:color-mix(in lab, red, red)){.border-container:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-sky-600,lab(51.7754% -11.4712 -49.8349)) 50%, transparent)}}.border-container:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.border-container-content{border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-200,#e5e7eb);width:100%;padding:var(--spacing,.25rem);position:relative}@supports (color:lab(0% 0 0)){.border-container-content{border-color:var(--color-gray-200,lab(91.6229% -.159115 -2.26791))}}.game-description{border-radius:calc(var(--radius) + 4px);background-color:var(--color-white,#fff);width:100%;max-width:100%;padding:calc(var(--spacing,.25rem) * 3);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media (min-width:40rem){.game-description{max-width:var(--container-lg,32rem);padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}@media (min-width:64rem){.game-description{max-width:var(--container-xl,36rem);padding:calc(var(--spacing,.25rem) * 6);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}.avatar{object-fit:cover;object-position:top;width:100%;height:100%;transition:all .3s ease-in-out}.img-gray{--tw-grayscale:grayscale(70%);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,)}.laugh-bg-correct{color:#155b39;background:#e9f8ef}.laugh-bg-incorrect{color:#74453e;background:#fff2ef}.status-correct,.status-true{color:#155b39;background:#e9f8ef;border-color:#218a5857}.status-partial{color:#75520d;background:#fff7df;border-color:#be8b1f57}.status-incorrect,.status-false{color:#74453e;background:#fff2ef;border-color:#b74e403d}.section-title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){.section-title{color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}@keyframes dots{0%,20%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}80%,to{opacity:0;transform:translateY(0)}}.game-panel{margin-top:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;width:100%;max-width:100%;display:flex}@media (min-width:40rem){.game-panel{max-width:var(--container-lg,32rem)}}@media (min-width:64rem){.game-panel{max-width:var(--container-xl,36rem)}}.victory-panel{background:linear-gradient(#fffdf8,#fffdf8) padding-box padding-box,linear-gradient(135deg,#2f85806b,#d7aa4b80) border-box;max-width:38rem;padding:.5rem}.victory-guess-history{width:100%;max-width:56rem;margin-top:.75rem}.victory-guess-history summary{border:1px solid var(--game-accent);align-items:center;width:min(100%,38rem);min-height:3rem;margin-inline:auto;padding:.7rem 3rem .7rem 1rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.victory-guess-history summary{border:1px solid color-mix(in srgb, var(--game-accent) 24%, #d5ded8)}}.victory-guess-history summary{background:var(--game-accent);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.victory-guess-history summary{background:color-mix(in srgb, var(--game-accent) 6%, #fffdf8)}}.victory-guess-history summary{color:#405d68;cursor:pointer;text-align:left;font-size:.84rem;font-weight:800;list-style:none;box-shadow:0 12px 28px -24px #12344db3}.victory-guess-history summary::-webkit-details-marker{display:none}.victory-guess-history summary:after{border-right:2px solid var(--game-accent);border-bottom:2px solid var(--game-accent);content:"";width:.65rem;height:.65rem;transition:transform .18s;position:absolute;top:50%;right:1.1rem;transform:translateY(-65%)rotate(45deg)}.victory-guess-history[open] summary{background:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.victory-guess-history[open] summary{background:color-mix(in srgb, var(--game-accent) 11%, #fffdf8)}}.victory-guess-history[open] summary:after{transform:translateY(-30%)rotate(225deg)}.victory-guess-history summary:hover{border-color:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.victory-guess-history summary:hover{border-color:color-mix(in srgb, var(--game-accent) 42%, #d5ded8)}}.victory-guess-history summary:hover{background:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.victory-guess-history summary:hover{background:color-mix(in srgb, var(--game-accent) 10%, #fffdf8)}}.victory-guess-history summary:focus-visible{outline:3px solid var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.victory-guess-history summary:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent) 42%, transparent)}}.victory-guess-history summary:focus-visible{outline-offset:3px}.victory-guess-history-content{width:100%;min-width:0}.victory-guess-history:not([open]) .victory-guess-history-content{display:none}@media (min-width:768px){.victory-panel:has(.victory-content[data-layout=split]){max-width:56rem}.victory-content[data-layout=split]{grid-template-columns:minmax(14rem,16.5rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:.75rem 1rem;display:grid}.victory-content[data-layout=split]>*{min-width:0}}@media (max-width:639px){.victory-guess-history{margin-top:.5rem}.victory-guess-history summary{min-height:2.75rem;padding-block:.55rem}}@media (prefers-reduced-motion:reduce){.wrong-guess-shake,.animate-fadeIn,.baseCard{animation:none!important;transform:none!important}.victory-guess-history summary:after{transition:none}}.game-description .title{padding:var(--spacing,.25rem);text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#0086bbcc;text-transform:uppercase}.game-description .player-tip{text-align:center;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-400,#99a1af)}@supports (color:lab(0% 0 0)){.game-description .player-tip{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}.grid-container{border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,#d1d5dc);background-color:#ffffffe6;overflow-x:auto}@supports (color:lab(0% 0 0)){.grid-container{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}@supports (color:color-mix(in lab, red, red)){.grid-container{background-color:color-mix(in oklab, var(--color-white,#fff) 90%, transparent)}}.grid-container{padding-inline:calc(var(--spacing,.25rem) * .5);padding-block:var(--spacing,.25rem);--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)}.grid-row{justify-content:center;align-items:center;gap:var(--spacing,.25rem);grid-template-columns:repeat(9,minmax(0,1fr));width:100%;min-width:38rem;display:grid}.grid-row-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-300,#d1d5dc);padding-inline:calc(var(--spacing,.25rem) * 2);padding-bottom:var(--spacing,.25rem)}@supports (color:lab(0% 0 0)){.grid-row-header{border-color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.grid-row-body{padding:calc(var(--spacing,.25rem) * 2)}input::placeholder{color:var(--color-gray-400,#99a1af);opacity:.8;font-style:italic}@supports (color:lab(0% 0 0)){input::placeholder{color:var(--color-gray-400,lab(65.9269% -.832707 -8.17473))}}footer{border-top-style:var(--tw-border-style);border-color:#e5e7eb80;border-top-width:1px;width:100%}@supports (color:color-mix(in lab, red, red)){footer{border-color:color-mix(in oklab, var(--color-gray-200,lab(91.6229% -.159115 -2.26791)) 50%, transparent)}}footer{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab, red, red)){footer{--tw-gradient-from:color-mix(in oklab, var(--color-blue-500,lab(54.1736% 13.3369 -74.6839)) 10%, transparent)}}footer{--tw-gradient-to:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){footer{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-500,lab(66.9756% -58.27 19.5419)) 10%, transparent)}}footer{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding-block:calc(var(--spacing,.25rem) * 3);--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.share-btn-row{justify-content:center;gap:var(--spacing,.25rem);flex-wrap:wrap;width:100%;display:flex}.share-btn{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 15);border-radius:calc(var(--radius) - 4px);justify-content:center;align-items:center;display:flex}.section{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex}@media (min-width:40rem){.section{max-width:var(--container-3xl,48rem)}}@media (min-width:64rem){.section{max-width:var(--container-5xl,64rem)}}.section .container{padding-inline:calc(var(--spacing,.25rem) * 4)}@media (min-width:40rem){.section .container{padding-inline:calc(var(--spacing,.25rem) * 6)}}@media (min-width:64rem){.section .container{padding-inline:calc(var(--spacing,.25rem) * 8)}}.section-title{text-align:center;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.search-input{height:calc(var(--spacing,.25rem) * 8);--tw-border-style:none;width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-500,#6a7282);border-style:none}@supports (color:lab(0% 0 0)){.search-input{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}@media (min-width:40rem){.search-input{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}h1{font-size:var(--text-3xl,1.875rem)!important;line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))!important}h2{font-size:var(--text-2xl,1.5rem)!important;line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))!important}h3{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-size:var(--text-lg,1.125rem)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important}h2.section-description{margin-top:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){h2.section-description{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}h3.section-description{text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}p.section-description{padding-top:calc(var(--spacing,.25rem) * 4);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){p.section-description{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}@media (min-width:40rem){p.section-description{padding-top:calc(var(--spacing,.25rem) * 8)}}.section-game-info,.section-how-to-play{padding-block:calc(var(--spacing,.25rem) * 8);flex-direction:column;justify-content:center;align-items:center;display:flex}.section-color-indicator{padding-block:calc(var(--spacing,.25rem) * 8)}.section-how-to-play ol{counter-reset:item;list-style-type:none}.section-how-to-play ol li{counter-increment:item;margin-top:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 2);text-align:center;color:var(--color-gray-600,#4a5565);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:lab(0% 0 0)){.section-how-to-play ol li{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.section-how-to-play ol li:before{content:counters(item, ".") " ";margin-bottom:var(--spacing,.25rem);height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-300,#7bf1a8);background-color:var(--color-white,#fff);padding:var(--spacing,.25rem);color:var(--color-green-600,#00a544);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#6a7282;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (color:lab(0% 0 0)){.section-how-to-play ol li:before{border-color:var(--color-green-300,lab(86.9953% -47.2691 25.0054));color:var(--color-green-600,lab(59.0978% -58.6621 41.2579));--tw-shadow-color:lab(47.7841% -.393182 -10.0268)}}@supports (color:color-mix(in lab, red, red)){.section-how-to-play ol li:before{--tw-shadow-color:color-mix(in oklab, var(--color-gray-500,lab(47.7841% -.393182 -10.0268)) var(--tw-shadow-alpha), transparent)}}.indicator-example{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 2);flex-flow:wrap;display:flex}.indicator-row{justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);border:1px solid;flex-direction:row;min-height:2.75rem;display:flex}.indicator-row-correct{color:#155b39;background:#e9f8ef;border-color:#218a5847}.indicator-row-partial{color:#75520d;background:#fff7df;border-color:#be8b1f4d}.indicator-row-incorrect{color:#74453e;background:#fff2ef;border-color:#b74e4038}.indicator-icon{background:#ffffffb3;border-radius:999px;flex:none;place-items:center;width:1.45rem;height:1.45rem;display:grid}.indicator-icon svg{stroke-width:2.5px;width:.82rem;height:.82rem}.indicator-row p{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}@media (min-width:40rem){.indicator-row p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.example-img{margin:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);object-fit:cover;width:100%;max-width:500px}h1.section-title{color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){h1.section-title{color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}h2.section-title{color:var(--color-gray-700,#364153)}@supports (color:lab(0% 0 0)){h2.section-title{color:var(--color-gray-700,lab(27.1134% -.956401 -12.3224))}}.section-frequently-asked-questions{padding-block:calc(var(--spacing,.25rem) * 8)}.section-frequently-asked-questions li{margin-block:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 2)}.section-frequently-asked-questions details{border-radius:var(--radius)}.section-frequently-asked-questions summary{min-height:calc(var(--spacing,.25rem) * 14);cursor:pointer;padding-block:calc(var(--spacing,.25rem) * 3);padding-right:calc(var(--spacing,.25rem) * 10);padding-left:calc(var(--spacing,.25rem) * 2);text-align:left;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-600,#4a5565);align-items:center;list-style-type:none;display:flex;position:relative}@supports (color:lab(0% 0 0)){.section-frequently-asked-questions summary{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.section-frequently-asked-questions summary::-webkit-details-marker{display:none}.section-frequently-asked-questions summary:after{content:"";border-bottom:2px solid #237d79;border-right:2px solid #237d79;width:.65rem;height:.65rem;transition:transform .18s;position:absolute;top:50%;right:.75rem;transform:translateY(-65%)rotate(45deg)}.section-frequently-asked-questions details[open] summary:after{transform:translateY(-30%)rotate(225deg)}.section-frequently-asked-questions summary:focus-visible{outline-offset:2px;border-radius:.65rem;outline:2px solid #2f8580}.section-frequently-asked-questions .section-description{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:0;padding-bottom:calc(var(--spacing,.25rem) * 4);text-align:left;--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.section-frequently-asked-questions .section-description{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.scroll-up-btn{z-index:50;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);cursor:pointer;padding:calc(var(--spacing,.25rem) * 3);color:var(--color-white,#fff);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s;animation-duration:.3s;position:fixed}@media (hover:hover){.scroll-up-btn:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.scroll-up-btn{right:calc(var(--spacing,.25rem) * 4);bottom:calc(var(--spacing,.25rem) * 20);background-color:var(--color-blue-500,#3080ff)}@supports (color:lab(0% 0 0)){.scroll-up-btn{background-color:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839))}}@media (hover:hover){.scroll-up-btn:hover{background-color:var(--color-blue-600,#155dfc)}@supports (color:lab(0% 0 0)){.scroll-up-btn:hover{background-color:var(--color-blue-600,lab(44.0605% 29.0279 -86.0352))}}}@media (min-width:40rem){.scroll-up-btn{right:calc(var(--spacing,.25rem) * 6);bottom:calc(var(--spacing,.25rem) * 24)}}@media (min-width:48rem){.scroll-up-btn{right:calc(var(--spacing,.25rem) * 8);bottom:calc(var(--spacing,.25rem) * 24)}}@media (min-width:64rem){.scroll-up-btn{right:calc(var(--spacing,.25rem) * 12);bottom:calc(var(--spacing,.25rem) * 24)}}@media (min-width:80rem){.scroll-up-btn{right:calc(var(--spacing,.25rem) * 16);bottom:calc(var(--spacing,.25rem) * 24)}}.locale-switcher{top:calc(var(--spacing,.25rem) * 2);z-index:50;--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);position:absolute;right:0}@media (min-width:40rem){.locale-switcher{top:var(--spacing,.25rem);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);right:0}}.locale-switcher-bottom{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y);right:0}@media (min-width:40rem){.locale-switcher-bottom{position:absolute;right:0}}.locale-nav-menu{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 25);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:40rem){.locale-nav-menu{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.locale-nav-menu-trigger{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.locale-nav-menu-trigger{background-color:color-mix(in oklab, var(--color-white,#fff) 80%, transparent)}}.locale-nav-menu-trigger{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;display:flex}.locale-nav-menu:hover .locale-nav-menu-trigger{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);background-color:var(--color-white,#fff)}.locale-nav-menu p{display:none}@media (min-width:40rem){.locale-nav-menu p{display:block}}.locale-nav-menu-content{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;max-width:200px;display:flex}.locale-nav-menu-link{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.share-buttons-container{padding-block:var(--spacing,.25rem);margin-inline:auto}.copy-button{cursor:pointer;background-color:var(--color-gray-600,#4a5565);transition:all .3s;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.copy-button{background-color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.copy-button.copied{cursor:default;background-color:var(--color-green-500,#00c758)}@supports (color:lab(0% 0 0)){.copy-button.copied{background-color:var(--color-green-500,lab(70.5521% -66.5147 45.8073))}}.copy-button .icon-container{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex}.copy-button .icon-container.slide-up{transform:translateY(-100%)}.copy-button .text-copied{width:100%;height:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;bottom:-100%;left:0;right:0}[data-slot=slider] [data-slot=slider-track]{background:#b9ddd6}[data-slot=slider] [data-slot=slider-range]{background:#2f8580}.yesterday-target-section{margin-top:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--radius) + 4px);width:100%;padding:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}@media (max-width:640px){.op-bg{background-size:auto,auto,40px 40px,40px 40px;background-attachment:scroll}.section{max-width:100%;padding-inline:calc(var(--spacing,.25rem) * 2)}.game-description .title,h1.section-title,h2.section-title{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}h2.section-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.grid-container{width:100%;max-width:100%}.guessgrid-section:after{pointer-events:none;z-index:10;height:100%;width:calc(var(--spacing,.25rem) * 6);border-top-right-radius:calc(var(--radius) + 4px);border-bottom-right-radius:calc(var(--radius) + 4px);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--background);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-content:"";content:var(--tw-content);position:absolute;top:0;right:0}.grid-row-header{padding-inline:var(--spacing,.25rem)}.grid-row-body{padding:var(--spacing,.25rem)}.section-title{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.baseCard{border-radius:calc(var(--radius) - 2px);font-size:8px}.grid-header{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.haki-icon{min-width:14px;min-height:14px}.beli-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 3)}.share-btn{width:calc(var(--spacing,.25rem) * 6)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-border-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}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@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-content{syntax:"*";inherits:false;initial-value:""}
