:root{--primary: #ff7e00;--primary-dark: #e56e00;--dark: #000000;--darker: #0a0a0a;--light: #ffffff;--gray: #dcdcdc;--gray-dark: #666666;--success: #27a827;--error: #9e2f2f;--card-bg: #0a0a0a;--header-bg: #000000;--border-color: rgba(255, 255, 255, .1);--ct-color: #5d79ae;--t-color: #c4a484}.game-result{background-color:var(--dark);color:var(--light);font-family:Inter,sans-serif;line-height:1.6;min-height:100vh;padding:0}.game-result .container{max-width:1200px;margin:0 auto;padding:1rem}.game-header{background:var(--header-bg);padding:1.5rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--border-color)}.game-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--light)}.back-button{background:var(--darker);color:var(--light);border:1px solid var(--border-color);border-radius:6px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.back-button:hover{background:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0006}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;background:var(--card-bg);border:1px solid var(--border-color)}.status-badge.success{color:var(--success);border-color:var(--success)}.status-badge.error{color:var(--error);border-color:var(--error)}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.team-card{background:var(--card-bg);border-radius:4px;border:1px solid var(--border-color);overflow:hidden}.team-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.team-header.ct{background:#5d79ae1a;border-color:var(--ct-color)}.team-header.t{background:#c4a4841a;border-color:var(--t-color)}.team-header h2{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin:0}.team-header.ct h2{color:var(--ct-color)}.team-header.t h2{color:var(--t-color)}.player-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);align-items:center}.player-row:last-child{border-bottom:none}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.player-name{font-size:.875rem;font-weight:500;color:var(--light)}.player-id{font-size:.75rem;color:var(--gray)}.player-app-id{color:var(--primary);font-weight:500}.replace-button{display:none}.leaver-toggle{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;margin-left:.4rem;padding:.3rem .55rem;font-size:.72rem;font-weight:600;border-radius:4px;cursor:pointer;border:1px solid rgba(220,100,50,.5);color:#dca064d9;background:#dc501e14;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .18s ease;letter-spacing:.01em}.leaver-toggle:hover{border-color:#e05520;background:#dc501e2e;color:#fa7}.leaver-toggle--active{background:#dc3c1447;border-color:#e05520;color:#f74;box-shadow:0 0 6px #dc501e59}.leaver-toggle__icon{font-size:.8rem;line-height:1}.player-row--leaver{background:#c8321412;border-left:3px solid #e05520}.player-row--leaver .stat-input{border-color:#dc501e73;color:#f96}.replace-box{margin-top:.5rem}.search-results{margin-top:.35rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;background:var(--darker)}.search-result-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border-color);color:var(--light);transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--card-bg)}.search-result-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:600;font-size:.9rem;color:var(--light);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-details{font-size:.75rem;color:var(--gray-dark)}.search-loading,.search-no-results{margin-top:.5rem;padding:.75rem;text-align:center;color:var(--gray-dark);font-size:.875rem;border:1px solid var(--border-color);border-radius:4px;background:var(--darker)}.search-loading{color:var(--primary)}.stat-input{background:var(--darker);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--light);font-size:.875rem;width:100%;text-align:center}.stat-input:focus{outline:none;border-color:var(--primary)}.winner-selection{background:var(--card-bg);border-radius:4px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color)}.winner-selection h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--light)}.winner-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.winner-option{position:relative}.winner-option input[type=radio]{position:absolute;opacity:0}.winner-option label{display:block;padding:1rem;background:var(--darker);border:1px solid var(--border-color);border-radius:4px;text-align:center;cursor:pointer;transition:all .2s ease}.winner-option input[type=radio]:checked+label{background:var(--primary);border-color:var(--primary);color:var(--light)}.winner-option.ct label{border-color:var(--ct-color)}.winner-option.t label{border-color:var(--t-color)}.score-input{background:var(--card-bg);border-radius:4px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color)}.score-input h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--light)}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.score-input-group{display:flex;flex-direction:column;gap:.5rem}.score-input-group label{font-size:.875rem;color:var(--gray)}.submit-btn{background:var(--primary);color:var(--light);border:none;border-radius:4px;padding:1rem;font-size:1rem;font-weight:600;width:100%;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:var(--primary-dark)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-upload-section{background:var(--card-bg);border-radius:4px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-color)}.ai-upload-header{margin-bottom:1rem}.ai-upload-header h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--light);display:flex;align-items:center;gap:.5rem}.ai-upload-header p{font-size:.875rem;color:var(--gray);margin:0}.image-upload-box{border:2px dashed var(--border-color);border-radius:4px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--darker)}.image-upload-box:hover{border-color:var(--primary);background:#ff7e000d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2rem;color:var(--gray);transition:color .2s ease}.image-upload-box:hover .upload-icon{color:var(--primary)}.upload-text{font-size:1rem;font-weight:500;color:var(--light);margin:0}.upload-hint{font-size:.875rem;color:var(--gray);margin:0}.upload-progress{margin-top:1rem;text-align:center}.progress-bar{width:100%;height:4px;background:var(--darker);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary);width:0%;animation:progress-animation 2s ease-in-out infinite}@keyframes progress-animation{0%{width:0%}50%{width:70%}to{width:100%}}.progress-text{font-size:.875rem;color:var(--gray);margin:0}.swap-button{background:var(--primary);color:var(--light);border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;font-weight:600;margin-top:1rem}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;color:var(--light);font-weight:600;font-size:.875rem;z-index:10000;max-width:350px;word-wrap:break-word;box-shadow:0 8px 32px #0000004d;transform:translate(400px);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.75rem}.notification.show{transform:translate(0)}.notification.success{background:linear-gradient(135deg,#27a827,#1e7e1e);border-color:#27a827}.notification.error{background:linear-gradient(135deg,#dc3545,#b02a37);border-color:#dc3545}.notification.info{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary)}.error-message{color:#fff;margin:1rem 0;padding:1.25rem;background:#9e2f2f59;border-radius:8px;border:2px solid #ff4444;font-size:1rem;line-height:1.5;text-align:center}.error-message strong{display:block;color:#ff7e00;font-size:1.1rem;margin-bottom:.5rem}.loading{text-align:center;padding:3rem 1rem;color:#fff;font-size:1.1rem}.loading:after{content:"";display:block;width:32px;height:32px;margin:1rem auto 0;border:3px solid rgba(255,126,0,.25);border-top-color:#ff7e00;border-radius:50%;animation:game-result-spin .8s linear infinite}@keyframes game-result-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.game-result .container{padding:.75rem}.game-header{padding:1rem}.game-header h1{font-size:1.25rem}.scoreboard{grid-template-columns:1fr}.player-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:.5rem;padding:.5rem}.player-avatar{width:24px;height:24px}.player-name{font-size:.75rem}.player-id{font-size:.7rem}.stat-input{padding:.35rem;font-size:.75rem}.winner-options,.score-grid{grid-template-columns:1fr}.winner-selection,.score-input{padding:1rem}}.game-result--embedded{--accent: #e84142;--danger: #d92d20;--fill-100: #181b20;--fill-200: #25272b;--stroke-100: rgba(255, 255, 255, .06);--text-500: #ffffff;--text-300: #8a9099;--text-200: #6b7178;min-height:auto;background:transparent;color:var(--text-500)}.game-result--embedded .game-form-screen{padding-bottom:8px}.game-result--embedded .game-form-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:13px;color:var(--text-200)}.game-result--embedded .game-form-upload{margin-bottom:10px}.game-result--embedded .game-team-card,.game-result--embedded .game-score-card{margin-top:8px}.game-result--embedded .game-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--stroke-100)}.game-result--embedded .game-row:last-child{border-bottom:none}.game-result--embedded .game-row__name{flex:1 1 100px;min-width:80px;font-size:13px;font-weight:600}.game-result--embedded .game-row__nick{font-weight:600}.game-result--embedded .game-row__ids{font-size:10px;font-weight:400;color:var(--text-300);margin-top:2px;font-family:ui-monospace,monospace}.game-result--embedded .game-score-winner{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:4px}.game-result--embedded .game-score-winner--warn{color:var(--danger)}.game-result--embedded .game-row__stats{display:flex;gap:6px}.game-result--embedded .game-row__stats .input--s{width:52px;text-align:center;padding:6px 4px}.game-result--embedded .game-row__leaver{font-size:11px;color:var(--text-300);display:flex;align-items:center;gap:4px;white-space:nowrap}.game-result--embedded .card{background:var(--fill-100);border:1px solid var(--stroke-100);border-radius:8px;padding:12px}.game-result--embedded .card__title{font-size:12px;font-weight:600;color:var(--text-300);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.game-result--embedded .chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--fill-200);color:var(--text-300)}.game-result--embedded .chip.is-active{background:var(--accent);color:#fff}.game-result--embedded .btn{border:none;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}.game-result--embedded .btn--ghost{background:var(--fill-200);color:var(--text-500);width:100%}.game-result--embedded .btn--primary{background:var(--accent);color:#fff;width:100%}.game-result--embedded .btn--block{display:block;width:100%}.game-result--embedded .input{background:var(--fill-200);border:1px solid var(--stroke-100);border-radius:6px;color:var(--text-500);padding:8px 10px}.game-result--embedded .input--s{width:52px;text-align:center;padding:6px 4px}.game-result--embedded .flex{display:flex}.game-result--embedded .gap-8{gap:8px}.game-result--embedded .mt-8{margin-top:8px}.game-result--embedded .mt-12{margin-top:12px}.game-result--embedded .mb-8{margin-bottom:8px}
