:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:grid;place-items:center;padding:2rem}.swap-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffff80;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:border-color .2s,color .2s}.swap-btn:hover{border-color:#ffffff59;color:#fffc}.swap-btn input{display:none}.game-area{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:500px;width:100%}.bubble-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:80px}.bubble{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:1.2rem;font-weight:700;font-size:1.1rem;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:scale(.5)}.bubble-beer{background:#fbbf24;color:#1a1a1a}.bubble-hotdog{background:#fb923c;color:#1a1a1a}.bubble-emoji{font-size:1.3rem}.bubble-text{letter-spacing:.04em}.bubble-tail{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid}.bubble-beer .bubble-tail{border-top-color:#fbbf24}.bubble-hotdog .bubble-tail{border-top-color:#fb923c}@keyframes pop-in{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.picture-frame{position:relative;width:280px;height:280px;border-radius:1rem;overflow:hidden;border:3px solid rgba(255,255,255,.1);transition:transform .15s}.picture-frame:active{transform:scale(.97)}.picture{width:100%;height:100%;object-fit:cover}.picture-frame.shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:.8rem 1.6rem;border:none;border-radius:.6rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;letter-spacing:.02em}.btn:active{transform:scale(.95)}.btn-beer{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;box-shadow:0 4px 14px #fbbf2459}.btn-beer:hover{box-shadow:0 6px 20px #fbbf2480}.btn-hotdog{background:linear-gradient(135deg,#fb923c,#ea580c);color:#1a1a1a;box-shadow:0 4px 14px #fb923c59}.btn-hotdog:hover{box-shadow:0 6px 20px #fb923c80}