:root{--cream: #fff3d6;--cream-deep: #ffe9b8;--cheddar: #ffb515;--cheddar-deep: #f29a02;--rind: #d97c00;--brown: #3b2300;--brown-soft: #6b4a1d;--tomato: #e2451e;--white: #fffdf7;--display: "Shrikhand", cursive;--body: "Karla", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--body);color:var(--brown);background-color:var(--cream);background-image:radial-gradient(circle at 12% 18%,var(--cream-deep) 0 38px,transparent 39px),radial-gradient(circle at 78% 8%,var(--cream-deep) 0 26px,transparent 27px),radial-gradient(circle at 90% 55%,var(--cream-deep) 0 44px,transparent 45px),radial-gradient(circle at 6% 72%,var(--cream-deep) 0 30px,transparent 31px),radial-gradient(circle at 45% 92%,var(--cream-deep) 0 36px,transparent 37px),radial-gradient(circle at 60% 35%,var(--cream-deep) 0 20px,transparent 21px);background-attachment:fixed;min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:24px 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-family:var(--display);font-size:44px;line-height:1;letter-spacing:1px;color:var(--tomato);text-shadow:3px 3px 0 var(--cheddar);transform:rotate(-2deg);-webkit-user-select:none;user-select:none}.brand span{display:inline-block;animation:brand-bob 3.2s ease-in-out infinite}@keyframes brand-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(4deg)}}.whoami{display:flex;align-items:center;gap:10px;background:var(--white);border:3px solid var(--brown);border-radius:999px;padding:6px 14px 6px 6px;box-shadow:4px 4px 0 var(--brown);font-weight:800;font-size:14px}.whoami img{width:32px;height:32px;border-radius:50%;border:2px solid var(--brown)}.whoami .initial{width:32px;height:32px;border-radius:50%;border:2px solid var(--brown);background:var(--cheddar);display:grid;place-items:center;font-family:var(--display);font-size:16px}.whoami button{font-family:var(--body);font-weight:800;font-size:12px;border:none;background:none;color:var(--tomato);cursor:pointer;text-decoration:underline wavy;padding:0}.hero{text-align:center;margin-top:28px;position:relative}.hero-kicker{display:inline-block;background:var(--brown);color:var(--cheddar);font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:12px;padding:6px 16px;border-radius:999px;transform:rotate(1.5deg)}.hero h1{font-family:var(--display);font-size:clamp(40px,7vw,84px);margin:14px 0 4px;line-height:.95;color:var(--brown)}.hero h1 em{font-style:normal;color:var(--tomato);text-shadow:4px 4px 0 var(--cheddar)}.hero .subtitle{font-size:17px;color:var(--brown-soft);max-width:560px;margin:10px auto 0;font-weight:600}.wheel-zone{margin:36px auto 8px;position:relative;width:280px;height:280px}.wheel{width:280px;height:280px;border-radius:50%;border:6px solid var(--brown);cursor:pointer;position:relative;background:radial-gradient(circle at 30% 26%,#ffd34d 0 18%,transparent 19%),radial-gradient(circle at 68% 60%,var(--cheddar-deep) 0 14%,transparent 15%),radial-gradient(circle at 26% 68%,var(--cheddar-deep) 0 9%,transparent 10%),radial-gradient(circle at 74% 24%,var(--cheddar-deep) 0 7%,transparent 8%),radial-gradient(circle at 50% 88%,var(--cheddar-deep) 0 6%,transparent 7%),radial-gradient(circle at 50% 40%,#ffc832,var(--cheddar) 60%,var(--rind));box-shadow:0 10px 0 var(--brown),0 18px 32px #3b230059;font-family:var(--display);font-size:40px;color:var(--brown);text-shadow:2px 2px 0 rgba(255,255,255,.45);transition:transform .08s ease;animation:wheel-idle 4s ease-in-out infinite}@keyframes wheel-idle{0%,to{transform:rotate(-1.5deg) scale(1)}50%{transform:rotate(1.5deg) scale(1.02)}}.wheel:hover{animation:wheel-wobble .45s ease-in-out infinite}@keyframes wheel-wobble{0%,to{transform:rotate(-3deg) scale(1.04)}50%{transform:rotate(3deg) scale(1.04)}}.wheel:active,.wheel.pressed{animation:none;transform:scale(.92);box-shadow:0 4px 0 var(--brown),0 8px 16px #3b230059}.wheel:disabled{cursor:wait;filter:saturate(.7)}.fine-print{font-size:13px;color:var(--brown-soft);font-weight:600;max-width:440px;margin:18px auto 0}.fine-print strong{color:var(--tomato)}.note-row{margin:18px auto 0;display:flex;justify-content:center;gap:0}.note-row input{width:min(380px,70vw);font-family:var(--body);font-weight:600;font-size:14px;padding:10px 16px;border:3px solid var(--brown);border-radius:999px;background:var(--white);color:var(--brown);box-shadow:4px 4px 0 var(--brown);outline:none}.note-row input::placeholder{color:#b59868}.note-row input:focus{border-color:var(--tomato)}.burst{position:absolute;left:50%;top:50%;font-size:30px;pointer-events:none;animation:fly 1.1s ease-out forwards}@keyframes fly{0%{transform:translate(-50%,-50%) rotate(0) scale(.6);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(1.4);opacity:0}}.gotcha{margin:22px auto 0;display:inline-block;background:var(--tomato);color:var(--white);font-family:var(--display);font-size:22px;padding:10px 26px;border:4px solid var(--brown);border-radius:16px;box-shadow:6px 6px 0 var(--brown);transform:rotate(-1.5deg);animation:gotcha-pop .35s cubic-bezier(.2,1.6,.4,1)}.gotcha.cooldown{background:var(--brown);color:var(--cheddar);font-family:var(--body);font-weight:800;font-size:15px}@keyframes gotcha-pop{0%{transform:rotate(-1.5deg) scale(.4)}to{transform:rotate(-1.5deg) scale(1)}}.boards{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;margin-top:64px;align-items:start}@media(max-width:860px){.boards{grid-template-columns:1fr}}.board{background:var(--white);border:4px solid var(--brown);border-radius:22px;box-shadow:8px 8px 0 var(--brown);padding:22px 24px 26px}.board.tilt-l{transform:rotate(-.6deg)}.board.tilt-r{transform:rotate(.6deg)}.board h2{font-family:var(--display);font-size:26px;margin:0 0 4px;color:var(--brown)}.board .board-sub{font-size:13px;font-weight:600;color:var(--brown-soft);margin:0 0 18px}.empty{font-weight:600;color:var(--brown-soft);font-size:15px;padding:12px 0}.lb-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;margin:0 -12px}.lb-row.first{background:linear-gradient(100deg,var(--cream-deep),#ffdf8e);border:3px dashed var(--rind);padding:14px 12px}.lb-rank{font-family:var(--display);font-size:20px;width:36px;color:var(--rind);flex-shrink:0}.lb-row.first .lb-rank{font-size:26px}.lb-avatar,.lb-avatar-fallback{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--brown);flex-shrink:0}.lb-avatar-fallback{background:var(--cheddar);display:grid;place-items:center;font-family:var(--display);font-size:18px}.lb-name{font-weight:800;font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row.first .lb-name:after{content:" 👑"}.lb-count{font-family:var(--display);font-size:18px;color:var(--white);background:var(--tomato);border:3px solid var(--brown);padding:2px 14px;border-radius:999px;flex-shrink:0}.feed-item{display:flex;gap:12px;padding:12px 0;border-bottom:2px dashed var(--cream-deep);align-items:baseline}.feed-item:last-child{border-bottom:none}.feed-emoji{font-size:18px}.feed-text{font-size:15px;font-weight:600;flex:1}.feed-text strong{color:var(--tomato)}.feed-note{display:block;font-style:italic;font-weight:400;color:var(--brown-soft);margin-top:2px}.feed-meta{font-size:12px;font-weight:800;color:var(--brown-soft);white-space:nowrap}.source-pill{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;border:2px solid var(--brown);border-radius:999px;padding:1px 8px;margin-left:6px;background:var(--cheddar)}@media(prefers-reduced-motion:reduce){.wheel,.wheel:hover,.brand span,.burst{animation:none}}.boot{min-height:80vh;display:grid;place-items:center;font-family:var(--display);font-size:28px;color:var(--brown)}.boot .spin{display:inline-block;animation:spin 1.4s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}footer.colophon{text-align:center;margin-top:70px;font-size:12px;font-weight:600;color:var(--brown-soft)}