:root{--apple-red:#9e1718;--apple-red-bright:#c72828;--cream:#fff0cf;--brown:#5a3025;--green:#5f8f3a}*{box-sizing:border-box}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-ms-touch-action:manipulation;touch-action:manipulation;overscroll-behavior:none;background-color:#7d4b3e;background-image:url("assets/background.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}body{position:fixed;inset:0;min-height:100vh;font-family:"Courier New",monospace;color:var(--brown)}body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(60,20,16,.09) 0 1px,transparent 1px 4px);mix-blend-mode:multiply;opacity:.55;z-index:50}.bg-sparkle-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2}.bg-sparkle{position:absolute;color:rgba(255,240,207,.86);font-family:Georgia,serif;line-height:1;text-shadow:0 0 6px rgba(255,240,207,.75),0 0 12px rgba(158,23,24,.25);animation:beigeFloat var(--dur) linear infinite;transform:translate3d(0,110vh,0) rotate(var(--rot))}@keyframes beigeFloat{from{transform:translate3d(var(--x),110vh,0) rotate(var(--rot));opacity:0}12%,85%{opacity:.9}to{transform:translate3d(calc(var(--x)+var(--drift)),-14vh,0) rotate(calc(var(--rot)+260deg));opacity:0}}.site{position:relative;width:100vw;min-height:100vh}.title-wrap{position:absolute;left:clamp(22px,3vw,70px);top:clamp(30px,5.4vw,90px);width:min(620px,46vw);transform:rotate(-12deg);z-index:5;pointer-events:auto}.title{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:bold;font-size:clamp(44px,6.4vw,112px);line-height:.72;letter-spacing:.015em;color:var(--apple-red);text-shadow:2px 2px 0 var(--cream),5px 5px 0 rgba(65,18,15,.20),0 0 18px rgba(255,240,207,.55);animation:titleFloat 5.5s ease-in-out infinite;perspective:900px}.title .word{display:block;white-space:nowrap}.title .letter{display:inline-block;transform-origin:50% 85%;animation-duration:2.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--i) * -.18s);transition:transform .35s cubic-bezier(.16,1.9,.28,1),color .25s,filter .25s,text-shadow .25s;will-change:transform,filter}.title .letter:hover{color:#fff4d8;filter:drop-shadow(0 9px 0 #7c1113) brightness(1.35) saturate(1.45);text-shadow:3px 3px 0 #7c1113,8px 8px 0 rgba(0,0,0,.22),0 0 22px #fff4d8,0 0 38px #f5b36f;animation-play-state:paused;z-index:10}.title .space{width:.28em}.fx-pop{animation-name:titlePop}.fx-flip{animation-name:titleFlip}.fx-swing{animation-name:titleSwing}.fx-squish{animation-name:titleSquish}.fx-curl{animation-name:titleCurl}.fx-bounce{animation-name:titleBounceLoop}.fx-spin{animation-name:titleTinySpin}.fx-wave{animation-name:titleWave}.fx-shiver{animation-name:titleShiver}.fx-heart{animation-name:titleHeart}.fx-pop:hover{transform:translateY(-34px) scale(1.75) rotate(-10deg)!important}.fx-flip:hover{transform:translateY(-18px) rotateY(540deg) scale(1.35)!important}.fx-swing:hover{transform:translateY(-24px) rotate(24deg) scale(1.34)!important}.fx-squish:hover{transform:translateY(-16px) scale(1.9,.7) rotate(-4deg)!important}.fx-curl:hover{transform:translateY(-28px) skewX(-22deg) rotate(-18deg) scale(1.35)!important}.fx-bounce:hover{transform:translateY(-32px) scale(1.4)!important;color:#fff1d0}.fx-spin:hover{transform:translateY(-20px) rotate(900deg) scale(1.25)!important}.fx-wave:hover{transform:translateY(-30px) rotate(-12deg) scale(1.45)!important}.fx-shiver:hover{transform:translateY(-18px) translateX(8px) scale(1.4)!important}.fx-heart:hover{transform:translateY(-25px) scale(1.55) rotate(8deg)!important}@keyframes titleFloat{50%{transform:translateY(-5px)}}@keyframes titlePop{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.16)}65%{transform:translateY(1px) scale(.96,1.08)}}@keyframes titleFlip{0%,100%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-7px)}}@keyframes titleSwing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg) translateY(-10px)}}@keyframes titleSquish{0%,100%{transform:scale(1)}45%{transform:translateY(-8px) scale(1.22,.82)}70%{transform:scale(.9,1.14)}}@keyframes titleCurl{0%,100%{transform:skewX(0) rotate(0)}50%{transform:translateY(-9px) skewX(-14deg) rotate(-8deg)}}@keyframes titleBounceLoop{0%,100%{transform:translateY(0)}35%{transform:translateY(-14px) scale(1.05,.92)}62%{transform:translateY(3px) scale(.96,1.08)}}@keyframes titleTinySpin{0%,100%{transform:rotate(0)}50%{transform:translateY(-8px) rotate(18deg)}}@keyframes titleWave{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-8deg)}75%{transform:translateY(5px) rotate(6deg)}}@keyframes titleShiver{0%,100%{transform:translateX(0)}20%{transform:translateX(-2px) translateY(-4px)}40%{transform:translateX(2px) translateY(-8px)}60%{transform:translateX(-1px) translateY(-4px)}80%{transform:translateX(1px)}}@keyframes titleHeart{0%,100%{transform:scale(1) translateY(0)}35%{transform:scale(1.18) translateY(-8px)}50%{transform:scale(.96) translateY(-3px)}68%{transform:scale(1.12) translateY(-7px)}}.menu{display:none}@keyframes appleFade{to{opacity:0;transform:translate(-50%,-28px) scale(.25) rotate(calc(var(--spin)+35deg))}}.title-wrap{width:min(570px,42vw) !important;left:clamp(22px,3vw,60px) !important;top:clamp(28px,4.8vw,78px) !important;z-index:5 !important;cursor:default !important;user-select:text !important}.title{font-size:clamp(42px,5.8vw,100px) !important;cursor:default !important;user-select:text !important}.menu{display:none !important}#welcome-box{--tab-home:#c72828;--tab-about:#b7dc9a;--tab-dni:#ffd39f;--tab-inspo:#f3c9b6;--tab-text-dark:#3f241d;--tab-text-light:#fff0cf;--active-tab-color:var(--tab-home);--active-tab-text:var(--tab-text-light);position:fixed;left:58px;top:290px;width:430px;height:430px;background:var(--cream);border:3px solid var(--active-tab-color);border-radius:8px;box-shadow:6px 6px 0 var(--brown);color:var(--brown);font-family:"Special Elite",Georgia,serif;overflow:visible;z-index:1000;isolation:isolate;pointer-events:auto}#welcome-box[data-active-page="home"]{--active-tab-color:var(--tab-home);--active-tab-text:var(--tab-text-light)}#welcome-box[data-active-page="about"]{--active-tab-color:var(--tab-about);--active-tab-text:var(--tab-text-dark)}#welcome-box[data-active-page="dni"]{--active-tab-color:var(--tab-dni);--active-tab-text:var(--tab-text-dark)}#welcome-box[data-active-page="inspo"]{--active-tab-color:var(--tab-inspo);--active-tab-text:var(--tab-text-dark)}#welcome-box::after{content:"";position:absolute;right:-1px;top:34px;width:12px;height:calc(100% - 34px);background:var(--cream);border-right:3px solid var(--active-tab-color);z-index:4;pointer-events:none}#welcome-box-header{position:relative;z-index:6;background:var(--active-tab-color);color:var(--active-tab-text);padding:8px 10px;min-height:34px;border-radius:4px 4px 0 0;border-bottom:3px solid var(--active-tab-color);font-size:16px;font-weight:bold;letter-spacing:1px;text-transform:lowercase;user-select:none;transition:background .18s ease,color .18s ease,border-color .18s ease}#welcome-box-content{user-select:none;-webkit-user-select:none;cursor:default;position:relative;z-index:6;height:calc(100% - 34px);padding:20px 24px 20px 20px;background:var(--cream);overflow:hidden;font-size:15px;line-height:1.45}.welcome-page{display:none;opacity:1;visibility:visible}.welcome-page.active{display:block}.welcome-page p{margin:0 0 10px 0;white-space:normal}.welcome-page[data-page="inspo"] p{font-weight:700;letter-spacing:.04em;margin-bottom:10px}.welcome-bookmarks{position:absolute;left:calc(100% - 7px);top:46px;display:flex;flex-direction:column;gap:8px;z-index:1;pointer-events:auto}.welcome-bookmarks button{--this-tab-color:#e7c48f;position:relative;width:34px;height:72px;padding:5px 2px;display:flex;align-items:center;justify-content:center;background:var(--this-tab-color);border:3px solid #5a3025;border-left-width:2px;border-radius:0 9px 9px 0;color:var(--tab-text-dark);font:800 10px "Special Elite",Georgia,serif;line-height:1;letter-spacing:.4px;writing-mode:vertical-rl;text-orientation:mixed;text-transform:lowercase;cursor:pointer;user-select:none;box-shadow:4px 4px 0 #5a3025,inset 0 0 0 1px rgba(255,240,207,.55);transform:translateX(0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.welcome-bookmarks button::before{content:"";position:absolute;left:-8px;top:-3px;width:9px;height:calc(100%+6px);background:inherit;border-top:3px solid #5a3025;border-bottom:3px solid #5a3025;z-index:-1;pointer-events:none}.welcome-bookmarks button::after{content:"";position:absolute;inset:4px;border:1px dashed rgba(90,48,37,.45);border-radius:0 5px 5px 0;pointer-events:none}.welcome-bookmarks button[data-page="home"]{--this-tab-color:var(--tab-home);color:var(--tab-text-light)}.welcome-bookmarks button[data-page="about"]{--this-tab-color:var(--tab-about);color:var(--tab-text-dark)}.welcome-bookmarks button[data-page="dni"]{--this-tab-color:var(--tab-dni);color:var(--tab-text-dark)}.welcome-bookmarks button[data-page="inspo"]{--this-tab-color:var(--tab-inspo);color:var(--tab-text-dark)}.welcome-bookmarks button:hover,.welcome-bookmarks button.active{transform:translateX(10px);filter:saturate(1.08) brightness(1.03)}.welcome-bookmarks button.pressed{transform:translateX(14px) scale(1.01)}#apple-vinyl-box{position:fixed;right:-155px;bottom:-165px;width:520px;height:520px;z-index:20;border-radius:50%;cursor:pointer;user-select:none;filter:drop-shadow(7px 9px 4px rgba(90,48,37,.35))}#apple-vinyl-box img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 50%;animation:vinylSpin 5s linear infinite}#apple-vinyl-box.is-paused img{animation-play-state:paused}@keyframes vinylSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#picnic-png-layer,#front-png-layer{position:fixed;inset:0;pointer-events:none}#picnic-png-layer{z-index:900}#front-png-layer{z-index:2147482500}#front-png-layer .picnic-piece{filter:drop-shadow(5px 6px 4px rgba(72,31,22,.23))}@media (max-width:800px){#picnic-png-layer{z-index:850}.picnic-piece[data-picnic="blanket"]{left:calc(100vw - 360px) !important;top:calc(100vh - 285px) !important;width:330px !important}.picnic-piece[data-picnic="basket"]{left:calc(100vw - 300px) !important;top:calc(100vh - 220px) !important;width:210px !important}}#bg-music{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}@media (max-width:800px){.title-wrap{width:82vw !important;top:34px !important;left:24px !important;transform:rotate(-8deg)}.title{font-size:clamp(42px,13vw,76px) !important}#welcome-box{left:24px;top:170px;width:calc(100vw - 88px);height:390px}#welcome-box-content{font-size:16px;padding:20px 28px 20px 20px}}.picnic-piece:hover img{outline:none !important;filter:none !important}.picnic-piece[data-picnic="red-paper-strip"],.picnic-piece[data-picnic="green-gingham-tape"],.picnic-piece[data-picnic="brown-polka-tape"]{transform:rotate(var(--piece-rotate)) translateZ(0) !important}.picnic-piece[data-picnic="red-paper-strip"] img,.picnic-piece[data-picnic="green-gingham-tape"] img,.picnic-piece[data-picnic="brown-polka-tape"] img img{filter:none !important;image-rendering:auto}#front-png-layer{pointer-events:none}#front-png-layer .picnic-piece{pointer-events:auto}.picnic-piece[data-picnic="red-paper-strip"],.picnic-piece[data-picnic="green-gingham-tape"],.picnic-piece[data-picnic="brown-polka-tape"]{transform:rotate(var(--piece-rotate)) translate3d(0,0,0) !important;will-change:left,top,width,transform}.picnic-piece[data-picnic="red-paper-strip"] img,.picnic-piece[data-picnic="green-gingham-tape"] img,.picnic-piece[data-picnic="brown-polka-tape"] img{filter:none !important;outline:none !important}.picnic-piece[data-picnic="red-paper-strip"]:hover img,.picnic-piece[data-picnic="green-gingham-tape"]:hover img,.picnic-piece[data-picnic="brown-polka-tape"]:hover img{filter:none !important;outline:none !important}

.static-label{position:fixed;z-index:2147483000;pointer-events:auto;font-family:"Special Elite",Georgia,serif;line-height:1.1;white-space:pre-wrap;overflow:visible;background:transparent;border:0;box-shadow:none;text-decoration:none;transform:rotate(0deg);}
.static-label.menu-label{font-size:30px;font-weight:bold;letter-spacing:.01em;text-shadow:1px 1px 0 #fff0cf,-1px -1px 0 rgba(90,48,37,.22),2px 2px 0 rgba(158,23,24,.28);}
.static-label.note-label{font-size:18px;color:rgb(90,71,63);text-shadow:1px 1px 0 rgba(255,240,207,.8);line-height:1.18;text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal;}

.bg-sparkle{will-change:transform,opacity;backface-visibility:hidden}
.bg-sparkle.apple{
  color:transparent!important;text-shadow:none!important;display:block!important;
  background-image:url("assets/apple-particle.webp")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  filter:drop-shadow(0 0 4px rgba(255,240,207,.55)) drop-shadow(0 1px 1px rgba(90,48,37,.22));
}
.bg-sparkle.clover{color:rgba(139,184,111,.88)!important;text-shadow:0 0 5px rgba(255,240,207,.75),0 0 9px rgba(95,143,58,.35)!important}
.bg-sparkle.heart{color:rgba(255,248,231,.9)!important;text-shadow:0 0 6px rgba(255,240,207,.85),0 0 12px rgba(255,255,255,.35)!important}
.bg-sparkle.spark{color:rgba(255,240,207,.82)!important}
@keyframes beigeFloat{
  from{transform:translate3d(var(--x),110vh,0) rotate(var(--rot));opacity:0}
  12%,85%{opacity:.9}
  to{transform:translate3d(var(--x),-14vh,0) rotate(calc(var(--rot) + 230deg));opacity:0}
}

.picnic-piece{
  --piece-rotate:0deg;
  position:fixed;
  width:180px;
  min-width:34px;
  transform:rotate(var(--piece-rotate)) translateZ(0);
  transform-origin:center center;
  pointer-events:auto;
  cursor:default;
  touch-action:auto;
  user-select:none;
  -webkit-user-select:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
}
.picnic-piece img{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  filter:drop-shadow(4px 5px 4px rgba(72,31,22,.20));
  outline:none;
}
.picnic-piece:hover img{outline:none}
.picnic-piece[data-picnic="brown-polka-frame"]{pointer-events:none}
.static-label{cursor:default!important;touch-action:auto!important;user-select:none;-webkit-user-select:none}

#static-underlay,#static-overlay{
  position:fixed;
  inset:0;
  overflow:visible;
  pointer-events:none;
}
#static-underlay{z-index:4}
#static-overlay{z-index:1001}
#static-underlay .picnic-piece,#static-overlay .picnic-piece{pointer-events:none}

#receipt-widget.receipt-widget{
  position:fixed;
  right:365px;
  bottom:-315px;
  width:190px;
  padding:8px;
  overflow:visible;
  background:rgba(255,240,207,.78);
  border:2px dashed var(--brown);
  box-shadow:5px 5px 0 rgba(90,48,37,.22);
  z-index:1002;
  cursor:pointer;
  user-select:none;
  transform:translateY(0);
  filter:none;
  animation:none;
  transition:bottom .48s cubic-bezier(.22,1.2,.36,1),transform .48s cubic-bezier(.22,1.2,.36,1),filter .25s ease;
  will-change:bottom,transform;
}
#receipt-widget.receipt-widget:hover:not(.receipt-open){transform:translateY(-8px);filter:brightness(1.03)}
#receipt-widget.receipt-widget.receipt-open{bottom:20px;transform:translateY(0)}

