.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--webgl{box-shadow:0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface__canvas,.glass-surface__frame{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.glass-surface__frame{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:light-dark(hsl(0 0% 100% / calc(.12 + var(--glass-frost, 0) * .5)),hsl(0 0% 100% / calc(.04 + var(--glass-frost, 0) * .3)));-webkit-backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation, 1) * 1.4)) brightness(1.04);backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation, 1) * 1.4)) brightness(1.04);box-shadow:inset 0 1px 0 0 light-dark(hsl(0 0% 100% / .85),hsl(0 0% 100% / .3)),inset 0 -1px 0 0 light-dark(hsl(0 0% 100% / .35),hsl(0 0% 100% / .08)),0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 88%),color-mix(in oklch,white,transparent 72%)) inset,0 0 12px 3px light-dark(color-mix(in oklch,white,transparent 72%),color-mix(in oklch,white,transparent 90%)) inset,0 4px 16px #11111a0f,0 8px 24px #11111a0f,0 16px 56px #11111a0f}.glass-surface__sheen,.glass-surface__rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass-surface__sheen{background:linear-gradient(135deg,light-dark(hsl(0 0% 100% / .42),hsl(0 0% 100% / .14)) 0%,transparent 42%,transparent 64%,light-dark(hsl(0 0% 100% / .18),hsl(0 0% 100% / .05)) 100%)}.glass-surface__rim{padding:3px;background:linear-gradient(150deg,light-dark(hsl(0 0% 100% / .7),hsl(0 0% 100% / .34)),light-dark(hsl(0 0% 100% / .1),hsl(0 0% 100% / .03)) 45%,light-dark(hsl(0 0% 100% / .08),hsl(0 0% 100% / .02)) 60%,light-dark(hsl(0 0% 100% / .42),hsl(0 0% 100% / .18)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__line,.glass-surface__glow{position:absolute;inset:0;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%}.glass-surface--svg .glass-surface__line,.glass-surface--webgl .glass-surface__line{background:light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%))}.glass-surface--svg .glass-surface__glow,.glass-surface--webgl .glass-surface__glow{background:light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%))}.glass-surface--fallback .glass-surface__line{background:light-dark(color-mix(in oklch,black,transparent 88%),color-mix(in oklch,white,transparent 72%))}.glass-surface--fallback .glass-surface__glow{background:light-dark(color-mix(in oklch,white,transparent 72%),color-mix(in oklch,white,transparent 90%))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-surface--fallback{background:light-dark(hsl(0 0% 100% / .72),hsl(0 0% 12% / .72))}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.reward-background.reward-background--flashcard{container-type:inline-size;background:#12151a;color-scheme:dark}.reward-background--flashcard:before,.reward-background--flashcard:after{content:none}.reward-backgrounds--nine{--loop-width: 300%}.reward-backgrounds--nine .reward-track{animation-duration:96s}.reward-backgrounds--nine .reward-background{flex-basis:calc((100% - 8 * var(--reward-gap)) / 9)}.collect-flashcard{box-sizing:border-box;position:relative;isolation:isolate;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10.3% 3.1% 2.7%;background:url("./assets/coast-N4UWKIHH.png") center / cover no-repeat;color:#fff;font-family:Helvetica,Arial,sans-serif;text-align:center}.collect-flashcard>.coast-loop{z-index:0}.collect-flashcard__panel{position:relative;z-index:1;width:100%}.collect-flashcard .collect-flashcard__glass{position:absolute;inset:0;z-index:0;pointer-events:none}.collect-flashcard .glass-surface__content{padding:0}.collect-flashcard__question{box-sizing:border-box;position:relative;z-index:1;transform:translateZ(0);margin:0;padding:2.58cqi 3.51cqi;font:700 3.45cqi/1.13 Helvetica,Arial,sans-serif;text-shadow:.27cqi .27cqi .4cqi rgb(0 0 0 / 90%)}.collect-flashcard__question mark{color:#fcd116;background:none}.collect-flashcard[data-background=mountain] :is(.collect-flashcard__question,.collect-flashcard__button){color:#fcd116}.collect-flashcard .collect-flashcard__button{position:relative;z-index:1;border:.1cqi solid rgb(255 255 255 / 24%);border-radius:1.06cqi;padding:.8cqi 1.73cqi;background:linear-gradient(rgb(255 255 255 / 10%),transparent),#191919c7;-webkit-backdrop-filter:blur(.66cqi);backdrop-filter:blur(.66cqi);color:#fff;font:700 1.46cqi/1.2 Helvetica,Arial,sans-serif;box-shadow:inset 0 .07cqi #ffffff2e;text-shadow:.13cqi .13cqi .2cqi rgb(0 0 0 / 70%)}.collect-flashcard .glass-surface--svg{box-shadow:inset 0 0 .13cqi .07cqi #ffffff59,inset 0 0 .66cqi .27cqi #ffffff26,0 .27cqi 1.06cqi #11111a0d,inset 0 .53cqi 1.59cqi #11111a0d}.collect-flashcard .glass-surface--fallback{background:#0000007f;-webkit-backdrop-filter:blur(.66cqi);backdrop-filter:blur(.66cqi);box-shadow:inset 0 .07cqi #ffffff4d,inset 0 -.07cqi #ffffff14}.collect-flashcard .glass-surface__sheen,.collect-flashcard .glass-surface__rim{box-sizing:border-box;position:absolute;inset:0;border:0;border-radius:inherit;padding:0;z-index:auto}.collect-flashcard .glass-surface__sheen{background:linear-gradient(135deg,rgb(255 255 255 / 14%),transparent 42%,transparent 64%,rgb(255 255 255 / 5%))}.collect-flashcard .glass-surface__rim{padding:.2cqi;background:linear-gradient(150deg,#ffffff57,#ffffff08 45%,#ffffff05 60%,#ffffff2e)}@media(prefers-reduced-motion:reduce){.collect-flashcard .glass-surface{transition:none}}.coast-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}@font-face{font-family:"Redaction 50 Card";src:url("./assets/Redaction50-Regular-ZCHYC4L7.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gloria Hallelujah Card;src:url("./assets/GloriaHallelujah-Regular-DGLIRQ2O.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}.grid-paper-card{--paper-green: #24898e;--paper-rule: rgb(255 255 255 / 55%);--paper-rule-width: 1px;--paper-cell: 4cqw;--paper-font: "Redaction 50 Card", Georgia, serif;--paper-leading: 1.18;container-type:inline-size;width:100%;color:#fff;font-family:var(--paper-font);font-synthesis:none}.grid-paper-card[data-font=handwritten]{--paper-font: "Gloria Hallelujah Card", cursive;--paper-leading: 1.35}.grid-paper-card__sheet{box-sizing:border-box;position:relative;isolation:isolate;min-height:max(100svh,calc(var(--paper-panel-top, 12cqw) + var(--paper-panel-height, 20cqw) + var(--paper-button-height, 4cqw) + 3 * var(--paper-cell)));background-color:var(--paper-green);background-image:linear-gradient(to right,var(--paper-rule) var(--paper-rule-width),transparent var(--paper-rule-width)),linear-gradient(to bottom,var(--paper-rule) var(--paper-rule-width),transparent var(--paper-rule-width));background-size:var(--paper-cell) var(--paper-cell);text-align:center}.grid-paper-card__panel{box-sizing:border-box;position:absolute;top:var(--paper-panel-top, 12cqw);left:var(--paper-panel-left, 8cqw);width:var(--paper-panel-width, 84cqw);height:var(--paper-panel-height, 20cqw);display:flex;align-items:center;isolation:isolate}.grid-paper-card__copy{box-sizing:border-box;width:100%;display:grid;gap:2cqw;padding:3cqw 4cqw}.grid-paper-card__panel:before,.grid-paper-card__button:before{content:"";position:absolute;inset:var(--paper-rule-width) 0 0 var(--paper-rule-width);background:var(--paper-green);z-index:-1}.grid-paper-card__panel:before,.grid-paper-card__button:before{--paper-frame-width: calc(2 * var(--paper-rule-width));box-sizing:border-box;inset:calc((var(--paper-rule-width) - var(--paper-frame-width)) / 2) calc((var(--paper-rule-width) + var(--paper-frame-width)) / -2) calc((var(--paper-rule-width) + var(--paper-frame-width)) / -2) calc((var(--paper-rule-width) - var(--paper-frame-width)) / 2);border:var(--paper-frame-width) solid var(--paper-rule)}.grid-paper-card__button:before{--paper-frame-width: calc(1.5 * var(--paper-rule-width))}.grid-paper-card__question,.grid-paper-card__answer{margin:0;color:#fff;font:400 clamp(24px,3.65cqw,72px)/var(--paper-leading) var(--paper-font);text-shadow:.06em .06em 0 #000;text-wrap:pretty}.grid-paper-card__answer{font-style:normal}.grid-paper-card .grid-paper-card__question span{position:static;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit}.grid-paper-card__button{box-sizing:border-box;position:absolute;top:var(--paper-button-top);left:var(--paper-button-left);width:var(--paper-button-width);height:var(--paper-button-height);display:grid;place-items:center;padding:var(--paper-rule-width) 0 0 var(--paper-rule-width);border:0;border-radius:0;background:none;isolation:isolate;color:#fff;font:400 clamp(18px,1.55cqw,28px)/1.2 var(--paper-font);text-shadow:.06em .06em 0 #000;cursor:pointer}.grid-paper-card .grid-paper-card__button-label{position:static;inset:auto;z-index:auto;display:block;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:1;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}.grid-paper-card__button:hover:before{background:#185d61}.grid-paper-card__button:focus-visible{outline:2px solid #fff;outline-offset:5px}.grid-paper-card--miniature{height:100%;--paper-rule-width: .75px}.grid-paper-card--miniature .grid-paper-card__sheet{min-height:0;height:100%}.grid-paper-card--miniature .grid-paper-card__question{font-size:3.65cqw}.grid-paper-card--miniature .grid-paper-card__button{font-size:1.55cqw;cursor:default}@media(max-width:600px){.grid-paper-card:not(.grid-paper-card--miniature) .grid-paper-card__copy{padding:8cqw 5cqw}}@font-face{font-family:"Redaction 50 Layered";src:url("./assets/Redaction50-Regular-ZCHYC4L7.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}.layered-card{--layer-step: 2.3cqw;--layered-font: "Redaction 50 Layered", Georgia, serif;container-type:inline-size;width:100%;color:#000;font-family:var(--layered-font);font-synthesis:none}.layered-card__sheet{box-sizing:border-box;position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:14cqw 18cqw 20cqw;background:#000;text-align:center}.layered-card__panel{box-sizing:border-box;width:100%;transform:translateY(-1.5cqw);padding:3cqw 4cqw;border-radius:3cqw;background:#e4efff;box-shadow:0 0 0 var(--layer-step) #c3d9f7,0 0 0 calc(2 * var(--layer-step)) #98bbed,0 0 0 calc(3 * var(--layer-step)) #6594cf,0 0 0 calc(4 * var(--layer-step)) #3c6ba8,0 0 0 calc(5 * var(--layer-step)) #1d4273,0 0 0 calc(6 * var(--layer-step)) #0c2140}.layered-card__question,.layered-card__answer{margin:0;color:#000;font:400 clamp(24px,3.2cqw,64px)/1.2 var(--layered-font);overflow-wrap:anywhere;text-wrap:pretty}.layered-card__answer{margin-top:2cqw}.layered-card [hidden]{display:none}.layered-card__button{--button-layer-step: .45cqw;box-sizing:border-box;position:absolute;bottom:4cqw;left:50%;transform:translate(-50%);min-height:48px;padding:10px 24px;border:0;border-radius:1cqw;background:#3c6ba8;box-shadow:0 0 0 var(--button-layer-step) #284f81,0 0 0 calc(2 * var(--button-layer-step)) #173457,0 0 0 calc(3 * var(--button-layer-step)) #0c2140,0 0 calc(1.1 * var(--button-layer-step)) calc(4 * var(--button-layer-step)) #060e1c;color:#fff;font:400 clamp(18px,1.55cqw,28px)/1.2 var(--layered-font);cursor:pointer}.layered-card__button:hover{background:#4577b5}.layered-card__button:focus-visible{outline:2px solid #fff;outline-offset:5px}.layered-card--miniature{height:100%}.layered-card--miniature .layered-card__sheet{min-height:0;height:100%;padding:10cqw 18cqw 20cqw}.layered-card--miniature .layered-card__question{font-size:3.2cqw}.layered-card--miniature .layered-card__button{min-height:0;bottom:3cqw;padding:.8cqw 1.8cqw;font-size:1.55cqw;cursor:default}@media(max-width:600px){.layered-card:not(.layered-card--miniature) .layered-card__sheet{padding-top:22cqw;padding-bottom:30cqw}.layered-card:not(.layered-card--miniature) .layered-card__button{bottom:8cqw;border-radius:6px}}@font-face{font-family:"Redaction 35 Striped";src:url("./assets/Redaction35-Regular-ZG2Q65V4.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}.striped-card{--stripe-blue: #87b1c8;--stripe-white: #fff;--stripe-ink: #2a5f87;--stripe-red: #c0454e;--stripe-outline: 1cqw;container-type:inline-size;width:100%;color-scheme:light;color:var(--stripe-red);font-family:"Redaction 35 Striped",Georgia,serif;font-synthesis:none}.striped-card__sheet{position:relative;isolation:isolate;box-sizing:border-box;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(32px,6cqw,88px);padding:max(48px,9cqw) 10cqw;background-color:var(--stripe-white);background-image:url("./assets/blue-printed-stripe-BBYBHHD2.svg");background-size:max(20px,3.4cqw) 100%;text-align:center}.striped-card__sheet:after{content:"";position:absolute;inset:0;z-index:1;background-image:url("./assets/paper-grain-A5GVHAVN.svg");background-size:clamp(96px,18cqw,256px);opacity:.22;mix-blend-mode:multiply;pointer-events:none}.striped-card__panel{position:relative;box-sizing:border-box;width:100%;border:var(--stripe-outline) solid var(--stripe-ink);border-radius:3.5cqw;background:var(--stripe-white)}.striped-card__copy{position:relative;padding:clamp(28px,4cqw,64px) clamp(24px,5cqw,80px)}.striped-card__question,.striped-card__answer{margin:0;color:var(--stripe-red);font:400 clamp(24px,3.2cqw,64px)/1.25 "Redaction 35 Striped",Georgia,serif;text-shadow:-.035em .035em 0 rgb(0 0 0 / 42%);overflow-wrap:anywhere;text-wrap:pretty}.striped-card__answer{margin-top:24px;color:var(--stripe-red)}.striped-card [hidden]{display:none}.striped-card__button{box-sizing:border-box;max-width:100%;min-height:48px;padding:13px 28px;border:var(--stripe-outline) solid var(--stripe-ink);border-radius:1.5cqw;background:var(--stripe-white);color:var(--stripe-red);font:400 clamp(18px,1.55cqw,28px)/1.2 "Redaction 35 Striped",Georgia,serif;text-shadow:-.035em .035em 0 rgb(0 0 0 / 42%);cursor:pointer}.striped-card__button:hover{background:#f1f6fa}.striped-card__button:focus-visible{outline:3px solid var(--stripe-ink);outline-offset:5px}.striped-card--miniature{height:100%}.striped-card--miniature .striped-card__sheet{min-height:0;height:100%;justify-content:space-between;gap:4cqw;padding:10cqw 8cqw 3cqw;background-size:3.4cqw 100%}.striped-card--miniature .striped-card__copy{padding:3cqw 4cqw}.striped-card--miniature .striped-card__question{font-size:3.2cqw}.striped-card--miniature .striped-card__button{min-height:0;padding:1cqw 2.5cqw;border-radius:1.5cqw;font-size:1.55cqw;cursor:default}@media(max-width:600px){.striped-card:not(.striped-card--miniature) .striped-card__sheet{padding-inline:6cqw}}
