:root{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1c1917;background:#fffbeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}@keyframes orbDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-16px,0) scale(1.08)}}@keyframes mascotBob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}@keyframes badgePop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes creatorFloat{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-6px)}}@keyframes buttonSheen{0%{transform:translate(-140%) skew(-20deg)}to{transform:translate(240%) skew(-20deg)}}@keyframes buttonPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0,transparent 20%),radial-gradient(circle at 80% 22%,rgba(255,216,3,.22) 0,transparent 18%),radial-gradient(circle at 70% 78%,rgba(186,232,232,.4) 0,transparent 16%);opacity:.85}.ambient-orb{animation:orbDrift 9s ease-in-out infinite;will-change:transform}.orb-two{animation-duration:11s;animation-delay:-2s}.badge-pop{animation:badgePop 3.8s ease-in-out infinite;transform-origin:left center}.mascot-bob{animation:mascotBob 4.2s ease-in-out infinite;transform-origin:center}.creator-card{transition:box-shadow .22s ease,background-color .22s ease}.creator-card:hover{box-shadow:0 18px 36px #2723431f;background-color:#e3f6f5f5}.creator-photo{animation:creatorFloat 5.2s ease-in-out infinite;transform-origin:center}.randomize-button{position:relative;overflow:hidden;box-shadow:0 14px 30px #2723432e}.randomize-button:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.08) 56%,transparent 66%);transform:translate(-140%) skew(-20deg);opacity:0;pointer-events:none}.randomize-button:hover{box-shadow:0 20px 38px #27234338}.randomize-button:hover:before{opacity:1;animation:buttonSheen 1.35s cubic-bezier(.22,1,.36,1)}.randomize-button.is-loading{animation:buttonPulse 1s ease-in-out infinite}.randomize-button.is-loading svg{animation:iconSpin .9s linear infinite}.photo-shell{background:linear-gradient(180deg,#ffffffb8,#e3f6f5b8),#e3f6f580;box-shadow:inset 0 1px #ffffffbf,0 20px 44px #27234314}.photo-stage{box-shadow:inset 0 1px #ffffffe6,0 24px 42px #27234314}.photo-stage-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-well{box-shadow:inset 0 1px #ffffffd1,inset 0 0 0 1px #2723430a}.photo-well img{filter:drop-shadow(0 26px 28px rgba(39,35,67,.14))}.photo-stage:after{content:"";position:absolute;inset:auto 12% 4%;height:12%;border-radius:999px;background:radial-gradient(circle,rgba(39,35,67,.12) 0,transparent 72%);filter:blur(22px);pointer-events:none}.photo-caption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.warmup-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 18% 14%,rgba(255,216,3,.16),transparent 22%),radial-gradient(circle at 84% 80%,rgba(186,232,232,.22),transparent 24%),#27234352;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.warmup-card{width:min(680px,100%);border-radius:1.6rem;border:1px solid rgba(39,35,67,.22);background:linear-gradient(160deg,#fffffefa,#e3f6f5f0);box-shadow:0 34px 80px #27234340;padding:1.15rem}.warmup-label{display:inline-block;margin:0;border-radius:999px;border:1px solid rgba(39,35,67,.22);padding:.25rem .75rem;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.warmup-title{margin:.6rem 0 0;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.18}.warmup-message{margin:.4rem 0 .9rem;font-size:.95rem;color:#2d334a}.warmup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 0 .8rem}.warmup-stat{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:.45rem;border-radius:.8rem;border:1px solid rgba(39,35,67,.15);background:#fffc;padding:.42rem .6rem;font-size:.76rem;line-height:1.1;color:#4d536a}.warmup-stat strong{font-size:.9rem;font-weight:700;color:#272343}.warmup-arena{position:relative;height:210px;border-radius:1.2rem;border:1px dashed rgba(39,35,67,.3);background:radial-gradient(circle at top,#fffffff5,#f7f8fafa),repeating-linear-gradient(135deg,rgba(39,35,67,.015) 0 8px,transparent 8px 16px);overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:crosshair}.warmup-arena.is-finished:after{content:"";position:absolute;inset:0;background:#27234333}.banana-button{position:absolute;transform:translate(-50%,-50%);border:0;width:78px;height:78px;border-radius:0;background:transparent;color:inherit;padding:0;cursor:pointer;display:grid;place-items:center;box-shadow:none;transition:transform 90ms ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:transform}.banana-button:hover{transform:translate(-50%,-50%) scale(1.05)}.banana-button:active{transform:translate(-50%,-50%) scale(.96)}.banana-button:before{content:"";position:absolute;inset:-12px}.banana-lottie{width:56px;height:56px;display:block;position:relative;z-index:2;pointer-events:none}.banana-lottie canvas,.banana-lottie svg{width:56px!important;height:56px!important;display:block}.warmup-round-over{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;text-align:center;gap:.65rem;padding:1rem}.warmup-round-title{margin:0;font-size:1.25rem;font-weight:900;color:#fffffe}.warmup-round-subtitle{margin:0;font-size:.92rem;font-weight:600;color:#e3f6f5}.warmup-restart{border:0;border-radius:999px;background:#ffd803;color:#272343;font-weight:800;padding:.5rem .95rem;cursor:pointer}.warmup-score{margin:.85rem 0 0;font-size:.95rem;font-weight:700}@media(max-width:640px){.warmup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}