:root{color:#19063a;background:#fff9ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.68}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.app-shell{min-height:100vh;padding:12px 0 28px;background:radial-gradient(circle at 4% 34%,rgba(255,117,104,.16),transparent 16rem),radial-gradient(circle at 52% 22%,rgba(174,139,232,.18),transparent 18rem),radial-gradient(circle at 86% 4%,rgba(255,208,80,.28),transparent 17rem),linear-gradient(112deg,#fffdf8,#fff7e9)}.top-nav,.page-board{width:min(1440px,calc(100% - 80px));margin:0 auto}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:10px}.brand-mark,.nav-actions,.nav-cta,.gold-action,.boost-action,.primary-action,.ghost-action,.section-heading,.step-strip article,.step-icon,.boost-preview{display:flex;align-items:center}.brand-mark{gap:10px;color:#2d075d;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:950;line-height:1}.brand-mark svg{width:29px;height:29px;color:#ff554d;fill:#ffe1ec;stroke-width:2.4}.nav-actions{gap:28px}.nav-actions a{color:#2d075d;font-size:1rem;font-weight:900;text-decoration:none}.nav-actions a:hover{color:#ff554d}.nav-cta,.gold-action,.boost-action,.primary-action,.ghost-action{justify-content:center;border-radius:8px;font-weight:950}.nav-cta,.gold-action,.primary-action{min-height:46px;border:0;padding:0 28px;background:#ff554d;color:#fff;box-shadow:0 15px 28px #ff554d3d}.nav-cta{gap:8px;min-width:160px;font-size:.96rem}.ghost-action{min-height:48px;border:1px solid rgba(25,6,58,.14);padding:0 18px;background:#fff;color:#2d075d}.page-board{display:grid;grid-template-columns:minmax(0,.98fr) minmax(520px,1.08fr);grid-template-areas:"hero featured" "leaders rows" "how how";gap:14px 20px;align-items:start}.page-board.is-empty,.page-board.is-solo{grid-template-areas:"hero featured" "leaders leaders" "how how"}.page-board.is-empty .leaderboard,.page-board.is-solo .leaderboard{display:none}.page-board.is-empty .medal-grid,.page-board.is-solo .medal-grid{grid-template-columns:1fr}.hero-copy{position:relative;grid-area:hero;min-width:0;min-height:286px;padding-top:58px}.hero-copy h1{max-width:650px;margin-bottom:18px;color:#2d075d;font-size:clamp(3.7rem,5.7vw,5.75rem);line-height:1.02;letter-spacing:0}.hero-copy p{max-width:670px;margin-bottom:0;color:#10131c;font-size:clamp(1.25rem,1.7vw,1.48rem);line-height:1.42}.doodle{position:absolute;pointer-events:none}.doodle-heart{top:28px;left:-22px;color:#ff6964}.doodle-sparkle-one{top:72px;right:118px;color:#c7a8ff;fill:#c7a8ff}.doodle-sparkle-two{bottom:34px;left:-18px;color:#c7a8ff;fill:#c7a8ff}.burst-lines{position:absolute;top:145px;right:28px;width:70px;height:46px;background:linear-gradient(78deg,transparent 0 34%,#ff6964 35% 41%,transparent 42%) 0 18px / 30px 8px no-repeat,linear-gradient(101deg,transparent 0 34%,#ff6964 35% 41%,transparent 42%) 20px 8px / 38px 8px no-repeat,linear-gradient(112deg,transparent 0 34%,#ff6964 35% 41%,transparent 42%) 40px 0 / 34px 8px no-repeat}.featured-card{position:relative;grid-area:featured;display:grid;grid-template-columns:minmax(255px,.9fr) minmax(260px,1fr);height:clamp(310px,28vw,390px);overflow:hidden;border:3px solid #f8bb18;border-radius:22px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.88),transparent 14rem),linear-gradient(135deg,#fff5bd,#ffe08f);box-shadow:inset 0 0 0 4px #ffffffa3,0 18px 45px #7c4d0024}.featured-card:before,.featured-card:after{position:absolute;color:#f2b318;font-size:3rem;font-weight:950;content:"*"}.featured-card:before{top:22px;left:34px}.featured-card:after{top:22px;right:32px}.featured-card>img{align-self:end;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;mix-blend-mode:multiply}.empty-featured .featured-content{align-content:center;justify-items:center;padding:28px 32px;text-align:center}.empty-featured{grid-template-columns:1fr}.empty-featured .crown-art svg{width:68px;height:68px}.empty-featured .crown-art{margin-bottom:16px}.empty-featured .crown-art span{font-size:clamp(3.2rem,4.4vw,4.4rem);line-height:.9}.empty-featured .featured-content h2{font-size:clamp(2.65rem,4vw,3.75rem)}.empty-featured .featured-content strong{margin-bottom:18px;font-size:clamp(1.15rem,1.6vw,1.45rem)}.empty-photo{position:absolute;inset:0;display:grid;height:100%;min-height:0;place-items:center;color:#5f168f61;opacity:.18;background:radial-gradient(circle at 68% 48%,rgba(255,255,255,.72),transparent 9rem),linear-gradient(135deg,#ffffff57,#fff0)}.empty-photo svg{width:clamp(76px,10vw,132px);height:clamp(76px,10vw,132px);fill:#ffffff52}.featured-content{position:relative;z-index:1;display:grid;align-content:center;justify-items:start;padding:22px 0 24px 54px}.crown-art{display:grid;justify-items:center;margin-bottom:2px;color:#dfa003}.crown-art svg{fill:#f8bb18;stroke-width:1.8}.crown-art span{display:block;color:#df9c00;font-size:clamp(3.6rem,5vw,5rem);font-weight:950;line-height:.82;text-shadow:0 4px 0 rgba(128,75,0,.07)}.featured-content h2{margin-bottom:4px;color:#2d075d;font-size:clamp(2.9rem,4.3vw,4.25rem);line-height:.94;letter-spacing:0}.featured-content strong{margin-bottom:14px;color:#120c2e;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1}.gold-action{min-width:260px;min-height:52px;padding:0 26px;font-size:clamp(1.25rem,2vw,1.65rem)}.leaderboard-section{grid-area:leaders;padding-top:0}.section-heading{gap:14px;margin-bottom:12px}.section-heading svg{width:48px;height:48px;padding:11px;border-radius:50%;background:#6b36b6;color:#fff;fill:#ffffff1f}.section-heading h2{margin-bottom:0;color:#2d075d;font-size:clamp(1.85rem,2.6vw,2.35rem);letter-spacing:0}.medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.medal-card{position:relative;overflow:hidden;min-height:270px;border-radius:18px;background:#fff;box-shadow:0 14px 32px #411d081f}.empty-board{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;justify-items:start;min-height:148px;padding:22px 28px;border:2px dashed rgba(122,51,173,.28);border-radius:18px;background:#ffffffb8;color:#2d075d;text-align:left}.empty-board>svg{grid-row:1 / 3;width:54px;height:54px;padding:12px;border-radius:50%;background:#f1ddff}.empty-board h3{grid-column:2;margin:0 0 4px;font-size:clamp(1.35rem,2vw,1.75rem)}.empty-board p{grid-column:2;max-width:560px;margin:0;color:#665872;line-height:1.4}.empty-board .boost-action{grid-column:3;grid-row:1 / 3;justify-self:end}.challenger-empty{min-height:118px;background:#ffffffd1}.medal-2{border:2px solid #c7a8ff;background:linear-gradient(135deg,#fbf4ff,#f8efff)}.medal-3{border:2px solid #ffbb8d;background:linear-gradient(135deg,#fff7ef,#fff1e3)}.medal-card img{display:block;width:100%;height:190px;object-fit:cover}.medal-badge{position:absolute;top:18px;left:18px;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;font-size:2rem;font-weight:950;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.14)}.medal-2 .medal-badge{background:linear-gradient(160deg,#caa0ff,#8040cf);box-shadow:0 8px #8d4ccc}.medal-3 .medal-badge{background:linear-gradient(160deg,#ff7666,#df472f);box-shadow:0 8px #d65b47}.medal-body{display:grid;justify-items:center;padding:10px 12px 14px;text-align:center}.medal-body h3{margin-bottom:4px;color:#2d075d;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1}.medal-body strong{color:#120c2e;font-size:clamp(1.25rem,2vw,1.55rem)}.leaderboard{grid-area:rows;display:grid;gap:9px;align-self:end;padding-top:0}.pet-row{display:grid;grid-template-columns:42px 54px minmax(0,1fr) 122px 112px;gap:12px;align-items:center;min-height:54px;padding:5px 16px;border-radius:14px;background:#ffffffe6;box-shadow:0 9px 24px #411d081a}.rank-badge{color:#2d075d;font-size:1.16rem;font-weight:950;text-align:center}.pet-photo{width:44px;height:44px;border-radius:50%;object-fit:cover}.pet-row h3{overflow:hidden;margin-bottom:0;color:#141524;font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.pet-row span{color:#10131c;font-size:1.02rem;text-align:right}.boost-action{min-height:36px;border:2px solid #7a33ad;padding:0 18px;background:#fff;color:#5f168f;font-size:.94rem}.boost-action:hover{background:#f8efff}.how-section{grid-area:how;padding-top:2px}.step-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;min-height:126px;border-radius:18px;background:#ffffffe0;box-shadow:0 12px 34px #411d081f}.step-strip article{position:relative;gap:24px;justify-content:center;min-width:0;padding:18px 28px;border-right:2px solid #efd6c0}.step-strip article:last-child{border-right:0}.step-number{position:absolute;top:18px;left:72px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ff554d;color:#fff;font-weight:950;box-shadow:0 8px 15px #ff554d33}.step-icon{justify-content:center;width:96px;height:96px;border-radius:50%;background:#f1ddff;color:#5f168f}.step-strip h3{margin-bottom:0;color:#2d075d;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.05}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#19063a6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entry-modal{position:relative;width:min(520px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:22px;border:1px solid rgba(25,6,58,.14);border-radius:14px;background:#fffffff5;box-shadow:0 26px 80px #19063a2e}.close-action{position:absolute;top:14px;right:14px;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(25,6,58,.12);border-radius:8px;background:#fff;color:#19063a}.entry-form{display:grid;gap:13px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-right:38px}.panel-heading h2{margin-bottom:0;color:#2d075d;font-size:1.65rem}.eyebrow{display:block;margin-bottom:8px;color:#ff554d;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.upload-zone{overflow:hidden;width:100%;aspect-ratio:16 / 10;border:2px dashed rgba(95,22,143,.28);border-radius:8px;background:#fbf4ff;color:#5f168f}.upload-zone span{display:grid;min-height:100%;place-items:center;align-content:center;gap:8px;padding:20px}.upload-zone small{color:#72657d}.upload-zone img{width:100%;height:100%;object-fit:cover}label{display:grid;gap:7px;color:#2d253c;font-size:.95rem;font-weight:800}input{width:100%;min-height:48px;border:1px solid rgba(25,6,58,.14);border-radius:8px;padding:0 14px;background:#fff;color:#19063a;outline:none}input:focus{border-color:#7a33ad;box-shadow:0 0 0 4px #7a33ad1f}.money-input{position:relative}.money-input svg{position:absolute;top:50%;left:12px;color:#5f168f;transform:translateY(-50%)}.money-input input{padding-left:42px}.boost-preview{gap:12px;padding:12px;border-radius:8px;background:#fff3dc}.boost-preview img{width:70px;height:70px;border-radius:8px;object-fit:cover}.boost-preview strong,.boost-preview span{display:block}.boost-preview span,.demo-note{color:#665872}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-note,.error-text,.success-text{margin:0;font-size:.9rem;line-height:1.35}.error-text{color:#b23a24;font-weight:800}.success-text{color:#245c4c;font-weight:850}@media(max-width:1180px){.top-nav,.page-board{width:min(100% - 40px,980px)}.page-board{grid-template-columns:1fr;grid-template-areas:"hero" "featured" "leaders" "rows" "how"}.page-board.is-empty{grid-template-areas:"hero" "featured" "leaders" "how"}.hero-copy{min-height:0;padding-top:40px}.hero-copy h1{max-width:760px}.leaderboard{align-self:auto}}@media(max-width:760px){.app-shell{padding-top:14px}.top-nav,.page-board{width:min(100% - 28px,980px)}.top-nav{align-items:stretch;flex-direction:column}.nav-actions{justify-content:space-between}.nav-actions .nav-cta{flex:1 1 auto;min-width:0}.hero-copy{padding-top:30px}.hero-copy h1{font-size:clamp(3.1rem,14vw,4.5rem)}.doodle-heart,.doodle-sparkle-one,.doodle-sparkle-two,.burst-lines{display:none}.featured-card{grid-template-columns:1fr}.featured-content{padding:26px}.featured-card>img{min-height:260px;max-height:330px;mix-blend-mode:normal}.gold-action{width:100%;min-width:0}.medal-grid{grid-template-columns:1fr}.pet-row{grid-template-columns:34px 46px minmax(0,1fr) auto;padding:8px 10px}.pet-row span{text-align:left}.pet-row .boost-action{grid-column:1 / -1;width:100%}.empty-board{grid-template-columns:1fr;justify-items:center;text-align:center}.step-strip{grid-template-columns:1fr}.step-strip article{justify-content:flex-start;border-right:0;border-bottom:2px solid #efd6c0}.step-strip article:last-child{border-bottom:0}.step-number{left:72px}.entry-modal{padding:18px}}