*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-screen{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0003;text-align:center;max-width:400px;width:100%;margin-top:100px}.login-screen h1{color:#667eea;margin-bottom:30px;font-size:2.5em}.login-screen input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;margin-bottom:20px;transition:border-color .3s}.login-screen input:focus{outline:none;border-color:#667eea}.tab-switcher{display:flex;justify-content:center;margin-bottom:25px;background:#f0f0f0;padding:5px;border-radius:12px}.tab-btn{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-weight:700;color:#666;transition:all .2s}.tab-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 10px #0000001a}.room-code-input{text-transform:uppercase;font-family:monospace;letter-spacing:2px;font-weight:700;text-align:center}.btn{padding:15px 30px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;color:#fff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary{background:#28a745}.btn-secondary:hover{background:#218838;transform:translateY(-2px)}.btn-danger{background:#dc3545;padding:8px 15px;font-size:14px}.btn-danger:hover{background:#c82333}.game-container{width:100%;max-width:1400px;margin:0 auto}.settings-component{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:15px;padding:25px;margin-bottom:20px;border:2px solid #ddd}.settings-component h2{color:#667eea;margin-bottom:20px;text-align:center;font-size:1.4rem}.settings-form{display:flex;flex-direction:column;gap:15px}.setting-field{display:flex;flex-direction:column;gap:8px}.setting-field label{font-weight:700;color:#444;font-size:.95rem}.setting-field input{padding:12px 15px;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.setting-field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.btn-save-settings{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;align-self:center;margin-top:10px}.btn-save-settings:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.scoreboard{background:#fff;padding:20px;border-radius:15px;margin-bottom:20px;box-shadow:0 5px 20px #0000001a}.scoreboard h2{color:#667eea;margin-bottom:15px}.score-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e0e0e0}.score-item:last-child{border-bottom:none}.upload-phase{background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 20px #0000001a;text-align:center}.upload-phase h2{color:#667eea;margin-bottom:30px;font-size:2em}.upload-area{border:3px dashed #667eea;border-radius:15px;padding:40px;margin-bottom:20px;cursor:pointer;transition:all .3s}.upload-area:hover{background:#f0f4ff;border-color:#764ba2}.upload-area input[type=file]{display:none}.uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin:20px 0}.uploaded-image{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0003}.uploaded-image img{width:100%;height:150px;object-fit:cover}.uploaded-image button,.btn-delete-image{position:absolute;top:5px;right:5px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 5px #0003}.btn-delete-image:hover{background:#c82333;transform:scale(1.1)}.start-game-section{margin-top:30px}.game-phase{display:grid;grid-template-columns:1fr 400px;gap:20px}.game-area{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #0000001a}.image-container{position:relative;width:100%;max-width:800px;margin:0 auto 20px;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0003}.blur-image{width:100%;height:auto;display:block;transition:filter .5s ease}.blur-indicator{text-align:center;margin-top:15px;font-size:1.2em;color:#667eea;font-weight:700}.chat-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;height:600px}.chat-messages{flex:1;overflow-y:auto;padding:20px;border-bottom:2px solid #e0e0e0}.chat-message{margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.chat-message.own-message{background:#e3f2fd}.message-content{flex:1}.message-username{font-weight:700;color:#667eea;margin-bottom:5px}.message-text{color:#333}.chat-input{padding:20px;display:flex;gap:10px}.chat-input input{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px}.chat-input input:focus{outline:none;border-color:#667eea}.chat-input button{padding:12px 25px}.notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 5px 20px #0000004d;animation:slideIn .3s ease;z-index:1000;max-width:400px}.notification.error{background:#dc3545}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.correct-answer-banner{background:#28a745;color:#fff;padding:20px;text-align:center;border-radius:10px;margin-bottom:20px;font-size:1.5em;font-weight:700;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 1024px){.game-phase{grid-template-columns:1fr}.chat-section{height:400px}}.player-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.player-card{background:#f8f9fa;border:2px solid #ddd;padding:10px 15px;border-radius:10px;min-width:140px;text-align:center;transition:all .3s}.player-card.ready-card{border-color:#28a745;background:#e8f5e9;transform:scale(1.05)}.player-badges{margin-top:5px;display:flex;gap:5px;justify-content:center}.badge-host{background:#ffc107;color:#000;font-size:.8rem;padding:2px 6px;border-radius:4px;font-weight:700}.badge-ready{background:#28a745;color:#fff;font-size:.8rem;padding:2px 6px;border-radius:4px;font-weight:700}.badge-wait{color:#999;font-size:.8rem}.divider{border:0;border-top:1px solid #eee;margin:30px 0}.controls-footer{margin-top:20px;text-align:center}.btn-large{width:100%;max-width:400px;padding:15px;font-size:1.2rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;margin-bottom:20px;transition:all .2s}.btn-green{background:#28a745;color:#fff;box-shadow:0 4px #1e7e34}.btn-green:active{transform:translateY(4px);box-shadow:none}.btn-red{background:#dc3545;color:#fff;box-shadow:0 4px #bd2130}.btn-red:active{transform:translateY(4px);box-shadow:none}.host-area{background:#fff3cd;padding:20px;border-radius:12px;border:2px solid #ffeeba;margin-top:10px}.btn-start{width:100%;max-width:400px;padding:15px;background:#ffc107;color:#000;font-size:1.5rem;font-weight:700;border:none;border-radius:10px;cursor:pointer}.btn-start:disabled{opacity:.5;cursor:not-allowed}.image-revealer-container{width:100%;max-width:600px;height:400px;margin:20px auto;overflow:hidden;border-radius:15px;border:4px solid #fff;background:#000;display:flex;align-items:center;justify-content:center}.mystery-image{width:100%;height:100%;object-fit:cover;transition:transform 1s linear;transform-origin:center center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.btn-correct{background:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:5px;margin-left:10px;cursor:pointer;font-size:.8rem}.winner-banner{background:#28a745;color:#fff;padding:15px;border-radius:10px;margin-bottom:10px;text-align:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.image-revealer-container.won{border-color:#28a745;box-shadow:0 0 20px #28a745}.btn-next{background:#ffc107;color:#000;font-size:1.5rem;font-weight:700;padding:15px 40px;border:none;border-radius:50px;cursor:pointer;margin-top:15px;box-shadow:0 5px 15px #0003;animation:pulse 2s infinite}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pts-tag{font-size:.75rem;color:#888;margin-left:8px;font-style:italic}.game-over-container{text-align:center;background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 50px #0000004d;max-width:600px;width:100%;margin-top:50px;animation:popIn .5s ease}.giant-text{font-size:3rem;color:#667eea;margin-bottom:30px}.winner-circle{background:gold;color:#555;width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:0 0 30px #ffd70099;border:5px solid white}.winner-name{font-size:1.8rem;font-weight:700}.winner-score{font-size:1.4rem}.final-list{text-align:left;margin-bottom:30px}.final-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #eee;font-size:1.2rem}.final-item.gold{background:#fff9db;font-weight:700;border-radius:8px}.rank{width:40px;color:#999}.name{flex:1}.score{font-weight:700}.score-avatar,.chat-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;vertical-align:middle;border:2px solid #fff;box-shadow:0 2px 5px #0000001a}.chat-message{align-items:flex-start}.chat-avatar{margin-top:2px}.punishment-title{display:flex;align-items:center;justify-content:center}.winner-prize{display:flex;align-items:center;justify-content:center;margin-top:10px}.lobby-room-code-section{text-align:center;margin-bottom:25px;padding:15px 20px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:12px;border:2px dashed #cbd5e0}.room-code-label{font-size:.8rem;color:#718096;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.lobby-room-code-badge{background:#fff;color:#333;padding:10px 20px;border-radius:10px;font-family:monospace;font-size:1.4rem;border:2px solid #667eea;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;outline:none;box-shadow:0 2px 4px #0000001a;margin-bottom:8px}.lobby-room-code-badge:hover,.lobby-room-code-badge:active{background:#f7fafc;border-color:#764ba2;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.lobby-room-value{font-weight:700;font-size:1.5rem;letter-spacing:3px;color:#667eea}.lobby-copy-icon{font-size:1rem;opacity:.7}.room-code-hint{font-size:.8rem;color:#718096;margin-top:3px;font-style:italic}.avatar-selector{margin-bottom:20px}.avatar-selector h3{margin-bottom:15px;color:#444}.avatar-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.avatar-item{width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s;background:#f0f0f0}.avatar-item img{width:100%;height:100%;object-fit:cover}.avatar-item:hover{transform:scale(1.1)}.avatar-item.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;transform:scale(1.1)}.rules-container{max-width:900px;margin:0 auto;padding:20px;color:#333}.rules-header{text-align:center;font-size:3rem;margin-bottom:30px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.2)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.rule-card{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 25px #0000001a;transition:transform .2s}.rule-card:hover{transform:translateY(-5px)}.rule-card .icon{font-size:3rem;margin-bottom:10px}.rule-card h3{font-size:1.5rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;color:#444;border-bottom:2px solid #eee;padding-bottom:10px}.rule-card ul{list-style:none;padding:0;text-align:center}.rule-card li{margin-bottom:12px;line-height:1.4;font-size:1.1rem}.highlight-safe{color:#28a745;font-weight:800}.highlight-risky{color:#dc3545;font-weight:800}.highlight-info{color:#667eea;font-weight:800}.dynamic-text{font-size:1.1rem;font-weight:800;color:#333;display:block;margin-top:5px;line-height:1.4}.rule-card.danger{background:#fff0f0;border:2px solid #ffcccc}.rule-card.danger h3{color:#d32f2f;border-color:#fcc}.rule-card.special{background:#f3f0ff;border:2px solid #d1c4e9}.rule-card.special h3{color:#673ab7;border-color:#d1c4e9}.rules-action{text-align:center;margin-top:20px}.btn-start-game{background:#00c853;color:#fff;font-size:1.5rem;padding:15px 40px;border:none;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 5px 15px #00c85366;transition:all .2s}.btn-start-game:hover{background:#00e676;transform:scale(1.05)}.waiting-message{color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff3;padding:15px;border-radius:50px;display:inline-flex}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:popIn .5s ease-out forwards}.login-logo{width:120px;height:120px;object-fit:contain;border-radius:50%;margin-bottom:30px;border:4px solid white;box-shadow:0 5px 15px #0003}.header-logo-container{display:flex;align-items:center;justify-content:center;gap:15px}.header-logo{width:50px;height:50px;border-radius:50%;border:2px solid white;object-fit:cover}.rule-icon-img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid #673ab7;box-shadow:0 4px 8px #0000001a}.small-ze-img{width:40px;height:40px;border-radius:50%;vertical-align:middle;margin-left:10px;border:2px solid #333}.host-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px 0}.btn-back-lobby{background:transparent;border:2px solid rgba(255,255,255,.6);color:#ffffffe6;padding:15px 30px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-back-lobby:hover{background:#fff;color:#764ba2;border-color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-control{padding:8px 16px;font-size:.9rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;transition:transform .1s;box-shadow:0 4px 6px #0000001a}.btn-control:active{transform:scale(.95)}.btn-pause{background:#ffc107;color:#333}.btn-resume{background:#4caf50;color:#fff}.btn-restart{background:#2196f3;color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.rule-card.reward{background:#fffbea;border:2px solid #ffd700}.rule-card.reward h3{color:#bfa004;border-color:gold}.winner-prize{margin-top:10px;background:gold;color:#333;padding:8px 15px;border-radius:20px;font-weight:700;box-shadow:0 4px 10px #0000001a}.punishment-section{width:100%;max-width:500px;margin:20px auto;display:flex;flex-direction:column;gap:15px}.punishment-section h3{margin-bottom:10px;color:#444}.punishment-card{padding:15px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000000d;border-left:8px solid #ccc;background:#fff}.punishment-title{font-size:.85rem;font-weight:700;text-transform:uppercase;margin-bottom:5px;opacity:.8;display:flex;align-items:center;justify-content:center;gap:8px}.punishment-victim{font-size:1.4rem;font-weight:800;margin-bottom:5px;color:#222}.punishment-action{font-size:1.1rem;font-weight:700;padding:5px;border-radius:4px}.punishment-card.severe{background:#ffebeb;border-left-color:#d32f2f}.punishment-card.severe .punishment-title{color:#d32f2f}.punishment-card.severe .punishment-action{background:#d32f2f;color:#fff}.punishment-card.mild{background:#fff8e1;border-left-color:#ff8f00}.punishment-card.mild .punishment-title{color:#ff8f00}.punishment-card.mild .punishment-action{background:#e65100;color:#fff}.punishment-card.ze-special{background:#f3e5f5;border-left-color:#7b1fa2}.punishment-card.ze-special .punishment-title{color:#7b1fa2}.punishment-card.ze-special .punishment-action{background:#7b1fa2;color:#fff}.mini-ze-icon{width:24px;height:24px;border-radius:50%;border:1px solid #7b1fa2}.gallery-section{margin-top:30px;width:100%}.gallery-section h3{text-align:center;color:#333;margin-bottom:15px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:400px;overflow-y:auto;padding:5px;background:#ffffff80;border-radius:12px}.gallery-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#eee}.gallery-uploader{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.7rem;text-align:center;padding:2px}.connection-banner{position:fixed;top:0;left:0;width:100%;background:#dc3545;color:#fff;text-align:center;padding:10px;font-weight:700;z-index:10000;animation:slideDown .3s ease-out;box-shadow:0 2px 10px #0003}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:1.5rem;font-weight:700}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.avatar-selector-container{margin:15px 0;text-align:center}.avatar-label{font-size:.9rem;color:#666;margin-bottom:8px;font-weight:700}.avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;background:#f8f9fa;padding:10px;border-radius:10px}.avatar-option{width:50px;height:50px;border-radius:50%;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:all .2s}.avatar-option img{width:100%;height:100%;object-fit:cover}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:#667eea;box-shadow:0 0 10px #667eea80;transform:scale(1.15)}.player-avatar-small{width:40px;height:40px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0000001a}.player-card-avatar{width:60px;height:60px;border-radius:50%;margin:0 auto 5px;overflow:hidden;border:3px solid #eee}.player-card-avatar img{width:100%;height:100%;object-fit:cover}.score-item{align-items:center}.score-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;vertical-align:middle}.chat-message{display:flex;align-items:flex-start;gap:8px}.chat-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid white}.chat-avatar img{width:100%;height:100%;object-fit:cover}.message-content{flex-grow:1}.own-message{flex-direction:row-reverse}.own-message .chat-avatar{margin-left:8px;margin-right:0}.final-player-info{display:flex;align-items:center;gap:10px;flex-grow:1}.final-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 5px #0000001a}.winner-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:10px;border:4px solid #ffd700;box-shadow:0 5px 15px #ffd70066}.loser-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #ff4757;margin-bottom:5px}.punishment-victim-container{display:flex;flex-direction:column;align-items:center;margin:10px 0}.waiting-text{font-size:1.1em;color:#666;margin-top:20px;font-style:italic;animation:pulse 2s infinite}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:20px}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;cursor:pointer;box-shadow:0 2px 5px #0000001a}.gallery-item:hover{transform:scale(1.05);z-index:2;transition:transform .2s}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-uploader{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.7em;padding:3px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.image-modal-content{background:transparent;max-width:90vw;max-height:90vh;position:relative;display:flex;flex-direction:column;align-items:center}.image-modal-content img{max-width:100%;max-height:80vh;border-radius:10px;box-shadow:0 0 30px #00000080;object-fit:contain}.image-modal-content p{color:#fff;margin-top:15px;font-size:1.2em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-close-modal{position:absolute;top:-40px;right:0;background:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.verdict-container{width:100%;margin-bottom:30px}.verdict-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-content:center}.verdict-card{border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.verdict-card:hover{transform:translateY(-5px)}.winner-card{background:linear-gradient(135deg,#ffd70033,#fffacd66);border:2px solid rgba(255,215,0,.5);box-shadow:0 10px 30px #ffd70033}.gold-footer{background:linear-gradient(90deg,gold,#fdb931);color:#5c4000}.winner-badge{background:gold;color:#5c4000;font-weight:800;padding:5px 15px;border-radius:20px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003;font-size:.9rem;white-space:nowrap}.hero-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #ffd700;object-fit:cover}.card-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);pointer-events:none}.crown-icon{font-size:2.5rem;margin-bottom:5px;filter:drop-shadow(0 0 10px gold);display:block}.loser-card{background:linear-gradient(135deg,#ff47571a,#ffebee66);border:2px solid rgba(255,71,87,.5);box-shadow:0 10px 30px #ff475726}.red-footer{background:linear-gradient(90deg,#ffcdd2,#ef9a9a);color:#8b0000}.loser-badge{background:#2d3436;color:#ff6b6b;font-weight:800;padding:5px 15px;border-radius:20px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0006;font-size:.8rem;white-space:nowrap;border:1px solid #ff4757}.villain-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #ff4757;object-fit:cover;filter:grayscale(.5) contrast(1.2)}.skull-icon{font-size:2rem;margin-bottom:5px;display:block}.card-header h2{font-size:1rem;letter-spacing:2px;margin:0 0 15px;opacity:.8}.winner-card .card-header h2{color:#5c4000}.loser-card .card-header h2{color:#ff6b6b}.card-avatar-container{position:relative;margin-bottom:25px;display:flex;justify-content:center}.hero-name,.villain-name{margin:0 0 5px;font-size:1.8rem}.winner-card .hero-name,.loser-card .villain-name{color:#2d3436}.hero-score,.villain-score{font-weight:700;font-size:1.2rem;margin-bottom:20px;opacity:.7}.card-footer{width:100%;padding:15px;border-radius:12px;text-align:center}.reward-label,.punishment-label{display:block;font-size:.7rem;margin-bottom:5px;opacity:.8;letter-spacing:1px;font-weight:700}.reward-text,.punishment-text{font-size:1.1rem;font-weight:900;text-transform:uppercase}.secondary-results{width:100%;margin-bottom:30px}.rankings-toggle{text-align:center;cursor:pointer;color:#666}.rankings-toggle summary{font-weight:700;margin-bottom:15px;-webkit-user-select:none;user-select:none;outline:none}.mini-scoreboard{background:transparent;border-radius:0;padding:10px 0;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.mini-score-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffffe6;border-radius:50px;box-shadow:0 4px 15px #0000000d;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.5)}.mini-score-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.mini-rank{font-weight:900;color:#a4b0be;width:30px;font-size:1.1rem}.mini-score-item:nth-child(1) .mini-rank{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.1)}.mini-score-item:nth-child(2) .mini-rank{color:#bdc3c7}.mini-score-item:nth-child(3) .mini-rank{color:#cd7f32}.mini-player-info{flex:1;display:flex;align-items:center;gap:15px}.mini-player-info img{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 5px #0000001a}.mini-name{font-weight:700;color:#2f3542;font-size:1.1rem}.mini-score{font-weight:800;color:#6c5ce7;font-size:1.2rem;min-width:60px;text-align:right}.gallery-strip{display:flex;overflow-x:auto;gap:15px;padding:10px 5px;scrollbar-width:thin}.gallery-thumb{width:100px;height:100px;flex-shrink:0;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid white;box-shadow:0 3px 8px #0000001a;transition:transform .2s}.gallery-thumb:hover{transform:scale(1.05)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.btn-play-again{background:#6c5ce7;color:#fff;width:100%;padding:15px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #6c5ce766;transition:transform .2s}.btn-play-again:active{transform:scale(.98)}.btn-exit{display:block;margin:20px auto 0;padding:10px 20px;background:transparent;border:2px solid #ddd;color:#888;border-radius:50px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-exit:hover{border-color:#dc3545;color:#dc3545;background:#dc35450d;transform:translateY(-2px)}