#receipt-widget.receipt-widget>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}

.picnic-piece[data-picnic="tulip-bouquet"],
.picnic-piece[data-picnic="ant-trail"]{
  cursor:pointer;
}
.picnic-piece[data-picnic="pie"]{
  cursor:pointer;
}
.picnic-piece[data-picnic="tulip-bouquet"] img,
.picnic-piece[data-picnic="ant-trail"] img{
  transition:filter .18s ease,transform .18s ease;
}
.picnic-piece[data-picnic="pie"] img{
  transition:filter .18s ease,transform .18s ease;
}
.picnic-piece[data-picnic="tulip-bouquet"]:hover img,
.picnic-piece[data-picnic="tulip-bouquet"]:focus-visible img,
.picnic-piece[data-picnic="ant-trail"]:hover img,
.picnic-piece[data-picnic="ant-trail"]:focus-visible img{
  filter:drop-shadow(7px 9px 5px rgba(72,31,22,.28)) brightness(1.04);
  transform:translateY(-3px);
}
.picnic-piece[data-picnic="pie"]:hover img,
.picnic-piece[data-picnic="pie"]:focus-visible img{
  filter:drop-shadow(7px 9px 5px rgba(72,31,22,.3)) brightness(1.06) saturate(1.08);
  transform:translateY(-4px) rotate(-2deg);
}
.credits-note-modal{
  position:fixed;
  inset:0;
  z-index:2147483400;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(63,28,20,.28);
}
.credits-note-modal.open{
  display:grid;
}
.credits-note-card{
  position:relative;
  width:min(760px,calc(100vw - 28px));
  max-height:86vh;
  overflow:auto;
  padding:58px 70px 74px 92px;
  border:0;
  border-radius:6px;
  color:#443326;
  background:#f6f2df url("assets/credits-paper.webp") left top/100% auto repeat-y;
  box-shadow:0 24px 70px rgba(49,20,14,.34);
  font-family:"Courier New",monospace;
  font-size:21px;
  line-height:1.24;
  transform:rotate(0deg);
}

