.its-notebook-drop{min-height:100vh;overflow:hidden;padding:clamp(2rem,4vw,4.8rem) 0 clamp(5rem,8vw,9rem);color:var(--its-cocoa);background:radial-gradient(circle at 12% 12%,rgba(146,168,209,.24),transparent 26rem),var(--its-cream)}.its-notebook-drop--serenity{background:radial-gradient(circle at 86% 8%,rgba(245,238,229,.52),transparent 30rem),color-mix(in srgb,var(--its-serenity) 44%,var(--its-cream))}.its-notebook-drop--guava{background:radial-gradient(circle at 10% 8%,rgba(245,238,229,.18),transparent 28rem),color-mix(in srgb,var(--its-guava) 88%,var(--its-cocoa));color:var(--its-cream)}.its-notebook-drop--guava h1,.its-notebook-drop--guava h2,.its-notebook-drop--guava .its-eyebrow{color:var(--its-cream)}.its-notebook-drop__masthead,.its-notebook-drop__footer,.its-notebook-drop__side-heading,.its-notebook-drop__scorebar,.its-notebook-drop__next{display:flex;align-items:center;justify-content:space-between}.its-notebook-drop__masthead{padding-bottom:1.6rem;border-bottom:.1rem solid currentColor;font-family:var(--its-font-mono);font-size:1.1rem;letter-spacing:.09em;text-transform:uppercase}.its-notebook-drop__masthead a{text-decoration:none}.its-notebook-drop__masthead a:hover{text-decoration:underline;text-underline-offset:.4rem}.its-notebook-drop__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(24rem,.65fr);gap:3rem;align-items:end;padding:clamp(3.2rem,6vw,7rem) 0 clamp(2.8rem,5vw,5rem)}.its-notebook-drop__hero .its-eyebrow{grid-column:1 / -1;margin:0 0 -1.2rem}.its-notebook-drop__hero h1{max-width:11ch;margin:0;font-size:clamp(5.4rem,10vw,12rem);line-height:.79}.its-notebook-drop__hero h1 em{color:var(--its-guava);font-weight:inherit}.its-notebook-drop__intro{max-width:48rem;font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.45}.its-notebook-drop__layout{display:grid;grid-template-columns:minmax(0,46rem) minmax(28rem,32rem);gap:clamp(2rem,3vw,4rem);align-items:start;justify-content:center;max-width:82rem;margin-inline:auto}.its-notebook-drop__game-column{min-width:0}.its-notebook-drop__scorebar{min-height:7.2rem;padding:1rem 1.4rem 1rem 2rem;border:.2rem solid var(--its-cocoa);border-bottom:0;border-radius:1.8rem 1.8rem 0 0;background:var(--its-cocoa);color:var(--its-cream)}.its-notebook-drop__scorebar>div{display:grid;min-width:8rem}.its-notebook-drop__scorebar span,.its-notebook-drop__scorebar button{font-family:var(--its-font-mono);font-size:1rem;letter-spacing:.08em}.its-notebook-drop__scorebar strong{font-family:var(--its-font-display);font-size:2.8rem;font-weight:500;line-height:1}.its-notebook-drop__scorebar button{min-height:4rem;padding:0 1.4rem;border:.1rem solid rgba(245,238,229,.5);border-radius:999px;background:transparent;color:inherit;cursor:pointer}.its-notebook-drop__scorebar button:hover,.its-notebook-drop__scorebar button:focus-visible{background:var(--its-cream);color:var(--its-cocoa)}.its-notebook-drop__stage{position:relative;aspect-ratio:7 / 9;overflow:hidden;border:.2rem solid var(--its-cocoa);border-radius:0 0 1.8rem 1.8rem;background:#fbf7f1;box-shadow:1.4rem 1.4rem 0 var(--its-serenity);touch-action:none}.its-notebook-drop__stage canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.its-notebook-drop__stage canvas:focus-visible{box-shadow:inset 0 0 0 .4rem var(--its-mustard)}.its-notebook-drop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:2.4rem;background:#30231f42;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.its-notebook-drop__overlay[hidden]{display:none}.its-notebook-drop__overlay-card{position:relative;width:min(42rem,92%);padding:clamp(2.8rem,6vw,5.5rem);border:.2rem solid var(--its-cocoa);border-radius:.8rem;background:var(--its-cream);color:var(--its-cocoa);box-shadow:1rem 1rem 0 var(--its-guava);text-align:center}.its-notebook-drop__overlay-card h2{margin:.8rem 0 1.4rem;font-size:clamp(3.8rem,7vw,6.5rem);line-height:.9}.its-notebook-drop__overlay-card p:not(.its-eyebrow){margin:0 auto 2.2rem;font-size:1.55rem;line-height:1.5}.its-notebook-drop__overlay-card .button{min-width:min(100%,24rem)}.its-notebook-drop__stamp{position:absolute;top:-2rem;right:-2rem;display:grid;place-content:center;width:8rem;height:8rem;border-radius:50%;background:var(--its-mustard);font-family:var(--its-font-mono);font-size:1.05rem;font-weight:700;line-height:1.15;transform:rotate(8deg)}.its-notebook-drop__mobile-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.8rem;margin-top:2.2rem}.its-notebook-drop__mobile-controls button{min-height:5.2rem;border:.15rem solid var(--its-cocoa);border-radius:999px;background:transparent;color:var(--its-cocoa);font-family:var(--its-font-mono);font-size:1.3rem;font-weight:700;cursor:pointer}.its-notebook-drop__mobile-controls button:nth-child(2){background:var(--its-cocoa);color:var(--its-cream)}.its-notebook-drop__side{display:grid;gap:1.8rem;position:sticky;top:2rem}.its-notebook-drop__next,.its-notebook-drop__rules,.its-notebook-drop__evolution{border:.15rem solid var(--its-cocoa);border-radius:1.2rem;background:#f5eee5d6;color:var(--its-cocoa)}.its-notebook-drop__next{min-height:12rem;padding:1.4rem 1.4rem 1.4rem 2rem}.its-notebook-drop__next>div{display:grid;gap:.6rem}.its-notebook-drop__next strong{font-family:var(--its-font-display);font-size:2.4rem;font-weight:500}.its-notebook-drop__next canvas{width:9rem;height:9rem}.its-notebook-drop__rules{padding:2.4rem;background:var(--its-serenity)}.its-notebook-drop__rules ol{display:grid;gap:1rem;margin:1.8rem 0;padding-left:2rem;font-size:1.45rem;line-height:1.35}.its-notebook-drop__rules p{margin:0;padding-top:1.4rem;border-top:.1rem solid rgba(48,35,31,.3);font-family:var(--its-font-mono);font-size:1rem;line-height:1.45;text-transform:uppercase}.its-notebook-drop__evolution{overflow:hidden}.its-notebook-drop__side-heading{padding:1.8rem 2rem;border-bottom:.1rem solid var(--its-line-strong)}.its-notebook-drop__side-heading>span:last-child{font-family:var(--its-font-mono);font-size:1rem}.its-notebook-drop__evolution ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:1rem;list-style:none}.its-notebook-drop__evolution li{display:flex;align-items:center;gap:1rem;min-width:0;padding:.8rem;border-radius:.8rem;font-size:1.1rem;line-height:1.15}.its-notebook-drop__evolution li:last-child{grid-column:1 / -1;background:#6874471f}.its-notebook-drop__evolution li>span:last-child{display:grid;gap:.2rem;min-width:0}.its-notebook-drop__evolution small{font-family:var(--its-font-mono);font-size:.8rem;letter-spacing:.08em}.its-notebook-drop__miniature{position:relative;flex:0 0 3.4rem;width:3.4rem;height:4.2rem;padding-left:.4rem}.its-notebook-drop__miniature:before{content:"";position:absolute;top:.2rem;right:0;bottom:.2rem;left:.5rem;border-radius:.2rem .5rem .5rem .2rem;background:var(--notebook-color);box-shadow:-.35rem 0 #d0a84f,.2rem .2rem #30231f2e}.its-notebook-drop__miniature i,.its-notebook-drop__miniature img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:.2rem .5rem .5rem .2rem;object-fit:cover}.its-notebook-drop__footer{gap:2rem;margin-top:clamp(4rem,7vw,8rem);padding-top:2rem;border-top:.1rem solid currentColor;font-family:var(--its-font-mono);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.its-notebook-drop__footer p{margin:0;font-family:var(--its-font-display);font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.03em;text-transform:none}@media screen and (max-width:989px){.its-notebook-drop__hero,.its-notebook-drop__layout{grid-template-columns:1fr}.its-notebook-drop__layout{max-width:56rem}.its-notebook-drop__hero{gap:1.8rem}.its-notebook-drop__hero .its-eyebrow{margin-bottom:0}.its-notebook-drop__hero h1{max-width:9ch}.its-notebook-drop__side{position:static;grid-template-columns:1fr 1fr}.its-notebook-drop__evolution{grid-column:1 / -1}}@media screen and (max-width:749px){.its-notebook-drop{padding-top:1.4rem}.its-notebook-drop__layout{max-width:100%}.its-notebook-drop__hero h1{font-size:clamp(5rem,19vw,8rem)}.its-notebook-drop__stage{box-shadow:.7rem .7rem 0 var(--its-serenity)}.its-notebook-drop__scorebar{padding:.9rem 1rem}.its-notebook-drop__scorebar>div{min-width:6rem}.its-notebook-drop__scorebar strong{font-size:2.2rem}.its-notebook-drop__scorebar button{min-height:3.6rem;padding-inline:1rem;font-size:.9rem}.its-notebook-drop__side{grid-template-columns:1fr}.its-notebook-drop__evolution{grid-column:auto}.its-notebook-drop__overlay{padding:1.6rem}.its-notebook-drop__overlay-card{padding:3.4rem 2.2rem;box-shadow:.7rem .7rem 0 var(--its-guava)}.its-notebook-drop__stamp{top:-1.4rem;right:-1rem;width:6.5rem;height:6.5rem;font-size:.85rem}.its-notebook-drop__footer{display:grid}}@media(prefers-reduced-motion:reduce){.its-notebook-drop *,.its-notebook-drop *:before,.its-notebook-drop *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/its-notebook-drop.css.map */