html.kid {
--k-bg: #1f5d49; --k-ink: #2b2418; --k-cream: #fbf1d6; --k-gold: #f7c948; --k-gold-ink: #f3c54a;
--k-paper: #fbf8ef; --k-tape: rgba(236,226,196,0.95);
--k-hand: "Packlabs Hand", "Chalkboard SE", cursive;
--k-row: "Packlabs Row", "Bradley Hand", cursive;
--k-marker: "Packlabs Marker", "Marker Felt", cursive;
--k-body: var(--k-row);
--k-corr: repeating-linear-gradient(90deg, rgba(150,104,52,0.30) 0 1.5px, transparent 1.5px 7px), #c99b62;
--k-grid: linear-gradient(rgba(64,110,180,0.16) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(90deg, rgba(64,110,180,0.16) 1px, transparent 1px) 0 0 / 14px 14px;
--k-lined: repeating-linear-gradient(to bottom, transparent 0 25px, rgba(64,110,180,0.22) 25px 26px);
}
html.kid body.lp { background: var(--k-bg); color: var(--k-cream); }
html.kid body.lp::before { display: none; }
html.kid .lp-hero, html.kid .lp-strip, html.kid .lp-sec, html.kid .lp-closer, html.kid .lp-foot { background: transparent; border: 0; box-shadow: none; position: relative; z-index: 1; }
html.kid body.lp p, html.kid body.lp li, html.kid .lp-lede, html.kid .lp-sub, html.kid .lp-fineprint { font-family: var(--k-body); }
html.kid .lp-lede { font-size: 20px; line-height: 1.35; }
html.kid .lp-sub { font-size: 18px; line-height: 1.4; }
html.kid .lp-lede, html.kid .lp-sub, html.kid .lp-fineprint, html.kid .lp-ai-note, html.kid .lp-fxnote, html.kid .lp-fxprint { color: rgba(251,241,214,0.88); }
html.kid .lp-bar { background: var(--k-tape); border: 0; box-shadow: 0 3px 0 rgba(0,0,0,0.2); backdrop-filter: none; -webkit-backdrop-filter: none; z-index: 50;
clip-path: polygon(0 0, 100% 0, 100% 88%, 97% 100%, 93% 90%, 88% 100%, 82% 91%, 76% 100%, 70% 90%, 63% 100%, 57% 91%, 50% 100%, 44% 90%, 37% 100%, 31% 91%, 25% 100%, 18% 90%, 12% 100%, 6% 91%, 0 100%); }
html.kid .lp-bar-word { font: 400 24px/1 var(--k-marker); color: var(--k-ink); -webkit-text-fill-color: var(--k-ink); background: none; }
html.kid .lp-bar-link { font: 400 14px/1 var(--k-marker); color: var(--k-ink); }
html.kid .lp-title, html.kid .lp-h2 { font-family: var(--k-marker); font-weight: 400; background: none; -webkit-text-fill-color: currentColor; text-shadow: 3px 3px 0 rgba(0,0,0,0.22); letter-spacing: 0.5px; }
html.kid .lp-title { color: var(--k-gold); font-size: clamp(44px, 5.4vw, 72px); line-height: 1.02; transform: rotate(-1.5deg); }
html.kid .lp-h2 { color: var(--k-cream); font-size: clamp(32px, 3.8vw, 48px); }
html.kid .lp-h2::after, html.kid .lp-title::after { content: ""; display: block; width: 190px; height: 14px; margin: 8px auto 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 14'%3E%3Cpath d='M4 8c22-6 36 5 60 0s42-6 62 0 38 4 60-3' fill='none' stroke='%23f7c948' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.kid .lp-title::after { margin: 10px 0 0; width: 260px; }
html.kid .lp-eyebrow { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 48' preserveAspectRatio='none'%3E%3Cpath d='M44 5 C 72 3, 97 12, 95 26 C 93 39, 66 45, 42 43 C 16 41, 3 32, 5 22 C 7 11, 30 3, 62 7' fill='none' stroke='%23f7c948' stroke-width='2.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
border: 0; border-radius: 0; color: var(--k-cream); font: 400 26px/1 var(--k-hand); letter-spacing: 0.3px; text-transform: none; padding: 10px 22px 12px; }
html.kid .lp-btn { border-radius: 6px; border: 0; font: 400 16px/1 var(--k-marker); letter-spacing: 0.3px; box-shadow: 3px -4px 0 rgba(0,0,0,0.3); position: relative; backdrop-filter: none; -webkit-backdrop-filter: none; }
html.kid .lp-btn-gold { background: var(--k-gold); color: var(--k-ink); transform: rotate(-1.5deg); }
html.kid .lp-btn-gold::before { content: ""; position: absolute; inset: -8px; background: rgba(255,255,255,0.8); pointer-events: none;
-webkit-mask-box-image: url("../assets/textures/chalk-frame-a.png") 48 / 24px round; mask-border: url("../assets/textures/chalk-frame-a.png") 48 / 24px round; mask-image: var(--mb-fallback) url("../assets/textures/mb/chalk-frame-a-48-24.svg"); mask-size: 100% 100%; mask-repeat: no-repeat; }
html.kid .lp-btn-glass, html.kid .lp-btn-ghost { background: var(--k-paper); color: var(--k-ink); transform: rotate(1deg); }
html.kid .lp-btn-glass::after, html.kid .lp-btn-ghost::after { content: ""; position: absolute; left: 50%; top: -7px; width: 40px; height: 13px; margin-left: -20px; background: var(--k-tape); transform: rotate(-5deg); }
html.kid .lp-btn:hover { transform: rotate(0deg) translateY(-1px); }
html.kid .lp-usp { border: 0; border-radius: 10px; box-shadow: 3px -5px 0 rgba(0,0,0,0.28); position: relative; color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
html.kid .lp-usp:nth-child(5n+1) { background: #e8734f; transform: rotate(-1.5deg); }
html.kid .lp-usp:nth-child(5n+2) { background: #4f8fd8; transform: rotate(1deg); }
html.kid .lp-usp:nth-child(5n+3) { background: #f0b53a; transform: rotate(-0.6deg); }
html.kid .lp-usp:nth-child(5n+4) { background: #9a6ad6; transform: rotate(1.4deg); }
html.kid .lp-usp:nth-child(5n+5) { background: #e25d8f; transform: rotate(-1deg); }
html.kid .lp-usp::before { content: ""; position: absolute; inset: -6px; background: rgba(255,255,255,0.72); pointer-events: none;
-webkit-mask-box-image: url("../assets/textures/chalk-frame-b.png") 48 / 24px round; mask-border: url("../assets/textures/chalk-frame-b.png") 48 / 24px round; mask-image: var(--mb-fallback) url("../assets/textures/mb/chalk-frame-b-48-24.svg"); mask-size: 100% 100%; mask-repeat: no-repeat; }
html.kid .lp-usp h3 { font: 400 17px/1.15 var(--k-marker); color: #fff; }
html.kid .lp-usp p { color: rgba(255,255,255,0.94); font-size: 15px; line-height: 1.3; }
html.kid .lp-usp-ic { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; margin: 0 0 8px -4px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='19' fill='rgba(0,0,0,0.16)'/%3E%3Cpath d='M24 4.5c11 .3 19.6 8.6 19.3 19.8-.3 11-9.4 19.4-20.2 19-10.6-.4-18.8-9.2-18.4-20C5.1 12.5 13.8 4.7 26 5.4' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.kid .lp-usp-ic svg { width: 22px; height: 22px; display: block; }
html.kid .lp-demo-rail { background: var(--k-grid), var(--k-paper) !important; border: 0 !important; border-radius: 3px !important; box-shadow: 4px -6px 0 rgba(0,0,0,0.28) !important; color: var(--k-ink); transform: rotate(1.2deg); backdrop-filter: none !important; }
html.kid .lp-demo-rail * { color: var(--k-ink); }
html.kid .lp-demo-rail .lp-rail-label { font: 400 18px/1 var(--k-hand); letter-spacing: 0; text-transform: none; }
html.kid .lp-demo-rail input.lp-field { background: transparent !important; border: 0 !important; border-bottom: 2px solid rgba(43,36,24,0.75) !important; border-radius: 0 !important;
height: 30px; padding: 0 4px; font: 400 21px/1 var(--k-hand) !important; box-shadow: none; }
html.kid .lp-demo-rail input.lp-field:focus { border-bottom-color: #c0392b !important; background: rgba(255,247,200,0.45) !important; }
html.kid .lp-demo-rail .lp-chips { gap: 12px 10px; padding: 4px 2px 2px; }
html.kid .lp-demo-rail .lp-note, html.kid .lp-demo-rail .lp-note:hover, html.kid .lp-demo-rail .lp-note.on {
background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0 22%, transparent 22%), var(--pc) !important; border: 0 !important; border-radius: 1px !important; color: var(--k-ink); }
html.kid .lp-demo-rail .lp-note:hover { transform: rotate(0deg) translateY(-3px); }
html.kid .lp-demo-rail .lp-note { height: auto; min-height: 40px; width: 100%; padding: 6px 7px 5px; justify-content: flex-start; gap: 8px;
font: 400 18px/1 var(--k-hand); white-space: nowrap; }
html.kid .lp-demo-rail .lp-note.sel { transform: rotate(0deg) translateY(-2px); box-shadow: 3px -5px 0 rgba(0,0,0,0.3); }
html.kid .lp-demo-rail .lp-note.off { opacity: 0.45; cursor: default; }
html.kid .lp-note-word { overflow: hidden; text-overflow: ellipsis; }
html.kid .lp-demo-rail .lp-chips-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; }
html.kid .lp-demo-rail .lp-chips-cards .lp-note { justify-content: center; padding: 7px 4px 6px; }
html.kid .lp-note-card { flex: 0 0 auto; width: 38px; height: 53px; position: relative; display: block; }
html.kid .lp-note-card > .tcard { width: 38px !important; box-shadow: 1px -1.5px 0 rgba(0,0,0,0.3); pointer-events: none; }
html.kid .lp-note-card .card-credit { display: none; }
html.kid .lp-note-shape { flex: 0 0 auto; width: 22px; height: 22px; background: #f7c948; display: block; filter: drop-shadow(1px -1px 0 rgba(43,36,24,0.55)); }
html.kid .lp-note-shape.shape-circle { border-radius: 50%; }
html.kid .lp-note-shape.shape-zigzag { background: #f28c5a; width: 25px; height: 25px; }
html.kid .lp-note-shape.shape-heart { background: #f5a3bf; }
html.kid .lp-demo-rail .lp-note[data-val="circle"] { --pc: #a6d6f2; }
html.kid .lp-demo-rail .lp-note[data-val="zigzag"] { --pc: #f7e26b; }
html.kid .lp-demo-rail .lp-note[data-val="heart"] { --pc: #bde58f; }
html.kid .lp-demo-rail .lp-note[data-val="hexagon"] { --pc: #f8b870; }
html.kid .lp-note-shape.shape-hexagon { clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%); background: #7c5cc4; }
html.kid .lp-demo-rail .lp-step { gap: 5px; }
html.kid .lp-demo-rail .lp-step-btn.paper-btn { width: 25px; height: 25px; padding: 0 0 2px; justify-content: center; font: 400 19px/1 var(--k-marker);
background: #fbf8ef !important; border: 1.6px solid var(--k-ink) !important; border-radius: 5px 7px 4px 8px / 7px 4px 8px 5px !important;
box-shadow: 2px -2.5px 0 rgba(40,24,10,0.3) !important; --r: -4deg; }
html.kid .lp-demo-rail .lp-step-btn.paper-btn + .lp-step-n + .lp-step-btn.paper-btn { --r: 3deg; border-radius: 7px 4px 8px 5px / 5px 7px 4px 8px !important; }
html.kid .lp-demo-rail .lp-step-btn.paper-btn:hover { background: #fff4c4 !important; }
html.kid .lp-demo-rail .lp-step-btn.paper-btn::before { display: none; }
html.kid .lp-demo-rail .lp-step-n { font: 400 22px/1 var(--k-marker); }
html.kid .lp-demo-rail::after { content: ""; position: absolute; left: 50%; top: -9px; width: 60px; height: 20px; margin-left: -30px; background: var(--k-tape); transform: rotate(-3deg); }
html.kid .lp-fxdemo .pb-panel, html.kid .lp-fxdemo .pb-embed { background: var(--k-paper) !important; border: 0 !important; box-shadow: 5px -7px 0 rgba(0,0,0,0.28) !important; color: var(--k-ink); border-radius: 3px !important; }
html.kid .lp-fxdemo .pb-title, html.kid .lp-fxdemo .pb-sec-txt, html.kid .lp-fxdemo .pb-summary { color: var(--k-ink) !important; font-family: var(--k-hand); font-size: 19px; letter-spacing: 0; text-transform: none; }
html.kid .lp-fxdemo .pb-stage, html.kid .lp-fxdemo .pb-rows { background: var(--k-lined), #fffdf6 !important; border-color: rgba(64,110,180,0.35) !important; }
html.kid .lp-fxdemo .pb-btn { background: #fff !important; color: var(--k-ink) !important; border: 1.5px solid var(--k-ink) !important; }
html.kid .lp-fxdemo { position: relative; }
html.kid .lp-fxdemo::before, html.kid .lp-fxdemo::after { content: ""; position: absolute; top: -10px; width: 64px; height: 22px; background: var(--k-tape); z-index: 3; }
html.kid .lp-fxdemo::before { left: -18px; top: 2px; transform: rotate(-40deg); }
html.kid .lp-fxdemo::after { right: -18px; top: 2px; transform: rotate(40deg); }
html.kid .lp-table-wrap { background: var(--k-corr); border-radius: 3px; padding: 30px; position: relative;
box-shadow: inset 0 0 0 2px #8c6030, inset 16px 0 0 #c8995d, inset -16px 0 0 #bb8a4f, inset 0 16px 0 #dcb47e, inset 0 -16px 0 #a8763f, 7px -11px 0 rgba(0,0,0,0.3); }
html.kid .lp-felt { background: transparent !important; box-shadow: none !important; border-color: transparent !important; }
html.kid .lp-felt .tzone:not(.tzone-cell)::before { inset: -12px; border: none; border-radius: 0; background: #1d1a17; -webkit-mask: none; mask: none;
-webkit-mask-box-image: url("../assets/textures/marker-frame.png") 48 / 24px round; mask-border: url("../assets/textures/marker-frame.png") 48 / 24px round; mask-image: var(--mb-fallback) url("../assets/textures/mb/marker-frame-48-24.svg"); mask-size: 100% 100%; mask-repeat: no-repeat; }
html.kid .lp-felt .tzone-label { font: 400 11px/13px var(--k-marker); letter-spacing: 0.4px; color: #1d1a17; }
html.kid .lp-hint { background: var(--k-paper); color: var(--k-ink); font: 400 19px/1 var(--k-hand); border: 0; border-radius: 0; box-shadow: 1px -2px 0 rgba(0,0,0,0.2); transform: rotate(-1deg); }
html.kid .lp-ai { background: var(--k-paper) !important; border: 0 !important; border-radius: 2px !important; box-shadow: 4px -6px 0 rgba(0,0,0,0.28) !important; backdrop-filter: none !important; position: relative; transform: rotate(-0.6deg); }
html.kid .lp-ai, html.kid .lp-ai * { color: var(--k-ink); }
html.kid .lp-ai::before, html.kid .lp-ai::after { content: ""; position: absolute; top: 50%; width: 46px; height: 20px; margin-top: -10px; background: var(--k-tape); }
html.kid .lp-ai::before { left: -22px; transform: rotate(-80deg); }
html.kid .lp-ai::after { right: -22px; transform: rotate(84deg); }
html.kid .plan-face { background: var(--k-paper) var(--k-lined) 0 58px / 100% 100% no-repeat; border: 0; box-shadow: 4px -6px 0 rgba(0,0,0,0.3); }
html.kid .plan-face, html.kid .plan-face * { color: var(--k-ink); -webkit-text-fill-color: currentColor; }
html.kid .plan-name { font: 400 26px/1 var(--k-marker); }
html.kid .plan-cost { font: 400 34px/1 var(--k-marker); color: #c0392b !important; -webkit-text-fill-color: #c0392b; }
html.kid .plan-head { border-bottom: 2px solid rgba(192,57,43,0.55); }
html.kid .plan-feat { font-family: var(--k-row); font-size: 15px; }
html.kid .plan-badge { position: absolute; top: -40px; right: -36px; left: auto; background: var(--k-gold); border-radius: 50%; width: 86px; height: 86px; display: grid; place-items: center; text-align: center; font: 400 10px/1.05 var(--k-marker); padding: 12px; box-sizing: border-box; transform: rotate(12deg); z-index: 4;
clip-path: polygon(50% 0, 61% 12%, 77% 6%, 80% 22%, 96% 26%, 89% 41%, 100% 54%, 86% 63%, 90% 80%, 73% 81%, 66% 97%, 52% 88%, 37% 99%, 30% 83%, 13% 85%, 15% 68%, 0 58%, 11% 45%, 3% 29%, 20% 24%, 22% 7%, 38% 12%); }
html.kid .plan-flip.p1 .plan-face { transform: rotate(-1.2deg); }
html.kid .plan-flip.p2 .plan-face { transform: rotate(1deg); }
html.kid .plan-cta { font: 400 15px/1 var(--k-marker); border-radius: 6px; box-shadow: 2px -3px 0 rgba(0,0,0,0.25); }
html.kid .plan-cta { background: #fff !important; border: 1.5px solid var(--k-ink) !important; color: var(--k-ink) !important; -webkit-text-fill-color: var(--k-ink) !important; }
html.kid .plan-cta.btn-primary { background: var(--k-gold) !important; }
html.kid .lp-faq-item { background: var(--k-paper) linear-gradient(rgba(192,57,43,0.55), rgba(192,57,43,0.55)) 0 44px / 100% 1.5px no-repeat; border: 0; border-radius: 2px; box-shadow: 2px -4px 0 rgba(0,0,0,0.25); color: var(--k-ink); }
html.kid .lp-faq-item:nth-child(odd) { transform: rotate(-0.5deg); }
html.kid .lp-faq-item:nth-child(even) { transform: rotate(0.45deg); }
html.kid .lp-faq-item summary { font: 400 18px/1.2 var(--k-row); color: var(--k-ink); }
html.kid .lp-faq-item p { color: #3a2f22; }
html.kid .lp-foot, html.kid .lp-foot a { color: rgba(251,241,214,0.75); font-family: var(--k-row); }
body.lp > .k-things, body.lp > .k-notes { position: absolute !important; left: 0; top: 0; width: 100%; height: 0; pointer-events: none; }
body.lp > .k-things { z-index: 0; }
body.lp > .k-notes { z-index: 20; }
.k-thing { position: absolute; filter: drop-shadow(3px -5px 0 rgba(0,0,0,0.28)); }
.k-note { position: absolute; font: 400 27px/0.95 "Packlabs Hand", cursive; color: #fbf1d6; max-width: 170px; text-align: center; }
.k-note span { display: inline-block; transform: rotate(var(--r, -3deg)); }
.k-arrow { position: absolute; overflow: visible; }
html.kid, html.kid body.lp { overflow-x: clip; }
html.kid .lp-hero, html.kid .lp-sec, html.kid .lp-closer { overflow: visible; }
html.kid .room-sh { z-index: 0; } html.kid .room-obj { z-index: 2; }
html.kid :is(.lp-sec, .lp-hero, .lp-closer) > :not(canvas):not(.room-crumb) { position: relative; z-index: 1; }
html.kid :is(.lp-sec, .lp-hero, .lp-closer) > canvas { position: absolute !important; left: 0; top: 0; pointer-events: none; }
body.lp > .k-host { position: absolute !important; left: 0; right: 0; width: 100%; z-index: 30 !important; pointer-events: none; }
body.lp > .k-host > canvas { pointer-events: none; }
html.kid .lp-table-wrap { background: none !important; box-shadow: none !important; padding: 36px 36px 30px; margin: 70px auto; max-width: 860px; }
html.kid .lp-table-wrap > .k-box { position: absolute; z-index: 0; pointer-events: none; filter: drop-shadow(6px -10px 0 rgba(0,0,0,0.25)); }
html.kid .lp-table-wrap > .k-box svg { display: block; }
html.kid .lp-table-wrap > :not(.k-box) { position: relative; z-index: 1; }
html.kid .lp-ai { background: #d9b98a !important; }
html.kid .lp-ai::before, html.kid .lp-ai::after { background: rgba(250, 244, 226, 0.85); }
html.kid .plan-face { background: #fbf6e8 !important; border-radius: 18px !important; border: 0 !important; box-shadow: 5px -8px 0 rgba(0,0,0,0.3) !important; position: relative; overflow: visible !important; }
html.kid .plan-card { background: none !important; box-shadow: none !important; padding: 0 !important; }
html.kid .plan-face::after, html.kid .plan-card.featured .plan-face::after { content: ""; position: absolute; inset: -4px; top: -4px; left: -4px; width: auto; height: auto; animation: none !important; transform: none !important; z-index: 2; pointer-events: none; background: #2b2418; border-radius: 18px;
-webkit-mask-box-image: url("../assets/textures/chalk-frame-a.png") 48 / 24px round; mask-border: url("../assets/textures/chalk-frame-a.png") 48 / 24px round; mask-image: var(--mb-fallback) url("../assets/textures/mb/chalk-frame-a-48-24.svg"); mask-size: 100% 100%; mask-repeat: no-repeat; }
html.kid .plan-flip.p2 .plan-face { background: #f2c231 !important; }
html.kid .plan-flip.p2 .plan-face::after { background: #8a5a06; }
html.kid .plan-flip.p2 .plan-face::before { content: ""; position: absolute; inset: 0; border-radius: 18px; pointer-events: none; padding: 14px;
background:
radial-gradient(circle, #fff 0 1.3px, transparent 1.9px) 0 0 / 11px 13px,
radial-gradient(circle, #fff7c2 0 1px, transparent 1.6px) 5px 6px / 9px 10px,
radial-gradient(circle, #ff9fc8 0 1.1px, transparent 1.7px) 3px 2px / 17px 15px,
radial-gradient(circle, #9fe2ff 0 1.1px, transparent 1.7px) 8px 9px / 15px 19px, #e8a91a;
-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000); -webkit-mask-composite: xor;
mask: linear-gradient(#000, #000) content-box exclude, linear-gradient(#000, #000); }
html.kid .plan-face > :not(.k-stk) { position: relative; z-index: 1; }
html.kid .plan-head { border-bottom: 2px dashed rgba(43,36,24,0.35); }
html.kid .k-stk { position: absolute; z-index: 3; transform: rotate(var(--r)); filter: drop-shadow(1px -2px 0 rgba(0,0,0,0.25)); pointer-events: none; line-height: 0; }
html.kid .plan-badge { display: none; }
html.kid .lp-faq { filter: drop-shadow(2px -4px 0 rgba(0,0,0,0.28)); }
html.kid .lp-faq-item { box-shadow: none !important; border-radius: 0 !important;
background: linear-gradient(rgba(0,0,0,0.06), rgba(0,0,0,0) 12px), var(--pi, #fde68a) !important;
clip-path: polygon(0 2px, 18% 0, 46% 2px, 73% 0, 100% 1px, calc(100% - 3px) 22%, 100% 38%, calc(100% - 4px) 55%, 100% 72%, calc(100% - 2px) 88%, 100% 100%, 68% calc(100% - 2px), 34% 100%, 0 calc(100% - 1px), 3px 80%, 0 62%, 4px 45%, 0 28%, 2px 12%); }
html.kid .lp-faq-item:nth-child(4n+1) { --pi: #fde68a; }
html.kid .lp-faq-item:nth-child(4n+2) { --pi: #fbc6d8; }
html.kid .lp-faq-item:nth-child(4n+3) { --pi: #c3e4f7; }
html.kid .lp-faq-item:nth-child(4n+4) { --pi: #cdefb4; }
html.kid .lp-faq-item[open] { background: linear-gradient(rgba(0,0,0,0.06), rgba(0,0,0,0) 12px), var(--pi) !important; }
html.kid .lp-faq-item[open] p { border-top: 2px dashed rgba(43,36,24,0.3); padding-top: 10px; margin-top: 4px; }
html.kid .lp-faq-item summary { font-size: 19px; }
html.kid .lp-fxdemo .pb-palette { background: #d68b62 !important; border-radius: 4px; padding: 16px 16px 10px !important;
box-shadow: inset 0 0 0 2px #8a4a28, inset 0 12px 0 #944924, inset 12px 0 0 #ac5e37, inset -12px 0 0 #ac5e37, inset 0 -12px 0 #69220f !important; }
html.kid .lp-fxdemo .pb-palette * { color: #2b2418; }
html.kid .lp-fxdemo .pb-piece { filter: drop-shadow(0 4px 0 var(--edge)) drop-shadow(1px -6px 0 rgba(0,0,0,0.2)); transition: transform 0.12s; }
html.kid .lp-fxdemo .pb-piece .pb-in { color: #fff !important; }
html.kid .lp-fxdemo .pb-piece:hover { transform: translateY(-2px); }
html.kid { --k-bg: #2c7658; }
html.kid { background: var(--k-bg); } html.kid body.lp { background: transparent; }
html.kid.k-bg-grass { background: #3a8050 url("../assets/textures/grass.png") 0 0 / 480px 480px; }
html.kid.k-bg-grass .lp-demo-rail p, html.kid.k-bg-grass .lp-faq-item p, html.kid.k-bg-grass .plan-face p, html.kid.k-bg-grass .lp-ai p { text-shadow: none; }
html.kid #playFelt .piece:has(.life-counter) { visibility: hidden; }
html.kid .lp-table-wrap > .k-tag.k-tag { position: absolute; z-index: 3; background: #fbf8ef; color: #2b2418; font: 400 20px/1 var(--k-marker); padding: 9px 18px 7px; box-shadow: 2px -3px 0 rgba(0,0,0,0.28); transform: rotate(var(--r)); cursor: default; }
html.kid .lp-table-wrap > .k-tag::before { content: ""; position: absolute; left: 50%; top: -9px; width: 44px; height: 16px; margin-left: -22px; background: var(--k-tape); transform: rotate(-4deg); }
html.kid .lp-table-wrap > .k-tag small { display: block; font: 400 13px/1 var(--k-hand); color: rgba(43,36,24,0.6); margin-top: 3px; text-align: center; }
html.kid .lp-table-wrap > .k-tag.k-rival { background: #f7d0dc; }
html.kid .lp-table-wrap > .k-tag.hot { cursor: pointer; box-shadow: 0 0 0 3px #e0513f, 2px -3px 0 rgba(0,0,0,0.28); animation: kTagHot 0.9s ease-in-out infinite alternate; }
@keyframes kTagHot { to { transform: rotate(var(--r)) scale(1.06); } }
html.kid.k-bg-grass .lp-bar { background: none; clip-path: none; box-shadow: none; padding: 26px 46px 14px; }
html.kid.k-bg-grass .lp-bar-word { color: #fbf8ef; -webkit-text-fill-color: #fbf8ef; font-size: 30px; text-shadow: 2px 2px 0 rgba(0,0,0,0.3); }
html.kid.k-bg-grass :is(.lp-bar-nav, #fxDemo) { position: relative; }
html.kid.k-head-paper .lp-bar-nav { position: relative; gap: 4px; padding: 14px 22px 16px; filter: drop-shadow(3px -5px 0 rgba(0,0,0,0.25)); transform: rotate(-1deg); }
html.kid.k-head-paper .lp-bar-nav::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--k-lined), #fbf8ef;
clip-path: polygon(0 3%, 6% 0, 13% 4%, 22% 1%, 31% 5%, 42% 0, 55% 4%, 66% 1%, 78% 5%, 89% 0, 100% 4%, 99% 50%, 100% 97%, 90% 100%, 79% 96%, 66% 100%, 52% 96%, 40% 100%, 27% 96%, 15% 100%, 5% 96%, 0 100%, 1% 50%); }
html.kid.k-head-paper .lp-bar-link { color: #2b2418; font-size: 15px; }
html.kid.k-head-paper .lp-bar-link:hover { background: none; color: #c0392b; }
html.kid.k-head-paper .lp-bar-nav .lp-btn-gold::before { display: none; }
html.kid.k-head-paper .lp-bar-nav .lp-btn-ghost { box-shadow: 0 0 0 2px #2b2418, 2px -3px 0 rgba(0,0,0,0.25); }
html.kid.k-head-paper .lp-bar-nav .lp-btn-ghost::after { display: block; }
html.kid .k-note { background: #fbf8ef; color: #2b2418; padding: 8px 12px 6px; box-shadow: 2px -4px 0 rgba(0,0,0,0.25); transform: rotate(var(--r, -3deg)); text-shadow: none !important; font-size: 25px; }
html.kid .k-note span { transform: none; }
html.kid.k-bg-grass #fxDemo { padding: 38px 38px 32px; max-width: 940px; margin: 92px auto 88px; box-sizing: border-box; }
html.kid.k-bg-grass #fxDemo::before, html.kid.k-bg-grass #fxDemo::after { display: none; }
#fxDemo > .k-box, .lp-table-wrap > .k-box { position: absolute; z-index: 0; pointer-events: none; filter: drop-shadow(6px -10px 0 rgba(0,0,0,0.25)); }
#fxDemo > .k-box svg { display: block; }
html.kid.k-bg-grass #fxDemo > .pb-panel { position: relative; z-index: 1; background: transparent !important; box-shadow: none !important; }
html.kid.k-bg-grass #fxDemo .pb-title, html.kid.k-bg-grass #fxDemo .pb-summary { color: #2b2418 !important; }
html.kid.k-bg-grass #fxDemo .pb-stage { background: var(--k-lined), #fffdf6 !important; border: 0 !important; box-shadow: 2px -4px 0 rgba(0,0,0,0.2); transform: rotate(-0.5deg); }
html.kid.k-bg-grass #fxDemo .pb-palette { background: none !important; box-shadow: none !important; padding: 8px 0 0 !important; }
html.kid.k-bg-grass #fxDemo .pb-sechead, html.kid.k-bg-grass #fxDemo .pb-sechead * { color: #3a2412 !important; }
html.kid.k-bg-grass #fxDemo .pb-foot { border-top: 0; }
html.kid.k-bg-grass .lp-table-wrap { transform: rotate(-0.6deg); border-radius: 4px; padding: 30px !important;
background: linear-gradient(90deg, rgba(214,69,58,0.38) 50%, transparent 50%) 0 0 / 48px 48px, linear-gradient(rgba(214,69,58,0.38) 50%, transparent 50%) 0 0 / 48px 48px, #fbf3e4 !important;
box-shadow: inset 0 0 0 6px #fbf3e4, inset 0 0 0 8px rgba(214,69,58,0.45), 6px -10px 0 rgba(0,0,0,0.22) !important; }
html.kid.k-bg-grass .lp-felt .tzone:not(.tzone-cell)::before { background: #2b2418; }
html.kid.k-bg-grass :is(.lp-title, .lp-h2)::after { display: none; }
html.kid.k-bg-grass :is(.lp-title, .lp-h2) { text-shadow: none; transform: none; letter-spacing: 0; }
html.kid.k-bg-grass .lp-eyebrow { background: rgba(236,226,196,0.95) !important; color: #2b2418 !important; font: 400 20px/1 var(--k-marker); padding: 8px 18px 6px; transform: rotate(-2deg); filter: drop-shadow(1px -3px 0 rgba(0,0,0,0.25));
clip-path: polygon(0 8%, 5% 0, 10% 8%, 90% 2%, 95% 9%, 100% 3%, 98% 50%, 100% 95%, 94% 100%, 88% 93%, 10% 98%, 5% 92%, 0 100%, 2% 50%); }
html.kid.k-bg-grass .lp-sub, html.kid.k-bg-grass .lp-ai-note { background: var(--k-lined), #fbf8ef; color: #2b2418 !important; text-shadow: none !important; padding: 14px 22px 12px; box-shadow: 2px -5px 0 rgba(0,0,0,0.22); transform: rotate(-0.6deg); position: relative; border-radius: 1px; }
html.kid.k-bg-grass .lp-sec-head .lp-sub { margin-top: 18px; }
html.kid.k-bg-grass .lp-lede { position: relative; color: #fbf8ef !important; text-shadow: none !important; padding: 16px 22px 14px; border-radius: 8px; transform: rotate(-1deg);
background: repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 5px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.06) 0 2px, transparent 2px 5px), #2f6f8f;
outline: 2px dashed rgba(251,248,239,0.75); outline-offset: -8px; box-shadow: 3px -6px 0 rgba(0,0,0,0.25); }
html.kid.k-bg-grass :is(.lp-fineprint, .lp-fxnote, .lp-fxprint) { display: table; margin-left: auto; margin-right: auto; background: rgba(236,226,196,0.95); color: #2b2418 !important; text-shadow: none !important; padding: 6px 14px 5px; transform: rotate(-1deg); filter: drop-shadow(1px -3px 0 rgba(0,0,0,0.2)); }
html.kid.k-bg-grass .lp-hero .lp-fineprint { margin-left: 0; }
html.kid.k-bg-grass body.lp :is(.lp-fineprint, .lp-fxnote, .lp-fxprint) { position: relative; z-index: 21; }
html.kid.k-bg-grass body.lp > .lp-hero { z-index: 21; }
html.kid.k-bg-grass .lp-hero .lp-fineprint.lp-fp-torn { display: inline-flex; max-width: 100%; flex-wrap: wrap; align-items: flex-start; gap: 6px 0; background: none; padding: 0; }
html.kid.k-bg-grass .lp-fp-torn .lp-fp-half { display: block; background: rgba(236,226,196,0.97); padding: 6px 14px 5px; --j: 3px; }
html.kid.k-bg-grass .lp-fp-torn:not(.is-torn) .lp-fp-half:first-child { padding-right: 5px; }
html.kid.k-bg-grass .lp-fp-torn:not(.is-torn) .lp-fp-half:last-child { padding-left: 0; }
html.kid.k-bg-grass .lp-fp-torn.is-torn .lp-fp-half:first-child { padding-right: calc(12px + max(var(--tl-t, 8px), var(--tl-b, 8px))); transform: rotate(-0.6deg);
clip-path: polygon(0 0, calc(100% - var(--tl-t, 8px)) 0,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.14 + var(--j)) 14%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.27 - var(--j)) 27%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.40 + var(--j)) 40%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.52 - var(--j)) 52%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.66 + var(--j)) 66%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.78 - var(--j)) 78%,
calc(100% - var(--tl-t, 8px) - (var(--tl-b, 8px) - var(--tl-t, 8px)) * 0.90 + var(--j)) 90%,
calc(100% - var(--tl-b, 8px)) 100%, 0 100%); }
html.kid.k-bg-grass .lp-fp-torn.is-torn .lp-fp-half:last-child { padding-left: calc(12px + max(var(--tr-t, 8px), var(--tr-b, 8px))); transform: translateY(3px) rotate(1.2deg);
clip-path: polygon(var(--tr-t, 8px) 0, 100% 0, 100% 100%, var(--tr-b, 8px) 100%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.90 + var(--j)) 90%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.78 - var(--j)) 78%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.66 + var(--j)) 66%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.52 - var(--j)) 52%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.40 + var(--j)) 40%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.27 - var(--j)) 27%,
calc(var(--tr-t, 8px) + (var(--tr-b, 8px) - var(--tr-t, 8px)) * 0.14 + var(--j)) 14%); }
html.kid.k-bg-grass .lp-fxnote:empty { display: none; }
html.kid.k-bg-grass .lp-fxprint em { color: #c0392b !important; -webkit-text-fill-color: #c0392b; font-style: normal; font-weight: 700; }
html.kid.k-bg-grass .lp-foot { background: #fbf8ef; color: #2b2418; margin: 40px auto 30px; max-width: 900px; padding: 18px 24px; transform: rotate(-0.5deg); box-shadow: 2px -5px 0 rgba(0,0,0,0.22); }
html.kid.k-bg-grass .lp-foot, html.kid.k-bg-grass .lp-foot a, html.kid.k-bg-grass .lp-foot span { color: #2b2418 !important; }
html.kid.k-bg-grass .lp-bar-brand { gap: 4px; }
html.kid.k-bg-grass .lp-bar-brand .lp-bar-emblem { height: 50px; width: 50px; margin: 0 -3px 0 0; }
html.kid.k-bg-grass .lp-bar-word { color: #2b2418 !important; -webkit-text-fill-color: #2b2418 !important; text-shadow: none !important; font-size: 26px !important; }
html.kid .pb-rowline .pb-piece { position: relative; }
html.kid .pb-rowline .pb-piece:nth-child(1) { z-index: 20; } html.kid .pb-rowline .pb-piece:nth-child(2) { z-index: 19; } html.kid .pb-rowline .pb-piece:nth-child(3) { z-index: 18; }
html.kid .pb-rowline .pb-piece:nth-child(4) { z-index: 17; } html.kid .pb-rowline .pb-piece:nth-child(5) { z-index: 16; } html.kid .pb-rowline .pb-piece:nth-child(6) { z-index: 15; }
html.kid .pb-rowline .pb-piece:nth-child(7) { z-index: 14; } html.kid .pb-rowline .pb-piece:nth-child(8) { z-index: 13; } html.kid .pb-rowline .pb-piece:nth-child(9) { z-index: 12; }
html.kid .pb-rowline .pb-piece:nth-child(10) { z-index: 11; } html.kid .pb-rowline .pb-piece:nth-child(11) { z-index: 10; } html.kid .pb-rowline .pb-piece:nth-child(12) { z-index: 9; }
html.kid.k-bg-grass .lp-ai { background: var(--k-lined), #fbf8ef !important; transform: rotate(-0.8deg); padding: 22px 26px 16px !important; max-width: 900px; }
html.kid.k-bg-grass .lp-ai::before, html.kid.k-bg-grass .lp-ai::after { background: rgba(236,226,196,0.95); top: -8px; margin-top: 0; height: 22px; }
html.kid .k-oppbar { display: grid !important; grid-template-columns: 120px 1fr; grid-template-rows: auto auto auto; column-gap: 20px; row-gap: 6px; align-items: center; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; height: auto !important; }
html.kid .k-oppbar .k-bot { grid-row: 1 / span 3; transform: rotate(-4deg); filter: drop-shadow(2px -4px 0 rgba(0,0,0,0.2)); transition: transform 0.2s; }
html.kid .k-oppbar .k-bot:hover { transform: rotate(4deg) scale(1.05); }
html.kid .k-oppbar > .lbl { font: 400 22px/1 var(--k-hand) !important; color: #2b2418 !important; letter-spacing: 0 !important; text-transform: none !important; }
html.kid .k-oppbar .tphase-lanehand { justify-self: start; }
html.kid .k-skills { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
html.kid .k-skills-lbl { font: 400 22px/1 var(--k-hand); color: #2b2418; margin-right: 2px; }
html.kid .k-skill { font: 400 15px/1 var(--k-marker); color: #2b2418; border: 0; padding: 10px 16px 8px; cursor: pointer; border-radius: 999px; box-shadow: 0 0 0 3px #fff, 2px -4px 0 3px rgba(0,0,0,0.2); transform: rotate(var(--r, -3deg)); transition: transform 0.15s; }
html.kid .k-skill-0 { background: #bfe0f5; --r: -4deg; } html.kid .k-skill-1 { background: #f7d88a; --r: 2deg; } html.kid .k-skill-2 { background: #f5b5cb; --r: -2deg; }
html.kid .k-skill:hover { transform: rotate(0deg) scale(1.06); }
html.kid .k-skill.on { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2b2418, 2px -5px 0 6px rgba(0,0,0,0.2); }
html.kid .k-skill.on::after { content: " ✓"; }
html.kid.k-bg-grass .lp-ai-read { margin-top: 12px; font: 400 21px/1.2 var(--k-hand); color: #2b2418 !important; }
html.kid.k-bg-grass .plan-flip.p1 .plan-face::after { display: none; }
html.kid.k-bg-grass .plan-flip.p1 .plan-card { transform: rotate(-2deg); }
html.kid.k-bg-grass .plan-flip.p1 .plan-face .k-washi { position: absolute !important; left: 50%; top: -12px; width: 110px; height: 26px; margin-left: -55px; transform: rotate(-4deg); z-index: 4; opacity: 0.92;
background: repeating-linear-gradient(45deg, #8fd16a 0 8px, #fbf8ef 8px 16px); }
html.kid.k-bg-grass #pricing .lp-fineprint { margin-top: 34px; }
html.kid.k-bg-grass .plan-flip.p1 .plan-face { background: var(--k-lined), #fffdf6 !important; border-radius: 4px !important; }
html.kid.k-bg-grass .plan-flip.p2 .plan-card { transform: rotate(2.5deg); }
html.kid .k-glitter { position: absolute !important; left: -70px; top: -70px; pointer-events: none; z-index: 5; }
html.kid .k-glue { position: absolute !important; left: 0; top: 0; pointer-events: none; z-index: 2 !important; }
html.kid .k-stk.k-big { filter: drop-shadow(1px -3px 0 rgba(0,0,0,0.28)); }
html.kid.k-bg-grass :is(.k-lt-strip) { color: #2b2418 !important; -webkit-text-fill-color: #2b2418 !important; background: none !important; text-shadow: none !important; }
html.kid.k-bg-grass :is(.k-lt-strip) { display: inline-block; position: relative; isolation: isolate; padding: 0.2em 0.55em 0.16em; filter: drop-shadow(2px -5px 0 rgba(0,0,0,0.25)); }
html.kid.k-bg-grass .lp-title:is(.k-lt-strip) { transform: rotate(-1.6deg); font-size: clamp(38px, 4.6vw, 62px); line-height: 1.08; }
html.kid.k-bg-grass .lp-h2:is(.k-lt-strip) { display: table; margin: 12px auto 0; transform: rotate(-0.8deg); font-size: clamp(26px, 3vw, 38px); }
html.kid.k-bg-grass :is(.k-lt-strip)::before { content: "" !important; display: block !important; position: absolute; inset: 0; left: 0; top: 0; z-index: -1; opacity: 1; background: #fbf8ef;
-webkit-text-fill-color: initial; clip-path: polygon(0 4%, 7% 0, 16% 5%, 27% 1%, 38% 5%, 50% 0, 61% 4%, 73% 0, 85% 5%, 94% 1%, 100% 4%, 99% 50%, 100% 96%, 91% 100%, 80% 95%, 68% 100%, 55% 96%, 43% 100%, 30% 95%, 18% 100%, 7% 96%, 0 100%, 1% 50%); }
html.kid.k-bg-grass .lp-sec-head :is(.k-lt-strip) { margin-top: 10px; }
html.kid.k-bg-grass .lp-hero-slot .tpiece-card .tcard, html.kid.k-bg-grass .lp-hero-slot .tpiece-card .card-back { box-shadow: 3px -6px 0 rgba(0,0,0,0.3) !important; }
html.kid.k-bg-grass .lp-hero-slot:hover { --lift: -10px; }
html.kid .lp-fxdemo .pb-rowline .pb-piece { filter: none !important; }
html.kid .lp-fxdemo .pb-rowline-pieces:has(> .pb-piece) { filter: drop-shadow(0 4px 0 rgba(40,40,60,0.55)) drop-shadow(1px -6px 0 rgba(0,0,0,0.18)); }
html.kid .lp-fxdemo .pb-rowline-empty { font: 400 17px/1 "Packlabs Hand", "Bradley Hand", cursive; font-style: normal; color: rgba(43,36,24,0.55); padding: 6px 4px 2px; }
html.kid .pb-ghost { transform: translate(-50%, -50%) rotate(-5deg) scale(1.12) !important; filter: drop-shadow(0 4px 0 var(--edge)) drop-shadow(8px 16px 6px rgba(0,0,0,0.35)) !important; cursor: grabbing; }
html.kid .lp-fxdemo .pb-palette .pb-piece { cursor: grab; }
html.kid .lp-fxdemo .pb-piece.pb-pop { animation: kSnap 0.34s ease-out; }
@keyframes kSnap { 0% { transform: translateY(-6px) scale(1.08); } 55% { transform: translateY(1px) scale(0.97); } 100% { transform: none; } }
html.kid .k-oppbar { display: flex !important; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
html.kid .k-oppbar .k-bot { grid-row: auto; margin-bottom: -4px; }
html.kid .k-oppbar .tphase-lanehand { align-self: center; justify-self: center; }
html.kid .k-skills { justify-content: center; margin-top: 6px; }
html.kid.k-bg-grass .lp-ai-read { text-align: center; text-shadow: none !important; font: 400 22px/1.2 var(--k-hand); }
html.kid.k-bg-grass .lp-ai-read em { font-style: normal; font-weight: 700; text-shadow: none !important; color: #2b2418; }
html.kid.k-bg-grass .lp-ai { max-width: 680px; margin-left: auto; margin-right: auto; }
html.kid .k-glitter { z-index: 0 !important; }
html.kid.k-bg-grass { --k-body: "Packlabs Hand", "Chalkboard SE", cursive; }
html.kid.k-bg-grass body.lp :is(.lp-lede, .lp-sub, .lp-ai-note, .lp-fineprint, .lp-fxnote, .lp-fxprint, .lp-usp p, .lp-faq-item p) { font-family: "Packlabs Hand", "Chalkboard SE", cursive !important; letter-spacing: 0.1px; }
html.kid.k-bg-grass body.lp .lp-lede { font-size: 25px !important; line-height: 1.12 !important; }
html.kid.k-bg-grass body.lp :is(.lp-sub, .lp-ai-note) { font-size: 23px !important; line-height: 1.12 !important; }
html.kid.k-bg-grass body.lp :is(.lp-fineprint, .lp-fxnote, .lp-fxprint) { font-size: 19px !important; line-height: 1.1 !important; }
html.kid.k-bg-grass body.lp .lp-usp p { font-size: 19px !important; line-height: 1.05 !important; }
html.kid.k-bg-grass body.lp .lp-faq-item p { font-size: 21px !important; line-height: 1.15 !important; }
html.kid.k-bg-grass .plan-face :is(.plan-feat, .plan-tag, .plan-tagline, .plan-sub, li, p) { font-family: "Packlabs Hand", "Chalkboard SE", cursive !important; font-size: 20px !important; line-height: 1.1 !important; }
html.kid.k-bg-grass .plan-face :is(.plan-tier, .plan-name + *) { font-family: "Packlabs Hand", cursive !important; font-size: 19px !important; }
html.kid.k-bg-grass .lp-foot { background: none !important; box-shadow: none !important; transform: rotate(0.6deg); position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; gap: 8px;
max-width: 720px; padding: 22px 30px 18px !important; filter: drop-shadow(3px -5px 0 rgba(0,0,0,0.25)); }
html.kid.k-bg-grass .lp-foot::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--k-lined), #fbf8ef;
clip-path: polygon(0 4%, 6% 0, 13% 5%, 22% 1%, 31% 5%, 42% 0, 55% 4%, 66% 1%, 78% 5%, 89% 0, 100% 4%, 99% 50%, 100% 97%, 90% 100%, 79% 96%, 66% 100%, 52% 96%, 40% 100%, 27% 96%, 15% 100%, 5% 96%, 0 100%, 1% 50%); }
html.kid.k-bg-grass .lp-foot-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px; }
html.kid.k-bg-grass .lp-foot-links a { font: 400 16px/1 var(--k-marker) !important; color: #2b2418 !important; text-decoration: none; padding: 6px 4px; }
html.kid.k-bg-grass .lp-foot-links a:hover { color: #c0392b !important; }
html.kid.k-bg-grass .lp-foot-links a:first-child { background: var(--k-gold); padding: 9px 14px 7px; border-radius: 6px; box-shadow: 2px -3px 0 rgba(0,0,0,0.25); transform: rotate(-2deg); }
html.kid.k-bg-grass .lp-foot-links span { display: none; }
html.kid.k-bg-grass .lp-foot p { font: 400 18px/1 "Packlabs Hand", cursive !important; color: rgba(43,36,24,0.7) !important; margin: 0; }
html.kid.k-bg-grass .lp-foot-mark { height: 44px; width: 44px; opacity: 1; }
html.kid, html.kid body.lp { overscroll-behavior: none; }
html.kid.k-bg-grass { background-color: #3a8050; }
html.kid.k-bg-grass .lp-foot { margin-bottom: 18px !important; }
html.kid .lp-hero .lp-fineprint { margin-top: 34px; }
html.kid .tcard .stat-badge.free-cost:not(.shape-none) { background: #f7c948 !important; }
html.kid .tcard .stat-badge.stat-atk { background: #f28c5a !important; }
html.kid .tcard .stat-badge.stat-hp { background: #f5a3bf !important; }
html.kid .lp-felt .coin .chip {
--chip-face: #f7c948;
background:
repeating-linear-gradient(-35deg, rgba(255,255,255,0.18) 0 1.5px, transparent 1.5px 4px),
radial-gradient(circle at 50% 50%, var(--chip-face) 0 57%, #2b2418 58% 64%, #fffdf6 65%);
border: 0; box-shadow: none;
clip-path: polygon(97.0% 48.6%, 92.2% 70.1%, 81.8% 85.7%, 68.3% 94.7%, 48.7% 98.0%, 29.6% 92.1%, 10.4% 79.5%, 4.5% 62.7%, 1.5% 38.6%, 11.6% 21.4%, 30.0% 7.9%, 47.9% 2.5%, 61.8% 4.6%, 81.8% 12.3%, 93.2% 27.9%);
rotate: calc(var(--i, 0) * 47deg - 12deg);
}
html.kid .lp-felt .coin .chip::after { display: none; }
html.kid .lp-felt .coin .chip-col { filter: drop-shadow(1px -2px 0 rgba(43,36,24,0.45)); }
html.kid .lp-felt .coin .chip:nth-child(5n+2) { --chip-face: #f5a3bf; }
html.kid .lp-felt .coin .chip:nth-child(5n+3) { --chip-face: #9fdcb4; }
html.kid .lp-felt .coin .chip:nth-child(5n+4) { --chip-face: #9ecdf0; }
html.kid .lp-felt .coin .chip:nth-child(5n+5) { --chip-face: #f6a24a; }
html.kid .lp-felt .coin-ghost .chip { --chip-face: #f7c948; }
html.kid .lp-felt .coin .coin-count {
background: #fbf8ef; color: #2b2418; border-radius: 3px;
font: 400 calc(var(--coin-size) * 0.46)/1.2 var(--k-marker);
transform: translateX(-50%) rotate(-4deg);
box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
html.kid .lp-felt .coin .coin-face { display: none; }
html.kid .lp-felt .combat-arrow-layer .lp-arrow-shade { stroke: rgba(0,0,0,0.22); stroke-width: 12.5; stroke-linecap: butt; }
html.kid .lp-felt .combat-arrow-layer .lp-arrow-shade-head { fill: rgba(0,0,0,0.22); }
html.kid .lp-felt .combat-arrow-layer .lp-arrow-ink { stroke: #2b2418; stroke-width: 12.5; stroke-linecap: butt; }
html.kid .lp-felt .combat-arrow-line { stroke: #fbf8ef; stroke-width: 8.5; stroke-linecap: butt; opacity: 1; filter: none; }
html.kid .lp-felt .combat-arrow-head { fill: #fbf8ef; stroke: #2b2418; stroke-width: 2.2; stroke-linejoin: round; filter: none; }
html.kid .lp-felt .combat-arrow-layer.strike .combat-arrow-line { stroke: #f5a3bf; stroke-width: 8.5; }
html.kid .lp-felt .combat-arrow-layer.strike .combat-arrow-head { fill: #f5a3bf; }
.lp-felt .piece.lp-drawing { perspective: 700px; z-index: 40; }
.lp-felt .piece.lp-drawing .piece-3d { transform-style: preserve-3d; }
.lp-felt .piece.lp-drawing .tpiece-card { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.lp-felt .lp-draw-back { position: absolute; left: 0; top: 0; pointer-events: none;
transform: rotateY(180deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.lp-felt .lp-draw-back .deck-top { box-shadow: 0 1px 0 rgba(0,0,0,0.25) !important; }
@media (min-width: 1001px) {
html.kid .lp-demo { grid-template-columns: minmax(0, 1fr) 280px; }
}