.credits-note-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid var(--brown);
  border-radius:50%;
  color:var(--cream);
  background:var(--apple-red);
  box-shadow:3px 3px 0 rgba(90,48,37,.24);
  cursor:pointer;
  font:700 16px/1 Arial,sans-serif;
  z-index:2;
}

.games-warning-modal{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(63,28,20,.36);
  backdrop-filter:blur(2px);
}
.games-warning-modal.open{
  display:grid;
}
.games-warning-card{
  position:relative;
  width:min(560px,calc(100vw - 28px));
  max-height:88vh;
  overflow:auto;
  padding:88px 66px 92px;
  border:0;
  border-radius:18px;
  color:#4c251f;
  background:url("assets/warning-apple-note.webp") center/100% 100% no-repeat;
  box-shadow:0 28px 80px rgba(49,20,14,.42);
  font-family:"Special Elite",Georgia,serif;
  text-align:center;
  transform:rotate(0deg);
  animation:gamesWarningPop .34s cubic-bezier(.2,1.45,.35,1) both;
}
.games-warning-kicker{
  margin:0 0 10px;
  color:#5f8f3a;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.games-warning-card h2{
  margin:0 36px 18px;
  color:#b50f17;
  font-size:42px;
  line-height:1;
  letter-spacing:.07em;
  text-shadow:2px 2px 0 #fff0cf,4px 4px 0 rgba(90,48,37,.18);
}
.games-warning-copy{
  display:grid;
  gap:8px;
  justify-items:center;
  margin:0 auto 20px;
  max-width:390px;
  font-size:14px;
  font-weight:700;
  line-height:1.38;
}
.games-warning-copy p{
  margin:0;
}
.games-warning-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.games-warning-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border:2px solid #5a3025;
  border-radius:999px;
  box-shadow:3px 4px 0 rgba(90,48,37,.28);
  font:700 13px/1.15 "Special Elite",Georgia,serif;
  text-align:center;
  text-decoration:none;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.games-warning-button:hover,
