@font-face{font-family:Overwatch;src:url(/fonts/BigNoodleTitling.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}body{color:#f5f5f5;background:#0b0f14;margin:0;font-family:Arial,sans-serif}.app{width:100%;max-width:1500px;margin:auto;padding:40px}.header{border-bottom:1px solid #29313c;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:25px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-icon{clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);background:#5b0768;width:42px;height:42px}.brand-title{letter-spacing:1px;font-size:25px;font-weight:800}.brand-subtitle{color:#8993a3;letter-spacing:4px;margin-top:3px;font-size:12px}.export-button{color:#fff;cursor:pointer;background:#5b0768;border:0;border-radius:10px;padding:15px 25px;font-size:16px;font-weight:700}.export-button:hover{opacity:.9}.preview-section,.panel{background:#121820;border:1px solid #29313c;border-radius:16px}.preview-section{margin-bottom:30px;padding:28px}.section-title,.panel h2{color:#aeb8c8;letter-spacing:4px;font-size:16px}.preview{justify-content:center;align-items:center;width:100%;min-height:260px;margin-top:20px;margin-bottom:0;display:flex;overflow:visible}.kill-feed{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:max-content;max-width:none;height:60px;display:flex;overflow:visible;transform:none}.player-section{height:72px}.killer-section{background:#238da3;border-radius:4px;gap:6px;padding-left:16px;padding-right:4px}.victim-section{background:#aa1f3d;border-radius:4px;gap:8px;padding-left:8px;padding-right:20px}.player-name{white-space:nowrap;flex-shrink:0;font-size:26px;font-weight:700}.victim-section .player-name{-webkit-text-stroke-color:#681528}.hero-box{flex:0 0 82px;justify-content:center;align-items:center;width:82px;height:56px;display:flex;overflow:hidden}.victim-section .hero-box{background:#84182f}.hero-icon{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.kill-icon{background:#0b1016;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:44px;padding:0 7px;display:flex;overflow:visible}.kill-arrow,.kill-event-extra{flex:0 0 28px;width:28px;height:28px}.kill-icon img{object-fit:contain;width:28px;height:28px;display:block}.kill-symbol{font-size:10px;line-height:1}.killer{color:#ff9f43}.victim{color:#ff5c5c}.hero{color:#fff}.weapon{font-size:28px}.bottom-section{grid-template-columns:1fr 1fr;gap:30px;display:grid}.panel{padding:28px}.panel h2{margin-top:0;margin-bottom:25px}.panel h3{color:#aeb8c8;letter-spacing:3px;margin-top:30px;font-size:14px}.tabs{background:#1d2530;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:5px;display:grid}.tabs button{color:#aeb8c8;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:13px;font-size:16px}.tabs .active{color:#0f0909;background:#5b0768}.panel label:not(.checkbox){color:#aeb8c8;margin-top:18px;margin-bottom:8px;display:block}input,select{color:#fff;background:#1b222c;border:1px solid #303947;border-radius:8px;width:100%;padding:13px;font-size:16px}.checkbox{color:#e7ebf0;cursor:pointer;align-items:center;gap:12px;margin:18px 0;display:flex}.checkbox input{width:20px;height:20px}.add-button{color:#fff;cursor:pointer;background:#5b0768;border:0;border-radius:8px;width:100%;margin-top:25px;padding:14px;font-size:17px;font-weight:700}.add-button:hover{opacity:.9}@media (width<=800px){.app{padding:20px}.bottom-section{grid-template-columns:1fr}.header h1{font-size:30px}}.preview{justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.kill-feed{max-width:100%;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:max-content!important;height:52px!important;display:flex!important;overflow:visible!important}.player-section{flex-direction:row!important;flex:none!important;align-items:center!important;height:52px!important;display:flex!important}.hero-box{background:#176d7d;flex:0 0 72px!important;justify-content:center!important;align-items:center!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:48px!important;display:flex!important;overflow:hidden!important}.hero-icon{object-fit:cover!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important}.kill-icon{flex-direction:row!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:3px!important;width:auto!important;min-width:40px!important;height:40px!important;padding:0 6px!important;display:flex!important;overflow:visible!important}.kill-arrow,.kill-event-extra{object-fit:contain!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important}.kill-icon img{object-fit:contain!important;display:block!important}.editor-section{background:#121820;border:1px solid #29313c;border-radius:16px;margin-top:30px;padding:28px}.editor-title{margin-bottom:25px}.editor-grid{grid-template-columns:1fr 1.2fr 1fr;gap:0;width:100%;display:grid}.editor-column{padding:0 30px}.killer-column{border-right:1px solid #29313c}.victim-column{border-left:1px solid #29313c}.event-column{flex-direction:column;display:flex}.editor-column h3{color:#aeb8c8;letter-spacing:3px;margin:0 0 10px;font-size:14px;font-weight:700}.killer-column h3{color:#238da3}.victim-column h3{color:#aa1f3d}.editor-column h3:not(:first-child){margin-top:25px}.text-input,.select-input{color:#fff;background:#1b222c;border:1px solid #303947;border-radius:8px;outline:none;width:100%;height:48px;padding:0 14px;font-family:Arial,sans-serif;font-size:16px;font-weight:600}.text-input:focus,.select-input:focus{border-color:#4f9db1}.event-title{color:#aeb8c8;letter-spacing:3px;text-align:center;margin-bottom:10px;font-size:14px;font-weight:700}.event-tabs{background:#1d2530;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;display:grid}.event-tab{color:#aeb8c8;cursor:pointer;background:0 0;border:0;border-radius:6px;height:40px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.event-tab:hover{background:#29313c}.event-tab.active{color:#fff;background:#5b0768}.event-select{margin-top:20px}.event-select label{color:#aeb8c8;letter-spacing:2px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.checkbox-row{align-items:center;gap:30px;margin-top:22px;display:flex}.checkbox-option{color:#e7ebf0;cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.checkbox-option input{accent-color:#5b0768;width:18px;height:18px;margin:0}@media (width<=900px){.editor-grid{grid-template-columns:1fr;gap:30px}.killer-column,.victim-column{border:0}.editor-column{padding:0}.event-tabs{grid-template-columns:repeat(2,1fr)}}.hero-selector{width:100%;position:relative}.hero-selector-button{color:#fff;cursor:pointer;text-align:left;background:#1b222c;border:1px solid #303947;border-radius:8px;align-items:center;width:100%;height:56px;padding:4px 12px;font-family:Arial,sans-serif;font-size:16px;font-weight:600;display:flex}.hero-selector-button:hover{border-color:#4b9aaa}.hero-selector-icon{object-fit:cover;border-radius:5px;flex-shrink:0;width:48px;height:48px;margin-right:12px}.hero-selector-name{flex:1}.hero-selector-arrow{color:#aeb8c8;margin-right:4px;font-size:11px}.hero-selector-menu{z-index:1000;background:#151c25;border:1px solid #303947;border-radius:8px;max-height:350px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000073}.hero-option{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;height:54px;padding:4px 8px;font-family:Arial,sans-serif;font-size:15px;font-weight:600;display:flex}.hero-option:hover{background:#26313d}.hero-option.selected{background:#25333d}.hero-option-icon{object-fit:cover;border-radius:5px;flex-shrink:0;width:46px;height:46px;margin-right:12px}.preview-sticky{z-index:500;position:sticky;top:15px}.footer{text-align:center;color:#8993a3;border-top:1px solid #29313c;margin-top:55px;padding:28px 20px;font-size:16px;line-height:2}.footer-line{margin-bottom:4px}.footer strong{color:#e7ebf0;font-weight:600}.footer a{color:#e7ebf0;border-bottom:1px solid #596474;text-decoration:none}.footer a:hover{color:#5b0768}.footer-disclaimer{color:#8993a3;margin-top:8px;font-size:15px}.preview{justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.kill-feed{flex-shrink:0;width:max-content;max-width:none;overflow:visible}.player-section{flex-shrink:0;height:60px}.killer-section{padding-left:16px;padding-right:4px}.victim-section{padding-left:4px;padding-right:16px}.player-name{text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:26px}.hero-box{flex:0 0 82px;width:82px;height:56px}.hero-icon{object-fit:cover;width:100%;height:100%}.kill-icon{flex-shrink:0;gap:4px;min-width:44px;height:44px;padding:0 7px;overflow:visible}.kill-arrow,.kill-event-extra{flex:0 0 28px;width:28px;height:28px}.preview{justify-content:center;align-items:center;width:100%;height:130px;min-height:130px;margin-top:20px;margin-bottom:0;display:flex;overflow:hidden}.preview .kill-feed{zoom:1;flex-shrink:0;align-items:center;width:max-content;height:52px;display:flex;overflow:visible;transform:none}.preview .player-section{flex-shrink:0;align-items:center;height:52px;display:flex}.preview .player-name{white-space:nowrap;flex-shrink:0;font-size:24px;font-weight:700}.preview .hero-box{flex:0 0 72px;width:72px;height:48px;overflow:hidden}.preview .hero-icon{object-fit:cover;width:100%;height:100%;display:block}.preview .kill-icon{flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:40px;padding:0 8px;display:flex;overflow:visible}.preview .kill-arrow{flex:0 0 28px;width:28px;height:28px}.preview .kill-event-extra{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.streak-selector{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:24px;display:grid}.streak-button{color:#aeb8c8;cursor:pointer;background:#1d2530;border:0;border-radius:7px;padding:11px 8px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.streak-button:hover{color:#fff;background:#29313c}.streak-button.active{color:#fff;background:#5b0768}.killer-section{align-items:center;gap:8px;padding-left:10px;padding-right:4px;display:flex}.kill-streak-icon{object-fit:contain;flex:0 0 44px;width:44px;height:48px;display:block}.brand-mark{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}