@font-face{font-family:Darumadrop One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/darumadrop-one-latin-400-normal-Dj4xVbcg.woff2) format("woff2"),url(/assets/darumadrop-one-latin-400-normal-Vr4gS5kT.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{--yellow: #f5c327;--yellow-dark: #d9a413;--purple: #63247d;--purple-dark: #3d1450;--purple-light: #8a4bb0;--cream: #fff8e7;--green: #4caf50;--green-dark: #3a8d3f;--orange: #f5892e;--red: #e23b2e;--danger: #e85d3d;--danger-dark: #c4472a;--ink: #1a1020;--white: #ffffff;--shadow-solid: 4px 4px 0 var(--ink);--shadow-solid-sm: 3px 3px 0 var(--ink);--shadow-solid-lg: 6px 6px 0 var(--ink);--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--border: 3px solid var(--ink);--border-thick: 4px solid var(--ink);--font-title: "Darumadrop One", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-weight:700;color:var(--ink);background:var(--purple);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}ul{list-style:none}h1,h2,h3{font-family:var(--font-title);font-weight:400;letter-spacing:.07em;line-height:1.1}.paw-bg{position:relative;background-color:var(--purple);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%237a3a96' fill-opacity='0.35'%3E%3Cellipse cx='30' cy='38' rx='7' ry='9'/%3E%3Cellipse cx='18' cy='24' rx='3.5' ry='4.5'/%3E%3Cellipse cx='30' cy='20' rx='3.5' ry='4.5'/%3E%3Cellipse cx='42' cy='24' rx='3.5' ry='4.5'/%3E%3Cellipse cx='90' cy='92' rx='7' ry='9'/%3E%3Cellipse cx='78' cy='78' rx='3.5' ry='4.5'/%3E%3Cellipse cx='90' cy='74' rx='3.5' ry='4.5'/%3E%3Cellipse cx='102' cy='78' rx='3.5' ry='4.5'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px}.page-shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(20px + var(--safe-top)) 18px calc(28px + var(--safe-bottom))}.page-shell__inner{width:100%;max-width:480px;display:flex;flex-direction:column;gap:18px;flex:1}.card{background:var(--cream);border:var(--border-thick);border-radius:var(--radius);box-shadow:var(--shadow-solid);padding:20px;color:var(--ink)}.card--yellow{background:var(--yellow)}.card--white{background:var(--white)}.card--flat{box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;font-family:var(--font-title);font-size:1.15rem;letter-spacing:.06em;color:var(--ink);border:var(--border-thick);border-radius:var(--radius-pill);box-shadow:var(--shadow-solid);transition:transform .05s ease,box-shadow .05s ease,filter .1s ease;-webkit-user-select:none;user-select:none;text-decoration:none;width:100%}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn:focus-visible{outline:4px dashed var(--purple-light);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-solid);filter:none}.btn--primary{background:var(--yellow);color:var(--ink)}.btn--success{background:var(--green);color:var(--white)}.btn--danger{background:var(--danger);color:var(--white)}.btn--ghost{background:var(--cream);color:var(--ink)}.btn--sm{min-height:40px;padding:8px 16px;font-size:.95rem;width:auto}.btn--block{width:100%}.btn--auto{width:auto}.btn--round{width:52px;height:52px;min-height:52px;flex:0 0 auto;padding:0;font-size:1.7rem;line-height:1;border-radius:50%;box-shadow:none}.btn--round:active{transform:scale(.9);box-shadow:none}.btn--round:disabled{box-shadow:none}.title-hero{font-family:var(--font-title);font-size:clamp(2rem,9vw,2.8rem);color:var(--yellow);text-align:center;line-height:1;text-shadow:var(--shadow-solid-sm)}.text-cream{color:var(--cream)}.text-yellow{color:var(--yellow)}.text-white{color:var(--white)}.text-center{text-align:center}.text-muted{opacity:.72}.small{font-size:.85rem}.big{font-size:1.25rem}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.field{width:100%;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:700;color:var(--ink);background:var(--white);border:var(--border);border-radius:14px;box-shadow:var(--shadow-solid-sm)}.field:focus{outline:none;border-color:var(--purple);box-shadow:var(--shadow-solid)}.field-label{font-family:var(--font-title);letter-spacing:.05em;color:var(--cream);font-size:1.05rem;display:block;margin-bottom:6px}textarea.field{resize:vertical;min-height:90px}.stepper{display:flex;align-items:center;justify-content:center;gap:0;width:100%}.stepper__dot{width:28px;height:28px;flex:0 0 auto;border:3px solid var(--ink);border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;font-family:var(--font-title);color:var(--ink);transition:transform .15s ease,background .15s ease}.stepper__dot--done{background:var(--yellow)}.stepper__dot--current{background:var(--yellow);transform:scale(1.3);animation:bounce .9s ease-in-out infinite;z-index:1}.stepper__link{flex:1 1 auto;height:4px;background:var(--purple-light);min-width:8px}.stepper__link--done{background:var(--yellow)}.player-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--white);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-solid-sm);font-weight:800;color:var(--ink)}.player-chip--claimed{background:var(--yellow)}.player-chip--waiting{opacity:.55;filter:grayscale(.3)}.player-chip__dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);flex:0 0 auto}.player-chip__dot--on{background:var(--green)}.player-chip__dot--off{background:var(--danger)}.scoreboard{display:flex;flex-direction:column;gap:8px}.scoreboard__row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--white);border:var(--border);border-radius:14px;box-shadow:var(--shadow-solid-sm)}.scoreboard__row--leader{background:var(--yellow)}.scoreboard__rank{font-family:var(--font-title);font-size:1.2rem;width:1.6em;text-align:center}.scoreboard__name{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard__score{font-family:var(--font-title);font-size:1.3rem;color:var(--purple)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:50;max-width:90vw;padding:12px 20px;background:var(--ink);color:var(--cream);border:3px solid var(--yellow);border-radius:var(--radius-pill);box-shadow:var(--shadow-solid);font-weight:800;text-align:center;animation:pop-in .25s ease,wiggle .5s ease .25s}.logo{display:block;width:100%;max-width:260px;height:auto;margin:0 auto;filter:drop-shadow(var(--shadow-solid-sm))}.logo--bounce{animation:bounce 2.4s ease-in-out infinite}.word-card{position:relative;width:100%;padding:10px 16px;background:var(--cream);border:var(--border-thick);border-radius:var(--radius);box-shadow:var(--shadow-solid);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .05s ease,box-shadow .05s ease}.word-card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.word-card__main{display:flex;flex-direction:column;gap:2px;min-width:0}.word-card__points{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:.95rem;padding:4px 14px;border-radius:var(--radius-pill);border:2px solid var(--ink);white-space:nowrap}.word-card__points--1{background:var(--green);color:#fff}.word-card__points--3{background:var(--orange);color:#fff}.word-card__points--5{background:var(--red);color:#fff}.word-card__word{font-family:var(--font-title);font-size:1.35rem;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis}.word-card__tier{opacity:.75}.word-grid{display:flex;flex-direction:column;gap:12px}.choose-layout{display:flex;flex-direction:column;gap:12px;height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 48px);height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 48px);min-height:320px}.choose-layout--with-bar{height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 48px - 66px);height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 48px - 66px)}.choose-layout__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px;margin:-4px -4px 0}.choose-layout__footer{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:3px dashed rgba(255,248,231,.28)}.choose-layout__footer textarea.field{min-height:56px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px}.podium__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;border:var(--border-thick);border-radius:14px 14px 0 0;box-shadow:var(--shadow-solid-sm);padding:10px 6px;background:var(--purple-light)}.podium__step--1{background:var(--yellow);min-height:150px}.podium__step--2{background:var(--cream);min-height:118px}.podium__step--3{background:#d8a76b;min-height:92px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stepper__dot--current{animation:bounce-scale .9s ease-in-out infinite}@keyframes bounce-scale{0%,to{transform:scale(1.3) translateY(0)}50%{transform:scale(1.3) translateY(-4px)}}@keyframes wiggle{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2.5deg)}75%{transform:translate(-50%) rotate(2.5deg)}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:float-in .3s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}