.games-warning-button:focus-visible{
  transform:translateY(-3px);
  filter:brightness(1.04) saturate(1.08);
  box-shadow:4px 6px 0 rgba(90,48,37,.25);
}
.games-warning-button.safer{
  color:#3f241d;
  background:#b7dc9a;
}
.games-warning-button.proceed{
  color:#fff0cf;
  background:#b50f17;
}
.games-warning-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #5a3025;
  border-radius:50%;
  color:#fff0cf;
  background:#b50f17;
  box-shadow:3px 3px 0 rgba(90,48,37,.24);
  cursor:pointer;
  font:700 16px/1 Arial,sans-serif;
  z-index:2;
}
@keyframes gamesWarningPop{
  from{opacity:0;transform:translateY(18px) scale(.94) rotate(0deg)}
  to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}

.notice-card-trigger{
  cursor:pointer!important;
}
.notice-card-trigger:focus-visible{
  outline:2px dashed #b50f17;
  outline-offset:5px;
}
.picnic-piece.notice-card-trigger img{
  transition:filter .18s ease,transform .18s ease;
}
.picnic-piece.notice-card-trigger:hover img,
.picnic-piece.notice-card-trigger:focus-visible img{
  filter:drop-shadow(7px 9px 5px rgba(72,31,22,.28)) brightness(1.05) saturate(1.06)!important;
  transform:translateY(-3px) rotate(-1deg);
}
.static-label.menu-label.notice-card-trigger{
  transition:transform .16s ease,filter .16s ease;
}
.static-label.menu-label.notice-card-trigger:hover,
.static-label.menu-label.notice-card-trigger:focus-visible{
  filter:brightness(1.08) saturate(1.1);
  transform:translateY(-2px) rotate(0deg)!important;
}
.notice-card-modal{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(63,28,20,.34);
  backdrop-filter:blur(2px);
}
.notice-card-modal.open{
  display:grid;
}
.notice-card-card{
  position:relative;
  width:min(430px,calc(100vw - 30px));
  min-height:250px;
  padding:82px 58px 78px;
  color:#4c251f;
  background:url("assets/warning-apple-note.webp") center/100% 100% no-repeat;
  filter:drop-shadow(0 26px 55px rgba(49,20,14,.36));
  font-family:"Special Elite",Georgia,serif;
  text-align:center;
  transform:rotate(0deg);
  animation:workProgressPop .32s cubic-bezier(.2,1.45,.35,1) both;
}
.notice-card-kicker{
  margin:0 0 9px;
  color:#5f8f3a;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.notice-card-card h2{
  margin:0 30px 16px;
  color:#b50f17;
  font-size:32px;
  line-height:1.04;
  letter-spacing:.05em;
  text-shadow:2px 2px 0 #fff0cf,4px 4px 0 rgba(90,48,37,.16);
}
.notice-card-card p{
  margin:0 auto;
  max-width:250px;
  font-size:15px;
  font-weight:700;
  line-height:1.42;
}
.notice-card-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #5a3025;
  border-radius:50%;
  color:#fff0cf;
  background:#b50f17;
  box-shadow:3px 3px 0 rgba(90,48,37,.24);
  cursor:pointer;
  font:700 16px/1 Arial,sans-serif;
  z-index:2;
}
@keyframes workProgressPop{
  from{opacity:0;transform:translateY(16px) scale(.94) rotate(0deg)}
  to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}

