body{margin:0;padding:0;background-color:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-body),system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box}.celeb-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;padding:10px;box-sizing:border-box}.celeb-header{display:flex;justify-content:space-between;width:100%;max-width:420px;margin-bottom:8px;font-size:1.1rem;color:var(--game-accent, #c026d3);font-weight:700}.celeb-image-container{position:relative;width:100%;max-width:340px;aspect-ratio:1 / 1;border:2px solid var(--color-border-subtle);box-shadow:0 4px 20px #00000014;background-color:var(--color-surface-sunken);border-radius:12px;margin-bottom:15px;perspective:1000px;overflow:hidden}.celeb-card{width:100%;height:100%}.celeb-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.celeb-card-inner.flipped{transform:rotateY(180deg)}.celeb-card-front,.celeb-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:9px;overflow:hidden}.celeb-card-front{background:var(--color-surface-raised)}.celeb-card-back{background:var(--color-surface-raised);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.mystery-logo{font-size:5rem;font-weight:900;color:#ff007f;text-shadow:0 0 20px #ff007f,0 0 40px #ff007f}#celeb-canvas{width:100%;height:100%;display:block;transition:filter .6s ease-in-out,transform .6s ease-in-out}.celeb-effect-5{filter:invert(1) blur(3.5px) grayscale(1);transform:scaleX(-1)}.celeb-effect-4{filter:invert(1) blur(2.5px) grayscale(.75);transform:scaleX(-1)}.celeb-effect-3{filter:blur(2px) grayscale(.5);transform:scaleX(-1)}.celeb-effect-2{filter:blur(1.2px) grayscale(.25);transform:scaleX(-1)}.celeb-effect-1{filter:blur(.5px) grayscale(.1);transform:none}.celeb-form-wrap{width:100%;max-width:320px;position:relative;display:flex;flex-direction:column;gap:10px}.celeb-input-group{position:relative;display:flex;width:100%}.celeb-input{flex:1;background:var(--color-surface-sunken, #0f172a);border:1.5px solid var(--color-border-subtle, #334155);color:var(--color-text-primary, #ffffff);padding:12px;font-size:1rem;border-radius:8px;outline:none;font-family:inherit;box-sizing:border-box}.celeb-input:focus{border-color:var(--game-accent, #c026d3);box-shadow:0 0 0 3px #c026d340}.celeb-btn{background:var(--game-accent, #c026d3);border:none;color:#fff;padding:0 20px;font-size:1rem;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;box-shadow:0 4px 12px #c026d34d}.celeb-btn:active{background:#a21caf}.suggestions-box{position:absolute;bottom:100%;left:0;width:100%;max-height:160px;overflow-y:auto;background:var(--color-surface-raised, #1e293b);border:1.5px solid var(--color-border-subtle, #334155);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -8px 24px #0003;z-index:100;display:none;box-sizing:border-box}.suggestion-item{padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));font-size:.95rem;color:var(--color-text-primary, #f8fafc);font-weight:600;text-align:left;transition:background-color .15s ease,color .15s ease}.suggestion-item:hover{background:var(--color-surface-sunken, #0f172a);color:var(--game-accent, #c026d3)}.celeb-lives{text-align:center;font-size:.95rem;color:var(--color-text-secondary, #94a3b8)}.celeb-lives em{font-style:normal;color:var(--color-text-primary, #ffffff);font-weight:700}.previous-guesses-wrap{width:100%;max-width:340px;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.previous-guesses-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #94a3b8)}.previous-guesses-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.guess-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:.82rem;font-weight:600;background:var(--color-surface-raised, #1e293b);border:1px solid var(--color-border-subtle, #334155);color:var(--color-text-secondary, #94a3b8);animation:pillSlideIn .25s cubic-bezier(.34,1.56,.64,1) forwards}.guess-pill.incorrect{background:#ef44441f;border-color:#ef444466;color:#ef4444;text-decoration:line-through;text-decoration-color:#ef444499}@keyframes pillSlideIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.wrong-feedback-toast{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;background:#ef444426;border:1px solid #ef4444;color:#ef4444;text-align:center;animation:toastPulse .3s ease-out forwards}@keyframes toastPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.shake-wrong{animation:shakeHoriz .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeHoriz{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.attempts-badge{display:inline-block;padding:1px 6px;border-radius:6px;font-weight:800;color:var(--game-accent, #c026d3);transition:transform .2s ease,background .2s ease,color .2s ease}.attempts-badge--lost{animation:attemptDrop .5s ease forwards}@keyframes attemptDrop{0%{transform:scale(1.65);color:#ef4444;background:#ef444440;box-shadow:0 0 10px #ef444480}50%{transform:scale(.85)}to{transform:scale(1);color:var(--game-accent, #c026d3);background:transparent;box-shadow:none}}.celeb-game-finished .celeb-form-wrap,.celeb-game-finished .previous-guesses-wrap{display:none!important}.celeb-finish-banner{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px;padding:14px 20px;background:var(--color-surface-raised, #1e293b);border:1.5px solid var(--color-border-subtle, #334155);border-radius:12px;max-width:340px;width:100%;box-sizing:border-box}