*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#1a1a2e;color:#eaeaea;min-height:100dvh;display:flex;justify-content:center}#root{width:100%;max-width:480px;padding:1rem}.app{display:flex;flex-direction:column;gap:2rem;min-height:100dvh}.hero{text-align:center;padding:2rem 0 0}.hero h1{font-size:2.25rem}.tagline{color:#aaa;margin-top:.25rem}.card{background:#16213e;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card h2{font-size:1.25rem}.card form{display:flex;flex-direction:column;gap:.75rem}.card input{padding:.75rem 1rem;border-radius:.5rem;border:1px solid #334;background:#0f3460;color:#eaeaea;font-size:1rem}.card button{padding:.75rem;border-radius:.5rem;border:none;background:#e94560;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.card button:disabled{opacity:.5;cursor:not-allowed}footer{margin-top:auto;text-align:center;padding-bottom:1rem}.badge{padding:.15rem .5rem;border-radius:.25rem;font-size:.85rem}.badge.ok{background:#0f5132;color:#75b798}.badge.offline{background:#842029;color:#ea868f}.error{color:#ea868f;font-size:.85rem;background:#842029;padding:.5rem .75rem;border-radius:.5rem}.lobby-screen{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.session-code{font-size:3rem;font-weight:700;letter-spacing:.5rem;color:#e94560;font-family:monospace}.session-code-label{font-size:.85rem;color:#aaa;text-transform:uppercase;letter-spacing:.1rem}.player-list{width:100%;text-align:left}.player-list h3{margin-bottom:.75rem;font-size:1.1rem}.player-list ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.player-list li{background:#16213e;padding:.75rem 1rem;border-radius:.5rem;font-size:1rem}.waiting-message{color:#aaa;font-style:italic}.btn-danger{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:#842029;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.85}.btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:#e94560;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-small-danger{padding:.25rem .5rem;border-radius:.25rem;border:none;background:#842029;color:#fff;font-size:.8rem;cursor:pointer}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.canvas-screen{display:flex;flex-direction:column;gap:1rem}.round-info{text-align:center}.round-info h2{font-size:1.5rem}.prompt{color:#e94560;font-size:1.1rem;font-weight:600;margin-top:.25rem}.theme{color:#aaa;font-size:.9rem}.emoji-palette{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;background:#16213e;padding:.5rem;border-radius:.75rem}.palette-btn{font-size:1.5rem;background:none;border:2px solid transparent;border-radius:.5rem;cursor:grab;padding:.25rem;transition:border-color .15s;touch-action:none;-webkit-user-select:none;user-select:none}.palette-btn:active{cursor:grabbing;opacity:.6}.emoji-canvas{position:relative;width:100%;height:300px;background:#0f3460;border-radius:1rem;border:2px dashed #334;overflow:hidden;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#555;text-align:center;pointer-events:none}.canvas-emoji{position:absolute;-webkit-user-select:none;user-select:none;cursor:grab;line-height:1}.canvas-emoji.dragging{cursor:grabbing;opacity:.8}.canvas-emoji.selected{filter:drop-shadow(0 0 4px #e94560)}.canvas-object-controls{display:flex;flex-direction:column;gap:.5rem;background:#16213e;padding:.75rem;border-radius:.75rem}.controls-label{font-size:.8rem;color:#aaa;text-align:center}.control-row{display:flex;align-items:center;justify-content:center;gap:1rem}.control-row button{padding:.4rem .75rem;border-radius:.5rem;border:none;background:#0f3460;color:#eaeaea;font-size:1rem;cursor:pointer}.control-row span{min-width:3rem;text-align:center;font-size:.85rem;color:#aaa}.canvas-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.canvas-actions button{padding:.6rem 1rem;border-radius:.5rem;border:none;background:#16213e;color:#eaeaea;font-size:.9rem;cursor:pointer}.canvas-actions button:disabled{opacity:.4;cursor:not-allowed}.btn-submit{background:#0f5132!important;color:#75b798!important;font-weight:600}.host-advance{margin-top:.5rem}.gallery-screen{display:flex;flex-direction:column;gap:1rem;align-items:center}.gallery-subtitle{color:#aaa;font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.gallery-card{background:#16213e;border-radius:.75rem;padding:.5rem;cursor:pointer;transition:transform .15s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.gallery-card:hover{transform:scale(1.02)}.gallery-canvas-preview{position:relative;width:100%;height:140px;background:#0f3460;border-radius:.5rem;overflow:hidden}.gallery-author{font-size:.85rem;color:#aaa}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.gallery-enlarged{background:#16213e;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:90vw}.gallery-canvas-enlarged{position:relative;width:320px;height:300px;background:#0f3460;border-radius:.75rem;overflow:hidden}.gallery-enlarged button{padding:.5rem 1.5rem;border-radius:.5rem;border:none;background:#334;color:#eaeaea;cursor:pointer}.voting-screen{display:flex;flex-direction:column;gap:1rem;align-items:center}.voting-subtitle{color:#aaa;font-size:.9rem}.voting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.voting-card{background:#16213e;border-radius:.75rem;padding:.5rem;cursor:pointer;transition:transform .15s,border-color .15s;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative}.voting-card.voted{border-color:#e94560}.vote-badge{position:absolute;top:-.5rem;right:-.5rem;background:#e94560;color:#fff;padding:.15rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:700;z-index:10}.results-screen{display:flex;flex-direction:column;gap:1rem;align-items:center}.results-list,.leaderboard-list{width:100%;display:flex;flex-direction:column;gap:.5rem}.result-item,.leaderboard-item{display:flex;align-items:center;gap:.75rem;background:#16213e;padding:.75rem 1rem;border-radius:.5rem}.result-item.top-three{background:#1a2744}.result-rank,.leaderboard-rank{font-size:1.25rem;min-width:2rem}.result-name,.leaderboard-name{flex:1}.result-score,.leaderboard-score{color:#e94560;font-weight:700}.results-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.timer{font-size:1.5rem;font-weight:700;color:#e94560;font-family:monospace;text-align:center}.timer-warning{color:#f44;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-text{color:#aaa;font-size:.9rem;text-align:center}.round-config{width:100%;background:#16213e;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.round-config h3{font-size:1rem;text-align:center}.config-field{display:flex;flex-direction:column;gap:.25rem}.config-field label{font-size:.85rem;color:#aaa}.config-select{padding:.6rem .75rem;border-radius:.5rem;border:1px solid #334;background:#0f3460;color:#eaeaea;font-size:1rem;cursor:pointer}.config-hint{font-size:.8rem;color:#666;font-style:italic}