.favorites-key-link{
  display:inline;
  padding:0;
  border:0;
  color:#c5161d;
  background:transparent;
  cursor:pointer;
  font:inherit;
  font-weight:900;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:2px;
  text-shadow:1px 1px 0 #fff0cf;
}
.favorites-key-link:hover,
.favorites-key-link:focus-visible{
  color:#8f0f14;
  transform:translateY(-1px);
}

.welcome-gate-modal{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(55,24,18,.48);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.welcome-gate-modal.open{
  display:grid;
}
.welcome-gate-card{
  position:relative;
  width:min(520px,calc(100vw - 28px));
  padding:38px 40px 34px;
  border:3px solid #5a3025;
  border-radius:8px;
  color:#4c251f;
  background:#fff0cf;
  box-shadow:8px 9px 0 rgba(90,48,37,.38),0 26px 70px rgba(49,20,14,.4);
  font-family:"Special Elite",Georgia,serif;
  text-align:center;
  animation:welcomeGatePop .32s cubic-bezier(.2,1.35,.35,1) both;
}
.welcome-gate-card::before{
  content:"";
  position:absolute;
  inset:9px;
  border:2px dashed rgba(158,23,24,.42);
  pointer-events:none;
}
.welcome-gate-kicker{
  margin:0 0 10px;
  color:#5f8f3a;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.welcome-gate-card h2{
  position:relative;
  margin:0 auto 18px;
  max-width:410px;
  color:#b50f17;
  font-size:27px;
  line-height:1.14;
  text-shadow:2px 2px 0 #fff,3px 3px 0 rgba(90,48,37,.14);
}
.welcome-gate-copy{
  position:relative;
  display:grid;
  gap:8px;
  font-size:15px;
  font-weight:700;
  line-height:1.42;
}
.welcome-gate-copy p,
.welcome-gate-question{
  margin:0;
}
.welcome-gate-question{
  position:relative;
  margin-top:20px;
  color:#5f8f3a;
  font-size:21px;
  font-weight:900;
}
.welcome-gate-actions{
  position:relative;
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:14px;
}
.welcome-gate-button{
  min-width:96px;
  padding:10px 22px;
  border:2px solid #5a3025;
  border-radius:999px;
  box-shadow:3px 4px 0 rgba(90,48,37,.26);
  cursor:pointer;
  font:900 16px/1 "Special Elite",Georgia,serif;
  transition:transform .15s ease,filter .15s ease;
}
.welcome-gate-button:hover,
.welcome-gate-button:focus-visible{
  transform:translateY(-3px);
  filter:brightness(1.05) saturate(1.08);
}
.welcome-gate-button.yes{
  color:#fff0cf;
  background:#b50f17;
}
.welcome-gate-button.no{
  color:#3f241d;
  background:#b7dc9a;
}
.welcome-gate-declined{
  position:relative;
  min-height:18px;
  margin:15px 0 0;
  color:#b50f17;
  font-size:13px;
  font-weight:700;
}
@keyframes welcomeGatePop{
  from{opacity:0;transform:translateY(16px) scale(.95) rotate(0deg)}
  to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}

.favorites-key-modal{
  position:fixed;
  inset:0;
  z-index:2147483645;
  display:none;
  place-items:center;
  padding:12px;
  background:rgba(55,24,18,.42);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.favorites-key-modal.open{
  display:grid;
}
.favorites-key-card{
  position:relative;
  width:min(570px,calc(92vh * .7119),calc(100vw - 24px));
  aspect-ratio:729/1024;
  color:#3f241d;
  background:url("assets/favorites-key-panda-note.webp") center/100% 100% no-repeat;
  filter:drop-shadow(0 28px 60px rgba(49,20,14,.42));
  font-family:"Special Elite",Georgia,serif;
  animation:favoritesKeyPop .34s cubic-bezier(.2,1.4,.35,1) both;
}
.favorites-key-content{
  position:absolute;
  top:26%;
  right:10%;
  bottom:10.5%;
  left:10%;
  overflow:auto;
  padding:8px 5px;
  scrollbar-width:thin;
  text-align:left;
}
.favorites-key-content h2{
  margin:0 0 12px;
  color:#b50f17;
  font-size:clamp(15px,2.05vh,19px);
  line-height:1.16;
  text-align:center;
  text-shadow:1px 1px 0 #fff9d9;
}
.favorites-key-list{
  display:grid;
  gap:4px;
  margin:0;
  font-size:clamp(12px,1.65vh,15px);
  font-weight:700;
  line-height:1.25;
}
.favorites-key-list div{
  display:grid;
  grid-template-columns:minmax(78px,30%) 1fr;
  gap:8px;
}
.favorites-key-list dt{
  color:#b50f17;
}
.favorites-key-list dd{
  margin:0;
}
.favorites-key-list dd::before{
  content:"- ";
}
.favorites-key-list dd span{
  display:inline-block;
  font-size:.84em;
}
.favorites-key-tip{
  margin-top:12px;
  padding-top:9px;
  border-top:2px dashed rgba(95,143,58,.62);
  font-size:clamp(11.5px,1.55vh,14px);
  font-weight:700;
  line-height:1.28;
  text-align:center;
}
.favorites-key-tip h3{
  margin:0 0 5px;
  color:#5f8f3a;
  font-size:1.25em;
}
.favorites-key-tip p{
  margin:0 0 4px;
}
.favorites-key-close{
  position:absolute;
  top:19%;
  right:5.5%;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #5a3025;
  border-radius:50%;
  color:#fff0cf;
  background:#b50f17;
  box-shadow:3px 3px 0 rgba(90,48,37,.24);
  cursor:pointer;
  font:700 16px/1 Arial,sans-serif;
  z-index:2;
}
@keyframes favoritesKeyPop{
  from{opacity:0;transform:translateY(18px) scale(.94) rotate(0deg)}
  to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}
@media (max-width:560px){
  .welcome-gate-card{padding:32px 24px 26px}
  .welcome-gate-card h2{font-size:23px}
  .favorites-key-content{right:8%;left:8%}
  .favorites-key-list div{grid-template-columns:82px 1fr}
}

#welcome-box,
#welcome-box-content,
.welcome-page,
.welcome-page p{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important;
  cursor:default;
}
#welcome-box-content{
  -webkit-touch-callout:none;
}

#welcome-box-content,
#welcome-box-content .welcome-page,
#welcome-box-content .welcome-page p{
  font-family:"Gaegu","Special Elite",cursive !important;
}
#welcome-box-content{
  font-size:17.5px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
  letter-spacing:.01em;
}
#welcome-box-content .welcome-page p{
  margin-bottom:8px !important;
}
#welcome-box-content .welcome-page[data-page="home"]{
  font-size:16px!important;
  line-height:1.18!important;
}
#welcome-box-content .welcome-page[data-page="home"] p{
  margin-bottom:6px!important;
}

