:root{--ink: #2a1f3d;--ink-soft: #6d6280;--paper: #fdf0f2;--paper-2: #fff8ee;--pink: #ec4f86;--pink-deep: #c42a63;--pink-soft: #ffd6e4;--lav: #7b61ff;--lav-soft: #e6e0ff;--mint: #3fbf8f;--mint-soft: #d6f5e8;--sky: #4fb3ea;--butter: #ffd24a;--butter-soft: #fff1c2;--coral: #ff7a6b;--orange: #f5a524;--surface: #ffffff;--surface-solid: #ffffff;--border: rgba(42, 31, 61, .16);--border-strong: rgba(42, 31, 61, .8);--line: 2.5px solid var(--ink);--font: "Quicksand Variable", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--display: "Fredoka Variable", "Quicksand Variable", system-ui, sans-serif;--hand: "Caveat", "Segoe Print", cursive;--shadow-sm: 3px 3px 0 var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-lg: 7px 7px 0 var(--ink);--shadow-soft: 0 18px 40px -18px rgba(42, 31, 61, .35);--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--r-sm: 12px;--r: 16px;--r-lg: 22px;--r-xl: 26px;--gold: var(--pink);--glass: var(--surface);--glass-border: var(--border-strong);--cute-ink: var(--ink);--cute-ink-soft: var(--ink-soft);--cute-pink: var(--pink);--cute-lav: var(--lav);--cute-font: var(--font);--cute-hand: var(--hand);--cute-shadow: var(--shadow);--cute-ease: var(--ease);--cute-spring: var(--spring)}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{font-family:var(--font);color:var(--ink);font-synthesis-weight:none;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.01em}.app-bg{min-height:100dvh;background-color:var(--paper);background-image:radial-gradient(rgba(42,31,61,.13) 1.1px,transparent 1.3px);background-size:22px 22px;background-attachment:fixed}[data-icon]{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.18em}.ico{display:block;flex:none;stroke-width:2.1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-family:var(--display);font-weight:600;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .2s}.btn:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--lav);outline-offset:3px}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#3a2c52}.btn-pink{background:var(--pink);color:#fff}.btn-yellow{background:var(--butter);color:var(--ink)}.btn-lg{padding:14px 28px;font-size:17px}.card{background:#fff;border:var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow)}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:700;color:var(--ink-soft)}.input{width:100%;padding:11px 14px;border:2px solid var(--ink);border-radius:var(--r-sm);background:#fff;color:var(--ink);font:inherit;font-weight:600;outline:none;transition:box-shadow .2s}.input:focus{box-shadow:3px 3px 0 var(--pink)}.input::placeholder{color:var(--ink-soft);font-weight:500}.muted{color:var(--ink-soft)}.hand{font-family:var(--hand)}.page-head{position:relative;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px clamp(16px,4vw,40px)}.page-head h1{font-size:clamp(20px,3vw,28px)}.page-head .spacer{flex:1}.back-link{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--ink);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:600;font-size:14px;transition:transform .16s var(--ease),box-shadow .16s}.back-link:hover{transform:translate(-3px,-1px);box-shadow:4px 4px 0 var(--ink)}.site-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);text-decoration:none}.site-logo .mark{position:relative;width:30px;height:20px}.site-logo .mark i{position:absolute;top:0;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--ink)}.site-logo .mark i:first-child{left:0;background:var(--pink)}.site-logo .mark i:last-child{left:10px;background:var(--lav);mix-blend-mode:multiply}.site-logo:hover .mark i:first-child{animation:fp-orbit-l .6s var(--spring)}.site-logo:hover .mark i:last-child{animation:fp-orbit-r .6s var(--spring)}@keyframes fp-orbit-l{50%{transform:translate(10px)}}@keyframes fp-orbit-r{50%{transform:translate(-10px)}}.join-box{display:inline-flex;align-items:stretch;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.join-box input{width:88px;padding:7px 4px 7px 14px;border:none;outline:none;background:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ink)}.join-box input::placeholder{letter-spacing:1px;text-transform:lowercase;color:var(--ink-soft)}.join-box button{padding:0 14px;border:none;border-left:2px solid var(--ink);background:var(--butter-soft);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:700;font-size:13px;color:var(--ink);cursor:pointer}.join-box button:hover{background:var(--butter)}.join-box.bad{animation:fp-shake .35s}.head-create{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;padding:9px 16px}.join-tip{position:absolute;top:calc(100% - 6px);right:clamp(16px,4vw,40px);padding:6px 12px;border-radius:10px;border:2px solid var(--ink);background:#fff;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-sm)}@keyframes fp-pop{0%{opacity:0;transform:translateY(14px) scale(.96) rotate(var(--tilt, 0deg))}}@keyframes fp-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes fp-wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes fp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fp-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.6) rotate(45deg);opacity:.6}}@keyframes fp-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes fp-pulse{0%{box-shadow:0 0 #3fbf8f99}70%,to{box-shadow:0 0 0 7px #3fbf8f00}}@keyframes fp-draw{to{stroke-dashoffset:0}}@keyframes fp-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.reveal{opacity:0}.reveal.in{opacity:1;animation:fp-pop .6s var(--spring) both;animation-delay:var(--delay, 0ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1}}.head-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.back-link.quiet{box-shadow:none;border-width:1.5px;padding:6px 12px;font-size:13px}@media(max-width:560px){.site-logo{font-size:19px}.head-tools{width:100%;justify-content:flex-end}}.sound-btn{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s}.sound-btn:hover{transform:translate(-1px,-2px) rotate(-6deg);box-shadow:4px 5px 0 var(--ink)}.sound-btn.off{background:var(--pink-soft);color:var(--ink-soft)}body.locked>*:not(#login-screen){display:none!important}#login-screen{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background-color:var(--paper);background-image:radial-gradient(rgba(42,31,61,.13) 1.1px,transparent 1.3px);background-size:22px 22px;transition:opacity .3s var(--ease)}#login-screen.hidden{display:none}#login-screen.fade-out{opacity:0}.login-card{width:min(420px,100%);padding:34px 32px 30px;border-radius:var(--r-xl);background:#fff;border:var(--line);box-shadow:var(--shadow-lg);text-align:center;animation:fp-pop .5s var(--spring) both}.login-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:2px solid var(--ink);font-size:12px;font-weight:700;background:var(--butter);margin-bottom:16px;transform:rotate(-3deg)}.login-card h1{font-size:38px;color:var(--ink)}.login-card h1 span{color:var(--pink)}.login-subtitle{margin:6px 0 22px;color:var(--ink-soft);font-family:var(--hand);font-size:21px}.login-field{text-align:left;margin-bottom:14px}.login-field label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.login-input-wrap{position:relative}.login-input-wrap input{width:100%;padding:12px 14px;border:2px solid var(--ink);border-radius:var(--r-sm);background:#fff;color:var(--ink);font:inherit;font-weight:600;outline:none}.login-input-wrap input:focus{box-shadow:3px 3px 0 var(--pink)}.btn-icon-pass{position:absolute;right:8px;top:50%;translate:0 -50%;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:var(--ink-soft);cursor:pointer}.login-error{margin:10px 0 0;padding:9px 12px;border-radius:var(--r-sm);border:2px solid #c9455b;background:#fff1f3;color:#b23a52;font-size:13px;font-weight:600}.login-error.hidden{display:none}.login-submit{width:100%;margin-top:18px}.shake{animation:fp-shake .4s var(--ease)}.clocks{position:relative;display:flex;align-items:center;gap:14px;margin-left:auto;font-size:13px}.clock{border:none;background:none;font:inherit;color:var(--ink);padding:0}.clock small{color:var(--ink-soft);font-weight:600}.clock b{font-family:var(--display);font-weight:600}.clock.their{cursor:pointer;border-bottom:2px dashed var(--border-strong)}@keyframes home-beat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.18)}}.zone-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:230px;padding:14px;border-radius:16px;border:2.5px solid var(--ink);background:#fff;box-shadow:var(--shadow);display:grid;gap:10px;animation:fp-pop .3s var(--spring)}.zone-pop label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--ink-soft)}.clocks+.head-tools{margin-left:0}.home{max-width:1120px;margin:0 auto;padding:8px clamp(16px,4vw,40px) 60px;display:grid;gap:54px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:18px}.hero-title{font-size:clamp(42px,6.4vw,70px);line-height:1.02;font-weight:600;letter-spacing:-.02em}.squiggle{position:relative;white-space:nowrap}.squiggle svg{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:16px;overflow:visible}.squiggle path{fill:none;stroke:var(--pink);stroke-width:4;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:360;animation:fp-draw 1.1s .6s var(--ease) forwards}.hero-sub{margin-top:26px;max-width:46ch;font-size:16.5px;line-height:1.6;color:var(--ink-soft)}.resume{position:relative;display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:28px;padding:14px 16px 14px 18px;border:2.5px solid var(--ink);border-radius:10px;background:var(--butter);box-shadow:var(--shadow-sm);transform:rotate(-1.5deg);--tilt: -1.5deg}.resume .tape{position:absolute;top:-12px;left:40%;width:64px;height:20px;background:#ec4f868c;transform:rotate(-4deg)}.resume-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-size:16px;flex:none}.resume-copy{display:grid;line-height:1.25}.resume-copy em{font-size:19px;color:var(--ink-soft)}.resume-copy strong{font-family:var(--display);font-weight:600}.resume .btn{flex:none;padding:9px 18px}.booth-card{position:relative;display:grid;align-content:start;gap:12px;min-height:320px;padding:28px 48% 28px 26px;border:var(--line);border-radius:26px;background:var(--lav);box-shadow:var(--shadow-lg);color:#fff;text-decoration:none;transform:rotate(var(--tilt));transition:transform .3s var(--spring),box-shadow .3s;overflow:hidden}.booth-card:hover{transform:rotate(0) translate(-2px,-3px);box-shadow:10px 10px 0 var(--ink)}.booth-new{font-size:22px;color:var(--butter)}.booth-new .spark{display:inline-block;font-style:normal;animation:fp-twinkle 1.8s ease-in-out infinite}.booth-title{font-family:var(--display);font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.08}.booth-text{font-size:14px;line-height:1.5;opacity:.92}.booth-card .btn{justify-self:start;margin-top:6px}.booth-strips{position:absolute;right:18px;top:22px;bottom:-14px;width:44%}.strip{position:absolute;top:0;width:54%;padding:8px 8px 30px;border:2.5px solid var(--ink);border-radius:6px;background:#fff;box-shadow:var(--shadow-sm);display:grid;gap:7px}.strip.s1{left:0;transform:rotate(-6deg);animation:home-sway 4s ease-in-out infinite}.strip.s2{right:0;top:16px;transform:rotate(5deg);animation:home-sway 4s 1.2s ease-in-out infinite reverse}.booth-card:hover .strip.s1{transform:rotate(-11deg) translate(-8px)}.booth-card:hover .strip.s2{transform:rotate(10deg) translate(8px)}@keyframes home-sway{0%,to{rotate:0deg}50%{rotate:2deg}}.strip .p{position:relative;display:block;aspect-ratio:1.1;border:2px solid var(--ink);border-radius:4px;overflow:hidden}.strip .p:before,.strip .p:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:#2a1f3d40}.strip .p:before{top:22%;width:28%;aspect-ratio:1;border-radius:50%}.strip .p:after{bottom:-18%;width:64%;height:46%;border-radius:50% 50% 0 0}.p.pink{background:#ffc2d6}.p.pink:before,.p.pink:after{background:#ec4f86}.p.blue{background:#cfe9fb}.p.blue:before,.p.blue:after{background:#4fb3ea}.p.yellow{background:#ffe8a3}.p.yellow:before,.p.yellow:after{background:#f5a524}.p.lav{background:#e0d9ff}.p.lav:before,.p.lav:after{background:#6a4ff0}.p.mint{background:#c8f0df}.p.mint:before,.p.mint:after{background:#2f9e74}.strip b{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:15px;color:var(--ink);font-weight:600}.booth-star{position:absolute;font-style:normal;color:var(--butter);animation:fp-twinkle 2.2s ease-in-out infinite}.booth-star.a{top:12px;right:46%;font-size:20px}.booth-star.b{bottom:22px;right:12px;font-size:26px;animation-delay:.8s;color:#fff}#games{display:grid;gap:52px}.shelf{display:grid;gap:20px}.shelf-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;transform:rotate(var(--tilt));transform-origin:left center;width:fit-content}.shelf-pill{padding:7px 18px;border:2.5px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-sm);font-size:clamp(20px,2.6vw,26px);color:#fff}.shelf-pill.pink{background:var(--pink)}.shelf-pill.lav{background:var(--lav)}.shelf-pill.orange{background:var(--orange)}.shelf-note{font-size:21px;color:var(--ink-soft);transform:rotate(2deg)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.gcard{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;padding:10px 10px 12px;border:var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transform:rotate(var(--tilt));transition:transform .25s var(--spring),box-shadow .25s var(--ease)}.gcard:hover{transform:rotate(0) translate(-2px,-5px);box-shadow:8px 10px 0 var(--ink)}.gcard:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.gcard strong{font-family:var(--display);font-weight:600;font-size:17px;margin-top:4px;padding:0 4px}.gcard small{font-size:12.5px;line-height:1.45;color:var(--ink-soft);padding:0 4px}.gcard .tape{position:absolute;top:-11px;left:50%;width:60px;height:20px;translate:-50% 0;background:#ffd24ad9;border:1px solid rgba(42,31,61,.08);transform:rotate(-3deg);z-index:2}.gcard:hover .tape{animation:fp-wiggle .5s ease-in-out 2}.tags{display:flex;gap:6px;flex-wrap:wrap;padding:4px 4px 0}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1.5px solid var(--ink);border-radius:999px;font-size:11px;font-weight:700}.tag.live{background:var(--mint-soft)}.tag.live i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:fp-pulse 2s infinite}.tag.bot{background:var(--pink-soft)}.thumb{display:grid;place-items:center;height:112px;border:2px solid var(--ink);border-radius:12px;overflow:hidden}.thumb.butter{background:var(--butter-soft)}.thumb.pink{background:var(--pink-soft)}.thumb.lav{background:var(--lav-soft)}.thumb.mint{background:var(--mint-soft)}.thumb.paper{background:var(--paper-2)}.thumb svg{overflow:visible}.t-row{display:flex;gap:4px;justify-content:center}.t-row i{display:grid;place-items:center;width:22px;height:22px;border:1.8px solid var(--ink);border-radius:5px;background:#fff;font-family:var(--display);font-style:normal;font-size:12px;font-weight:600}.t-row i.pink{background:var(--pink);color:#fff}.t-row i.yellow{background:var(--butter)}.t-row i.green{background:var(--mint);color:#fff}.t-row i.blank{color:transparent}.t-row i.q{background:var(--lav-soft)}.th-tiles{display:grid;gap:4px}.gcard:hover .t-row i{animation:home-flip .5s var(--ease) both;animation-delay:calc(var(--i) * 60ms)}@keyframes home-flip{50%{transform:rotateX(90deg)}}.th-jinx{position:relative;display:flex;gap:10px}.th-jinx .pill{padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-family:var(--display);font-weight:600;font-size:13px;transition:transform .3s var(--spring)}.th-jinx em{position:absolute;left:50%;bottom:-28px;translate:-50% 0;font-size:22px;color:var(--pink);transform:rotate(-6deg)}.gcard:hover .th-jinx .l{transform:translate(6px) rotate(-4deg)}.gcard:hover .th-jinx .r{transform:translate(-6px) rotate(4deg)}.th-hang{display:grid;justify-items:center;gap:6px}.th-hang .gallows{width:54px;height:44px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.th-hang .swing{transform-origin:38px 13px;transform-box:view-box;animation:home-swing 2.4s ease-in-out infinite}@keyframes home-swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.th-bomb{display:grid;justify-items:center;gap:8px}.th-bomb .bomb{width:46px;height:46px}.th-bomb circle:first-child{fill:var(--ink)}.th-bomb .fuse{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.th-bomb .sparky{fill:var(--orange);transform-origin:center;transform-box:fill-box;animation:fp-twinkle .5s ease-in-out infinite}.gcard:hover .th-bomb .bomb{animation:fp-shake .4s infinite}.th-code{display:grid;justify-items:center;gap:10px}.th-code .t-row i{width:26px;height:28px;font-size:14px}.th-code .q{animation:fp-twinkle 1.6s infinite}.pegs{display:flex;gap:5px}.pegs i{width:10px;height:10px;border-radius:50%;border:1.8px solid var(--ink)}.pegs i.on{background:var(--lav)}.th-grid{display:grid;grid-template-columns:repeat(6,16px);gap:3px}.th-grid i{width:16px;height:16px;border:1.5px solid var(--ink);border-radius:3px;background:#fff}.th-grid i.ship{background:var(--lav)}.th-grid i.miss{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2l-6 6' stroke='%236d6280' stroke-width='1.6'/%3E%3C/svg%3E")}.th-grid i.hit{background:var(--pink)}.gcard:hover .th-grid i.hit{animation:fp-twinkle .6s 3}.th-dots svg{width:74px;height:54px}.th-dots .pts circle{fill:var(--ink)}.th-dots .ln{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.th-dots .draw{stroke:var(--pink);stroke-dasharray:22;stroke-dashoffset:22;animation:home-dash 2.4s ease-in-out infinite}@keyframes home-dash{40%,80%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.th-dots text{font-family:var(--display);font-weight:600;font-size:12px;fill:var(--lav);text-anchor:middle}.th-guess{position:relative;display:flex;gap:8px}.th-guess .face{position:relative;width:24px;height:30px}.th-guess .face:before{content:"";position:absolute;top:0;left:5px;width:14px;height:14px;border-radius:50%;border:1.8px solid var(--ink)}.th-guess .face:after{content:"";position:absolute;bottom:0;left:1px;width:22px;height:12px;border-radius:10px 10px 2px 2px;border:1.8px solid var(--ink)}.th-guess .p:before,.th-guess .p:after{background:var(--pink)}.th-guess .b:before,.th-guess .b:after{background:var(--sky)}.th-guess .y:before,.th-guess .y:after{background:var(--orange)}.th-guess .x{opacity:.55}.th-guess .x{background:linear-gradient(45deg,transparent 46%,var(--ink) 46% 54%,transparent 54%)}.th-guess em{position:absolute;left:50%;bottom:-26px;translate:-50% 0;white-space:nowrap;font-size:17px;color:var(--ink-soft)}.th-clue{display:grid;gap:5px;justify-items:center}.bub{padding:4px 10px;border:1.8px solid var(--ink);border-radius:999px;background:#fff;font-size:11px;font-weight:700;animation:fp-float 3s ease-in-out infinite}.bub:nth-child(2){animation-delay:.4s}.bub.dark{background:var(--lav);color:#fff;animation-delay:.8s}.th-escape{position:relative;display:grid;place-items:center;width:100%}.th-escape svg{width:148px}.th-escape em{position:absolute;right:6px;top:-2px;font-family:var(--hand);font-size:15px;color:var(--mint);font-style:normal;transform:rotate(-7deg)}.gcard:hover .th-escape svg{animation:fp-bob 1.1s ease-in-out infinite}@keyframes fp-bob{50%{transform:translateY(-3px)}}.th-spot{display:flex;align-items:center;gap:4px}.th-spot .c{position:relative;width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;background:#fff}.th-spot .star{position:absolute;font-style:normal;font-size:18px;color:var(--orange)}.th-spot .a .star{top:4px;left:6px}.th-spot .b .star{bottom:6px;right:8px}.th-spot .dot{position:absolute;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink)}.th-spot .dot.b{background:var(--sky);bottom:8px;left:10px}.th-spot .dot.p{background:var(--pink);top:10px;right:9px}.th-spot .link{width:22px;border-top:2px dashed var(--pink)}.gcard:hover .th-spot .star{animation:fp-twinkle .7s infinite}.th-draw svg{width:88px;height:48px}.th-draw .scribble{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:0}.gcard:hover .th-draw .scribble{animation:home-scribble 1.4s var(--ease) both}@keyframes home-scribble{0%{stroke-dashoffset:160}}.th-draw .tip{fill:var(--orange)}.th-mono{position:relative;display:grid;place-items:center}.th-mono .ring{display:grid;grid-template-columns:repeat(4,18px);grid-template-rows:repeat(3,18px);gap:3px}.th-mono .ring i{border:1.5px solid var(--ink);border-radius:3px;background:#fff}.th-mono .ring i:nth-child(6),.th-mono .ring i:nth-child(7){visibility:hidden}.th-mono .ring i.pink{background:var(--pink)}.th-mono .ring i.yellow{background:var(--butter)}.th-mono .ring i.lav{background:var(--lav)}.th-mono .ring i.mint{background:var(--mint)}.th-mono em{position:absolute;font-size:14px}.th-flower .flower{width:50px;height:56px}.th-flower .stem{fill:none;stroke:var(--mint);stroke-width:2.5;stroke-linecap:round}.th-flower .bloom{transform-origin:25px 26px;transform-box:view-box;animation:home-swing 3s ease-in-out infinite}.th-flower circle{stroke:var(--ink);stroke-width:1.5}.how{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center;padding:26px;border:2.5px dashed var(--border-strong);border-radius:26px}.how-doodle .doodle{width:100%;max-width:460px}.how-steps{list-style:none;display:grid;gap:16px}.how-steps li{display:flex;align-items:center;gap:14px}.how-steps b{display:grid;place-items:center;width:42px;height:42px;flex:none;border:2.5px solid var(--ink);border-radius:50%;background:var(--butter);box-shadow:var(--shadow-sm);font-family:var(--display);font-size:20px}.how-steps li:nth-child(2) b{background:var(--pink);color:#fff}.how-steps li:nth-child(3) b{background:var(--lav);color:#fff}.how-steps span{display:grid;font-size:14px;color:var(--ink-soft)}.how-steps strong{font-family:var(--display);font-weight:600;font-size:19px;color:var(--ink)}.home-foot{display:grid;justify-items:center;gap:14px;padding-top:8px}.home-foot p{font-size:24px}.foot-heart{display:inline-block;color:var(--pink);animation:home-beat 1.4s ease-in-out infinite}@media(max-width:1000px){.cards,.cards.four{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.hero,.how{grid-template-columns:1fr}.clocks{order:3;width:100%;justify-content:flex-start;margin-left:0}}@media(max-width:600px){.cards,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.booth-card{padding-right:26px;padding-bottom:210px}.booth-strips{top:auto;bottom:-30px;height:220px;width:70%;right:15%}.thumb{height:96px}}