@font-face{font-family:'AutoScape';src:url('../assets/AutoScape.ttf') format('truetype');}:root{--primary-color:#ff0000;--background-color:#F9EFDF;--text-color:#000000;--user-message-bg:#F6E8D2;--user-message-text:#857764;--spacing-unit:1rem;--container-max-width:600px;--animate-duration:0.75s;}@keyframes quickFlash{0%,100%{opacity:1;}50%{opacity:0.5}}@keyframes backgroundAnimation{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%}}.animate__flash{animation-name:quickFlash !important;animation-duration:0.3s !important;}*{margin:0;padding:0;box-sizing:border-box;}html,body{overflow-x:hidden;width:100%;position:relative;}*{-webkit-tap-highlight-color:transparent !important;outline:none !important;box-shadow:none !important;user-select:none !important;-webkit-user-drag:none !important;}a{color:inherit !important;text-decoration:none !important;}a:hover,a:focus,a:active,a:visited,a:focus-visible{color:inherit !important;text-decoration:none !important;outline:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent;}a,a *{color:inherit !important;text-decoration:none !important;outline:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent !important;user-select:none !important;-webkit-user-drag:none !important;}a:focus:not(:focus-visible){outline:none !important;}body{font-family:'IBM Plex Mono',monospace;background-color:var(--background-color);line-height:1.6;background-image:url('../assets/_4th_Judge_KV_ACI.png');background-size:200% auto;background-attachment:fixed;background-position:center;min-height:100vh;display:flex;flex-direction:column;animation:backgroundAnimation 30s ease infinite;overflow:hidden;width:100%;position:relative;}@media (min-width:768px){body{background-size:150% auto;}.desktop-content{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;flex:1;width:100%;display:flex;justify-content:center;align-items:center;margin:4rem 0px;flex:1 1 0%;}.mobile-content{display:none}}@media (min-width:1200px){body{background-size:120% auto}}.sticky-about{position:fixed;top:0;left:0;width:100%;padding:0.75rem;background-color:rgba(249,239,223,0.85);font-family:'AutoScape',monospace;font-size:1rem;text-align:center;color:var(--text-color);z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;}.sticky-about img{width:24px;height:24px;}.app-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-unit);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;}.screen{display:flex;min-height:100vh;position:relative;opacity:1;flex-direction:column;scroll-snap-align:start;}main{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;flex-grow:1;}.chat-main{padding:0;display:flex;flex-direction:column;height:100%;}h1{font-family:'AutoScape',monospace;font-size:2.5rem;margin-bottom:2rem;line-height:1.2;}h2{font-family:'AutoScape',monospace;font-size:2rem;margin-bottom:0.5rem;}.description{font-family:'IBM Plex Mono',monospace;font-size:0.875rem;line-height:1.6;margin:0.75rem auto;max-width:80%;text-align:center;}.description.small{font-size:0.6rem;line-height:1.6;}.ring-logo{margin:0.5rem 0;}.badge{font-family:'AutoScape',monospace;background-color:var(--text-color);color:var(--background-color);padding:0.5rem 1rem;display:inline-block;margin:1rem 0;font-weight:600;border:2px solid var(--primary-color);box-shadow:4px 4px 0 var(--primary-color);}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.fight-selector{width:100%;margin-bottom:1rem;position:relative;}.dropdown{position:relative;display:inline-block;width:100%;}.dropdown-toggle{width:100%;background:transparent;color:black;font-size:18px;font-weight:bold;padding:12px 16px;border:2px solid var(--primary-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dropdown-toggle > span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;max-width:calc(100% - 30px);}.arrow{width:24px;height:24px;transition:transform 0.3s ease;flex-shrink:0;margin-left:auto;}.dropdown.open .arrow{transform:rotate(180deg);}.dropdown-menu{position:absolute;width:100%;background:rgba(249,239,223,0.95);color:black;border-radius:4px;box-shadow:0px 4px 10px rgba(0,0,0,0.1);padding:0;list-style:none;display:none;z-index:10;max-height:300px;overflow-y:auto;border:2px solid var(--primary-color);}.dropdown-menu li{padding:12px 16px;cursor:pointer;transition:background 0.3s ease;font-family:'IBM Plex Mono',monospace;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}@media (max-width:767px){.dropdown-toggle{font-size:14px;padding:10px 12px;}.dropdown-toggle > span{max-width:calc(100% - 24px);}.arrow{width:20px;height:20px;}.dropdown-menu li{font-size:14px;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.fight-select{display:none;}.chat-container{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;min-height:0;position:relative;overflow-x:hidden;position:relative;max-width:95vw;overflow:hidden;margin:auto;}.chat-container::before,.chat-container::after{content:"";position:absolute;width:8px;height:8px;background-color:#000;z-index:1;}.chat-container::before{top:12px;left:13px;}.chat-container::after{top:12px;right:13px;}.chat-inner{position:relative;display:block;}.chat-inner::before,.chat-inner::after{content:"";position:absolute;width:8px;height:8px;background-color:#000;z-index:1;}.chat-inner::before{bottom:5px;left:-4px;}.chat-inner::after{bottom:5px;right:-4px;}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:1rem;height:60vh;min-height:60vh;max-height:60vh;text-align:left;border:2px solid var(--primary-color);background-color:rgba(249,239,223,0.7);scroll-behavior:smooth;margin-bottom:1rem;position:relative;-webkit-overflow-scrolling:touch;}.message{padding:0.75rem;border-radius:4px;max-width:95%;word-wrap:break-word;font-size:0.875rem;line-height:1.4;text-align:left;}.ai-message{align-self:flex-start;color:var(--text-color);display:flex;align-items:flex-start;gap:0.5rem;}.ai-message-content{flex:1;}.share-button{background:transparent;border:none;padding:0;cursor:pointer;opacity:0.8;transition:opacity 0.2s ease;display:flex;align-items:center;justify-content:center;margin-left:0.5rem;}.share-button:hover{opacity:1;}.share-button img{width:20px;height:20px;filter:invert(12%) sepia(89%) saturate(7479%) hue-rotate(0deg) brightness(103%) contrast(115%);}.share-twitter-btn{display:none;}.user-message{align-self:flex-end;background-color:var(--user-message-bg);color:var(--user-message-text);border:none;}.chat-input-container{width:100%;display:flex;gap:0.5rem;padding:0.5rem 0;background-color:var(--background-color);position:relative;}.chat-input{flex:1;padding:1rem;font-family:inherit;background-color:rgba(249,239,223,0.7);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;font-size:0.875rem;-webkit-appearance:none;appearance:none;height:52px;min-height:52px;max-height:52px;resize:none;}.chat-input:focus{outline:none;border-color:var(--text-color);}.chat-input::placeholder{color:var(--primary-color);opacity:0.5;text-transform:uppercase;}.send-button{width:40px;height:40px;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;opacity:1;}.send-button img{width:24px;height:24px;filter:brightness(0) invert(1);}.send-button,.chat-button{background-color:var(--primary-color);color:white;border:2px solid var(--primary-color);font-family:inherit;font-weight:600;cursor:pointer;border-radius:4px;text-transform:uppercase;transition:transform 0.2s;}.chat-button{padding:1rem 1rem;margin-top:0rem;min-width:280px;font-size:1rem;opacity:0.8;position:relative;display:inline-block;}.chat-button::before,.chat-button::after,.chat-button span::before,.chat-button span::after{content:"";position:absolute;width:8px;height:8px;background-color:#000;}.chat-button::before{top:-6px;left:-6px;}.chat-button::after{top:-6px;right:-6px;}.chat-button span{position:relative;display:inline-block;}.chat-button span::before{bottom:-22px;left:-33px;}.chat-button span::after{bottom:-22px;right:-33px;}.send-button{flex:0 0 calc(20% - 0.5rem);padding:0.75rem;display:flex;align-items:center;justify-content:center;margin-top:0;height:auto;}.send-button:active,.chat-button:active{animation:quickFlash 0.3s;}.marquee-container{position:fixed;bottom:0;left:0;width:100%;background:var(--primary-color);color:black;padding:0.5rem 0;overflow:hidden;text-transform:uppercase;z-index:99;border-top:2px solid white;}.marquee{white-space:nowrap;animation:marquee 20s linear infinite;display:inline-block;font-size:0.875rem;letter-spacing:0.05em;display:flex;align-items:center;gap:0.5rem;}@keyframes marquee{0%{transform:translateX(100%);}100%{transform:translateX(-100%)}}@media (min-width:768px){h1{font-size:3rem;}.description{font-size:1.2rem;}.instruction{font-size:1rem;}.description.small{font-size:0.65rem;line-height:1.4;}.chat-button{min-width:320px;}.chat-button span::before{bottom:-22px;left:-54px;}.chat-button span::after{bottom:-22px;right:-54px;}.message{max-width:80%}}header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-unit);}.about{font-family:'AutoScape',monospace;font-size:0.875rem;font-weight:600;cursor:pointer;color:var(--primary-color);padding:0.5rem 1rem;border:2px solid var(--primary-color);border-radius:4px;background-color:rgba(255,255,255,0.85);}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:2000;justify-content:center;align-items:center;}.modal.active{display:flex;}.modal-content{position:relative;width:90%;max-width:800px;background-color:var(--background-color);padding:2rem;border:2px solid var(--primary-color);border-radius:8px;}.close-button{position:absolute;right:1rem;top:1rem;background:var(--primary-color);color:white;border:none;width:30px;height:30px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2001;}.typewriter-word{display:inline;opacity:0;transition:opacity 0.1s ease;font-family:'IBM Plex Mono',monospace;}.typewriter-word.visible{opacity:1;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0}}@keyframes typing{from{max-width:0;opacity:0;}to{max-width:100%;opacity:1}}@keyframes blinkCursor{50%{opacity:0}}.chat-loader{display:none;padding:0.75rem;align-self:flex-start;margin-bottom:0.5rem;color:var(--text-color);}.chat-loader span{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;font-size:1.5rem;margin-right:0.2rem;}.chat-loader span:nth-child(2){animation-delay:0.2s;}.chat-loader span:nth-child(3){animation-delay:0.4s;}.mobile-content{margin:auto;}.chat-loader.visible{display:flex;}.ring-logo{}.judge-logo{height:2.5rem;}.scroll-bottom{position:fixed;bottom:120px;right:20px;background-color:var(--primary-color);color:white;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:100;transition:opacity 0.3s;}.scroll-bottom.visible{display:flex;}.scroll-bottom:hover{opacity:0.8;}.marquee-icon{height:1em;width:auto;vertical-align:middle;margin:0 0.5rem;filter:brightness(0);}.empty-state-message{position:absolute;top:50%;color:var(--primary-color);font-family:'IBM Plex Mono',monospace;font-size:0.875rem;text-align:center;padding-left:20%;padding-right:26%;top:40%;}.beta-disclaimer{position:fixed;bottom:40px;left:0;width:100%;background-color:var(--background-color);color:var(--text-color);text-align:center;padding:0.5rem;font-size:0.65rem;line-height:1.4;border-top:1px solid var(--primary-color);z-index:998;}.title-svg{width:100%;height:auto;margin:4rem auto;}#screen2{width:60%;margin:auto;}@media (min-width:900px){.app-container{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:80vw;}.app-container::-webkit-scrollbar{display:none}}#screen1{padding:0;margin:0;min-height:80vh;}#screen1 .desktop-content{margin:0;}#screen2{width:60%;margin:auto;}.judge-logo{height:4.25rem;}h2{font-family:'AutoScape',monospace;font-size:3rem;margin-bottom:1rem;}.title-svg{width:100%;}.chat-container{gap:0;margin-top:0;}.chat-messages{height:40vh;min-height:40vh;max-height:40vh;}div#screen2{width:100%;margin:0;}div#screen3{width:100%;margin:0}}@media (max-width:767px){main{padding-top:1rem;max-width:90vw;width:90vw;margin:auto;padding-bottom:80px;}.desktop-content{display:none;}.ai-message{max-width:95%;}.mobile-content{display:flex;justify-content:center;align-items:center;margin:0;flex:0.8;margin-bottom:1rem;}.mobile-logo{height:auto;max-height:57vh;}.chat-container{gap:0.5rem;margin-top:0;}.chat-messages{height:calc(65vh - 140px);min-height:calc(65vh - 140px);max-height:calc(65vh - 140px);margin-bottom:0.5rem;}.chat-input-container{padding:0;margin-bottom:0.5rem;}.beta-disclaimer{font-size:0.5rem;padding:0.15rem;bottom:30px;}.marquee-container{bottom:0;}.fight-selector{margin-bottom:0.5rem;}.chat-main{padding:0;display:flex;flex-direction:column;height:calc(100vh - 160px)}}.dual-logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;max-width:600px;flex-direction:column;gap:1rem;}@media(max-width:420px){.mobile-logo{height:auto;max-height:57vh;}.beta-disclaimer{font-size:0.5rem;padding:0.15rem}}@media (max-width:767px){.app-container{padding:0px;}.dual-logo-container{flex-direction:column;gap:0rem;}.desktop-content{display:none;}.title{margin-top:1rem;font-weight:400;font-size:30px;line-height:40px;letter-spacing:0%;text-align:center;margin-bottom:0px;}.description{margin-top:0px}}@supports (-webkit-touch-callout:none){.chat-messages{-webkit-overflow-scrolling:touch}}#screen1{padding-top:60px;}#screen2,#screen3{padding-top:30px;}::selection{background-color:var(--primary-color);color:white;}::-moz-selection{background-color:var(--primary-color);color:white;}.share-button{background:transparent;border:none;padding:0;cursor:pointer;opacity:0.8;transition:opacity 0.2s ease;display:flex;align-items:center;justify-content:center;margin-left:0.5rem;}.share-button:hover{opacity:1;}.share-button img{width:20px;height:20px;filter:invert(12%) sepia(89%) saturate(7479%) hue-rotate(0deg) brightness(103%) contrast(115%);}.share-twitter-btn{display:none;}a{color:var(--primary-color);text-decoration:none;}a:hover{color:var(--primary-color);text-decoration:underline;}select:focus{outline:none;border-color:inherit;box-shadow:none;}.arrow-down{height:80px;width:auto;}#screen2 .chat-button{display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 0.5rem;}.dropdown{position:relative;display:inline-block;width:100%;}.dropdown-toggle{width:100%;background:transparent;color:black;font-size:18px;font-weight:bold;padding:12px 16px;border:2px solid var(--primary-color);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dropdown-menu{position:absolute;width:100%;background:rgba(249,239,223,0.95);color:black;border-radius:4px;box-shadow:0px 4px 10px rgba(0,0,0,0.1);padding:0;list-style:none;display:none;z-index:10;max-height:300px;overflow-y:auto;border:2px solid var(--primary-color);}.dropdown-menu li{padding:12px 16px;cursor:pointer;transition:background 0.3s ease;font-family:'IBM Plex Mono',monospace;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dropdown-menu li:hover{background:var(--primary-color);color:white;}.dropdown-menu li:active{background:darkred;color:white;}.arrow{transition:transform 0.3s ease;margin-left:10px;flex-shrink:0;width:24px;height:24px;}.dropdown.open .arrow{transform:rotate(180deg);}.fight-select{display:none;}@media (max-width:767px){.dropdown-toggle{font-size:16px;padding:10px 12px;}.dropdown-menu li{font-size:14px;padding:10px 12px;}.dropdown-menu li:active,.dropdown-menu li:focus{background:var(--primary-color);color:white;-webkit-tap-highlight-color:var(--primary-color);}.dropdown-toggle,.dropdown-menu li{-webkit-tap-highlight-color:transparent}}.hidden{display:none !important;;}#errorContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;background:var(--background-color);justify-content:center;}.error-screen{text-align:center;position:relative;}.error-icon{width:40px;height:40px;margin:20px 0px;}.error-title{font-family:'AutoScape',monospace;margin-bottom:1rem;margin:auto;width:245px;font-weight:400;font-size:30px;line-height:35px;letter-spacing:0%;text-align:center;}.error-message{margin:auto;font-family:'AutoScape',monospace;font-weight:400;font-size:13px;line-height:24px;letter-spacing:0%;text-align:center;text-transform:uppercase;width:275px;}.error-hightlight{background-color:var(--primary-color);}