html, body, *, *::before, *::after{
  cursor:url("assets/site-cursor.png") 3 3, auto !important;
}
a, button, [role="button"], #apple-vinyl-box, #receipt-widget.receipt-widget, .welcome-bookmarks button,
.picnic-piece[data-picnic="tulip-bouquet"], .picnic-piece[data-picnic="ant-trail"], .picnic-piece[data-picnic="pie"]{
  cursor:url("assets/site-cursor.png") 3 3, pointer !important;
}
.picnic-piece.page-link-piece {
  cursor: pointer;
}
.page-enter-cover {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
  background: #000 !important;
  opacity: 1;
  animation: blackPageEnter .72s ease .06s forwards;
}
@keyframes blackPageEnter {
  from { opacity: 1; }
  to { opacity: 0; visibility: hidden; }
}


.picnic-piece[data-picnic="jam-jar"],
.picnic-piece[data-picnic="strawberries"],
.picnic-piece[data-picnic="bread-bag"] {
  cursor: pointer !important;
}

.picnic-piece[data-picnic="jam-jar"] img,
.picnic-piece[data-picnic="strawberries"] img,
.picnic-piece[data-picnic="bread-bag"] img {
  transition: filter .18s ease, transform .18s ease !important;
}

.picnic-piece[data-picnic="jam-jar"]:hover img,
.picnic-piece[data-picnic="jam-jar"]:focus-visible img,
.picnic-piece[data-picnic="strawberries"]:hover img,
.picnic-piece[data-picnic="strawberries"]:focus-visible img,
.picnic-piece[data-picnic="bread-bag"]:hover img,
.picnic-piece[data-picnic="bread-bag"]:focus-visible img {
  filter: drop-shadow(7px 9px 5px rgba(72,31,22,.3)) brightness(1.06) saturate(1.08) !important;
  transform: translateY(-4px) rotate(-2deg) !important;
}


