@import"https://fonts.googleapis.com/css2?family=Climate+Crisis:YEAR@1998&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Teko:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{color-scheme:light;--bg: #f4f6f6;--surface: #ffffff;--surface-2: #eceff0;--ink: #1b1d1e;--ink-2: #566063;--ink-3: #6b7577;--line: #dde2e3;--line-strong: #c3cbcd;--brand: #4ac4da;--brand-ink: #277282;--brand-soft: #e4f5f8;--on-brand: #12252a;--good: #45b37e;--good-ink: #1f7a52;--good-soft: #e3f4ec;--bad: #d8574c;--bad-ink: #b8362c;--bad-soft: #fbe9e7;--tile: #ffffff;--tile-line: #c9d1d3;--shadow: 0 1px 2px rgb(27 29 30 / .05), 0 12px 30px -20px rgb(27 29 30 / .5)}.dark{color-scheme:dark;--bg: #141718;--surface: #1d2122;--surface-2: #272c2d;--ink: #eef1f1;--ink-2: #a7b1b3;--ink-3: #8b9597;--line: #313738;--line-strong: #414849;--brand: #4ac4da;--brand-ink: #7dd5e4;--brand-soft: #10353d;--on-brand: #0d2126;--good: #57c08c;--good-ink: #7fd3a6;--good-soft: #163325;--bad: #e8776c;--bad-ink: #f0918a;--bad-soft: #3a1a16;--tile: #272c2d;--tile-line: #3a4142;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 14px 34px -22px rgb(0 0 0 / .95)}html{background-color:var(--bg)}body{margin:0;background-color:var(--bg);color:var(--ink);font-family:Karla,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;transition:background-color .32s ease,color .32s ease}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}a{color:var(--brand-ink);font-weight:600;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.card{background-color:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-family:Teko,sans-serif;font-weight:600;font-size:20px;letter-spacing:.07em;text-transform:uppercase;transition:transform .13s ease,filter .18s ease,background-color .18s ease,border-color .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background-color:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{background-color:var(--surface-2);border-color:var(--ink-3)}.tab{position:relative;min-height:44px;padding:0 16px;border:0;border-radius:9px 9px 0 0;background-color:transparent;color:var(--ink-2);cursor:pointer;font-family:Teko,sans-serif;font-weight:600;font-size:21px;letter-spacing:.06em;text-transform:uppercase;transition:color .18s ease,background-color .18s ease}.tab:hover{color:var(--ink);background-color:var(--surface-2)}.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background-color:var(--brand);animation:tab-ink .26s cubic-bezier(.2,.85,.25,1)}.seg{display:inline-flex;gap:4px;padding:4px;background-color:var(--surface-2);border:1px solid var(--line);border-radius:12px}.seg-btn{min-height:44px;padding:0 16px;border:0;border-radius:9px;background-color:transparent;color:var(--ink-2);cursor:pointer;font-family:Teko,sans-serif;font-weight:600;font-size:18px;letter-spacing:.05em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.seg-btn[aria-pressed=true]{background-color:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000024}.field{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background-color:var(--surface);color:var(--ink);font-family:Karla,sans-serif;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease}.field::-moz-placeholder{color:var(--ink-3)}.field::placeholder{color:var(--ink-3)}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4ac4da52}.slot{width:54px;height:58px;padding:0;font-family:Teko,sans-serif;font-weight:600;font-size:30px;text-align:center;text-transform:uppercase}.label{display:block;margin-bottom:6px;color:var(--ink-2);font-family:Teko,sans-serif;font-weight:500;font-size:18px;letter-spacing:.09em;text-transform:uppercase}.hint{margin:0;color:var(--ink-3);font-size:14px}.tile{display:flex;align-items:center;justify-content:center;width:32px;height:42px;border:1px solid var(--tile-line);border-radius:7px;background-color:var(--tile);color:var(--ink);font-family:Teko,sans-serif;font-weight:600;font-size:27px;line-height:1}.tile-found{background-color:var(--good);border-color:var(--good);color:#0e2a1d;animation:tile-flip .44s cubic-bezier(.2,.8,.25,1) both}.tile-missed{background-color:var(--surface-2);border-color:var(--line-strong);color:var(--ink-3);animation:tile-flip .44s cubic-bezier(.2,.8,.25,1) both}.tile-hidden:after{content:"";width:13px;height:2px;border-radius:2px;background-color:var(--tile-line)}.tile-punct{width:15px;border-color:transparent;background-color:transparent;color:var(--ink-3);font-size:24px}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;font-family:Teko,sans-serif;font-weight:600;font-size:19px;animation:pop-in .24s cubic-bezier(.2,.8,.25,1) both}.chip-hit{background-color:var(--brand-soft);border:1px solid var(--brand);color:var(--brand-ink)}.chip-miss{background-color:var(--surface-2);border:1px solid var(--line);color:var(--ink-3);text-decoration:line-through}.joke-row{display:flex;gap:14px;align-items:flex-start;width:100%;min-height:44px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background-color:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font-family:Karla,sans-serif;font-size:16px;transition:border-color .17s ease,transform .17s ease,background-color .17s ease}.joke-row:hover{border-color:var(--brand);background-color:var(--surface-2);transform:translate(4px)}.skeleton{border-radius:8px;background-image:linear-gradient(90deg,var(--surface-2) 22%,var(--line) 38%,var(--surface-2) 60%);background-size:420px 100%;animation:shimmer 1.5s linear infinite}.pane{animation:pane-in .28s cubic-bezier(.2,.7,.3,1) both}@media (max-width: 640px){.card{padding:16px;border-radius:14px}.tab{padding:0 10px;font-size:17px;letter-spacing:.04em}.tile{width:26px;height:35px;border-radius:6px;font-size:22px}.tile-hidden:after{width:11px}.tile-punct{width:11px;font-size:20px}.slot{width:48px;height:52px;font-size:26px}.chip{min-width:30px;height:30px;font-size:17px}.seg{display:flex;width:100%}.seg-btn{flex:1;padding:0 10px;font-size:16px}.btn{font-size:18px;padding:0 18px}.label{font-size:15px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-\[2px\]{left:2px}.top-\[2px\]{top:2px}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-5{margin-top:1.25rem}.mt-\[10px\]{margin-top:10px}.mt-\[14px\]{margin-top:14px}.mt-\[6px\]{margin-top:6px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-\[14px\]{height:14px}.h-\[22px\]{height:22px}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[52px\]{height:52px}.h-\[62px\]{height:62px}.min-h-\[30px\]{min-height:30px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-8{width:2rem}.w-\[148px\]{width:148px}.w-\[22px\]{width:22px}.w-\[30px\]{width:30px}.w-\[46\%\]{width:46%}.w-\[52px\]{width:52px}.w-\[62px\]{width:62px}.w-\[82\%\]{width:82%}.w-\[84px\]{width:84px}.min-w-\[220px\]{min-width:220px}.min-w-\[42px\]{min-width:42px}.max-w-\[42ch\]{max-width:42ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[960px\]{max-width:960px}.flex-1{flex:1 1 0%}.flex-none{flex:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[9px\]{gap:9px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-bad{border-color:var(--bad)}.border-brand{border-color:var(--brand)}.border-good{border-color:var(--good)}.border-line{border-color:var(--line)}.border-line-strong{border-color:var(--line-strong)}.bg-bad-soft{background-color:var(--bad-soft)}.bg-brand{background-color:var(--brand)}.bg-brand-soft{background-color:var(--brand-soft)}.bg-good-soft{background-color:var(--good-soft)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.p-0{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.pb-9{padding-bottom:2.25rem}.pl-3{padding-left:.75rem}.pr-\[14px\]{padding-right:14px}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[18px\]{padding-top:18px}.pt-px{padding-top:1px}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Climate Crisis,Teko,sans-serif}.font-head{font-family:Teko,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[17px\]{font-size:17px}.text-\[26px\]{font-size:26px}.text-\[30px\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.13em\]{letter-spacing:.13em}.tracking-\[0\.1em\]{letter-spacing:.1em}.text-bad{color:var(--bad)}.text-bad-ink{color:var(--bad-ink)}.text-brand-ink{color:var(--brand-ink)}.text-good-ink{color:var(--good-ink)}.text-ink{color:var(--ink)}.text-ink-2{color:var(--ink-2)}.text-ink-3{color:var(--ink-3)}.text-line-strong{color:var(--line-strong)}.text-on-brand{color:var(--on-brand)}.shadow-\[0_1px_3px_rgb\(0_0_0\/0\.3\)\]{--tw-shadow: 0 1px 3px rgb(0 0 0/.3);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[240ms\]{transition-duration:.24s}.duration-\[280ms\]{transition-duration:.28s}.ease-\[cubic-bezier\(0\.2\,0\.85\,0\.25\,1\)\]{transition-timing-function:cubic-bezier(.2,.85,.25,1)}.\[animation\:heart-break_440ms_cubic-bezier\(0\.3\,0\.8\,0\.3\,1\)_both\]{animation:heart-break .44s cubic-bezier(.3,.8,.3,1) both}.\[animation\:pop-in_240ms_cubic-bezier\(0\.2\,0\.8\,0\.25\,1\)_both\]{animation:pop-in .24s cubic-bezier(.2,.8,.25,1) both}.\[animation\:rise-in_340ms_cubic-bezier\(0\.2\,0\.7\,0\.3\,1\)_both\]{animation:rise-in .34s cubic-bezier(.2,.7,.3,1) both}.\[animation\:trophy-in_480ms_cubic-bezier\(0\.2\,0\.85\,0\.25\,1\)_both\]{animation:trophy-in .48s cubic-bezier(.2,.85,.25,1) both}.\[perspective\:800px\]{perspective:800px}.\[text-wrap\:pretty\]{text-wrap:pretty}@keyframes pane-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@keyframes tab-ink{0%{transform:scaleX(.25);opacity:0}to{transform:none;opacity:1}}@keyframes tile-flip{0%{transform:rotateX(-92deg);opacity:.25}62%{transform:rotateX(10deg)}to{transform:none;opacity:1}}@keyframes heart-break{0%{transform:scale(1)}34%{transform:scale(1.28) rotate(-9deg)}to{transform:scale(.8)}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes trophy-in{0%{transform:scale(.7);opacity:0}55%{transform:scale(1.08)}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hover\:border-line-strong:hover{border-color:var(--line-strong)}@media (min-width: 640px){.sm\:mt-2{margin-top:.5rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-\[10px\]{gap:10px}.sm\:gap-\[22px\]{gap:22px}.sm\:gap-\[5px\]{gap:5px}.sm\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.sm\:gap-y-3{row-gap:.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pt-\[30px\]{padding-top:30px}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[19px\]{font-size:19px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[42px\]{font-size:42px}}.\[\&_a\]\:py-2 a{padding-top:.5rem;padding-bottom:.5rem}