.credits-note-card h2{
  margin:0 48px 14px 0;
  color:#7b2b33;
  font-size:38px;
  line-height:1;
  letter-spacing:.08em;
  text-shadow:none;
}
.credits-note-card h3{
  margin:20px 0 7px;
  color:#7b2b33;
  font-size:25px;
  line-height:1.05;
}
.credits-note-card ul{
  margin:0 0 10px;
  padding-left:21px;
}
.credits-note-card li{
  margin:0 0 5px;
  overflow-wrap:anywhere;
}
.credits-note-card a{
  color:#365b42;
  text-decoration:underline;
}
.credits-coded{
  margin:0 48px 17px 0;
  overflow-wrap:anywhere;
}


.picnic-piece[data-picnic="apple"]{
  z-index:60 !important;
}
.picnic-piece[data-picnic="strawberries"]{
  z-index:55 !important;
}
:root{
  --note-font:"Gochi Hand","Courier New",monospace;
}
.credits-note-card{
  font-size:28px;
  line-height:.92;
}
.credits-note-card h2{
  font-size:48px;
  line-height:.85;
}
.credits-note-card h3{
  font-size:42px;
  line-height:.88;
}
.credits-coded,
.credits-art{
  line-height:.95;
}
.games-warning-card{
  width:min(560px,calc(100vw - 28px));
  aspect-ratio:1 / 1;
  min-height:0;
  padding:104px 82px 96px;
  background:url("assets/warning-apple-note.webp") center center/100% 100% no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 28px 60px rgba(49,20,14,.42));
  font-size:28px;
  line-height:.9;
  animation:none;
}
.games-warning-card h2{
  font-size:52px;
  line-height:.82;
  margin:0 34px 12px;
}
.games-warning-copy{
  font-size:27px;
  line-height:.84;
  gap:5px;
  max-width:350px;
}
.games-warning-kicker{
  font-size:25px;
  line-height:.8;
}
.games-warning-button{
  font-family:var(--note-font) !important;
  font-size:28px;
  line-height:.72;
}
.notice-card-card{
  width:min(390px,calc(100vw - 30px));
  aspect-ratio:1 / 1;
  min-height:0;
  padding:124px 68px 72px;
  background:url("assets/warning-apple-note.webp") center center/100% 100% no-repeat;
  filter:drop-shadow(0 26px 55px rgba(49,20,14,.36));
  box-shadow:none;
  font-size:28px;
  line-height:.88;
  animation:none;
}
.notice-card-card h2{
  margin:0 28px 12px;
  font-size:45px;
  line-height:.82;
}
.notice-card-card p{
  max-width:230px;
  font-size:28px;
  line-height:.85;
}
.credits-note-close,
.games-warning-close,
.notice-card-close,
.favorites-key-close{
  position:absolute;
  top:18px;
  right:22px;
  width:auto;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  color:#5a3025;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  font-family:var(--note-font) !important;
  font-size:34px;
  font-weight:700;
  line-height:1;
  text-transform:lowercase;
  z-index:5;
}
.credits-note-close:hover,
.credits-note-close:focus-visible,
.games-warning-close:hover,
.games-warning-close:focus-visible,
.notice-card-close:hover,
.notice-card-close:focus-visible,
.favorites-key-close:hover,
.favorites-key-close:focus-visible{
  color:#b50f17;
  background:transparent;
  transform:none;
  outline:1px dashed currentColor;
  outline-offset:2px;
}

.credits-note-card{
  font-size:23px;
  line-height:1.08;
}
.credits-note-card h2{
  font-size:46px;
  line-height:.9;
}
.credits-note-card h3{
  font-size:31px;
  line-height:.95;
}
.credits-coded,
.credits-art{
  line-height:1.08;
}
.welcome-gate-card{
  font-size:24px;
  line-height:1.05;
}
.welcome-gate-card h2{
  font-size:41px;
  line-height:.95;
}
.welcome-gate-copy{
  font-size:24px;
  line-height:1.05;
}
.welcome-gate-button{
  font-family:var(--note-font) !important;
  font-size:24px;
  line-height:1;
}
.games-warning-card{
  width:min(560px,calc(100vw - 28px));
  aspect-ratio:1 / 1;
  min-height:0;
  padding:104px 82px 96px;
  background:url("assets/warning-apple-note.webp") center center/contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 28px 60px rgba(49,20,14,.42));
  font-size:23px;
  line-height:1.02;
  animation:none;
}
.games-warning-card h2{
  font-size:45px;
  line-height:.9;
  margin:0 34px 12px;
}
.games-warning-copy{
  font-size:22px;
  line-height:1;
  gap:5px;
  max-width:350px;
}
.games-warning-kicker{
  font-size:22px;
  line-height:1;
}
.games-warning-button{
  font-family:var(--note-font) !important;
  font-size:22px;
  line-height:1;
}
.notice-card-card{
  width:min(390px,calc(100vw - 30px));
  aspect-ratio:1 / 1;
  min-height:0;
  padding:124px 68px 72px;
  background:url("assets/warning-apple-note.webp") center center/contain no-repeat;
  filter:drop-shadow(0 26px 55px rgba(49,20,14,.36));
  box-shadow:none;
  font-size:23px;
  line-height:1;
  animation:none;
}
.notice-card-card h2{
  margin:0 28px 12px;
  font-size:39px;
  line-height:.9;
}
.notice-card-card p{
  max-width:230px;
  font-size:23px;
  line-height:1;
}
.credits-note-close,
.games-warning-close,
.notice-card-close,
.favorites-key-close{
  position:absolute;
  top:18px;
  right:22px;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  color:#5a3025;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  font-family:var(--note-font) !important;
  font-size:38px;
  font-weight:400;
  line-height:1;
  text-transform:lowercase;
  outline:0 !important;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  appearance:none;
}
.credits-note-close:hover,
.credits-note-close:focus,
.credits-note-close:focus-visible,
.games-warning-close:hover,
.games-warning-close:focus,
.games-warning-close:focus-visible,
.notice-card-close:hover,
.notice-card-close:focus,
.notice-card-close:focus-visible,
.favorites-key-close:hover,
.favorites-key-close:focus,
.favorites-key-close:focus-visible{
  color:#b50f17;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
}
.static-label[data-static-label="MINI BLOG"]{
  z-index:2147483225 !important;
}
.static-label[data-static-label="MYO JOURNAL!"]{
  z-index:2147483331 !important;
}
.static-label[data-static-label="WEBSITES"]{
  z-index:2147483333 !important;
}

.games-warning-kicker{
  display:none !important;
}
.games-warning-card{
  width:min(610px,calc(100vw - 24px));
  aspect-ratio:auto;
  min-height:620px;
  max-height:94vh;
  overflow:auto;
  padding:102px 84px 90px;
  background:url("assets/warning-apple-note.webp") center center/100% 100% no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 28px 60px rgba(49,20,14,.42));
  animation:none;
}
.games-warning-card h2{
  margin:0 34px 14px;
  color:#b50f17;
  font-family:var(--note-font) !important;
  font-size:44px;
  line-height:.92;
  letter-spacing:.02em;
}
.games-warning-copy{
  display:grid;
  gap:4px;
  justify-items:center;
  margin:0 auto 16px;
  max-width:375px;
  color:#4c251f;
  font-family:"Gaegu",Georgia,serif !important;
  font-size:20px;
  font-weight:700;
  line-height:1.08;
}
.games-warning-copy p{
  margin:0;
}
.games-warning-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:4px auto 0;
  max-width:390px;
}
.games-warning-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border:2px solid #5a3025;
  border-radius:999px;
  box-shadow:3px 4px 0 rgba(90,48,37,.28);
  font-family:"Gaegu",Georgia,serif !important;
  font-size:18px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none;
}
.games-warning-close{
  top:25px;
  right:35px;
}
.welcome-page[data-page="inspo"]{
  max-height:300px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--brown) var(--cream);
  font-size:15px;
}
.welcome-page[data-page="inspo"]::-webkit-scrollbar{
  width:8px;
}
.welcome-page[data-page="inspo"]::-webkit-scrollbar-track{
  background:var(--cream);
  border-radius:4px;
}
.welcome-page[data-page="inspo"]::-webkit-scrollbar-thumb{
  background:var(--brown);
  border-radius:4px;
}
.welcome-page[data-page="inspo"]::-webkit-scrollbar-thumb:hover{
  background:var(--apple-red);
}