@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";body{background:url(/_next/static/media/debate-background.de0b0ddc.jpg) no-repeat 50% fixed;background-size:cover;font-family:Roboto Mono,monospace;margin:0;padding:0;overflow-x:hidden}.App{max-width:1400px;margin:0 auto;padding:0 10px 140px;box-sizing:border-box}.appTitle{color:#fff;font-size:2.2rem;margin-top:10px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.personsContainer{max-width:480px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.personBox{width:90px;height:90px;background-color:#d9adad;margin:8px;box-sizing:border-box;word-wrap:break-word;position:relative;cursor:pointer;border-radius:8px;transition:transform .2s ease,border .2s ease}.personBox:hover{transform:scale(1.05)}.topicsContainer{max-width:800px;width:95%;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding-bottom:120px}.topicsContainer .centerHeader{margin:15px auto 10px;color:#fff;width:100%;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center}.topicsGrid{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.topicBox{background-color:#d9adad;flex:1 0 28%;min-width:130px;margin:6px;height:90px;box-sizing:border-box;word-wrap:break-word;position:relative;cursor:pointer;border-radius:8px;transition:transform .2s ease,border .2s ease}.topicBox:hover{transform:scale(1.03)}.topicText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:700;width:90%}.topicInput,.topicText{font-size:14px;color:#000}.topicInput{margin:15px auto;width:100%;max-width:450px;padding:10px;font-family:Roboto Mono,monospace;border-radius:8px;border:2px solid #ccc;box-sizing:border-box;background:hsla(0,0%,100%,.95)}.borderBlue{border:6px solid #0038ff!important}.borderRed{border:6px solid #fc0000!important}.centerHeader,.stepFooter{text-align:center}.centerHeader .stepButton,.stepFooter .stepButton{background-color:#d9d9d9;width:180px;height:60px;font-size:30px;font-family:Roboto Mono,monospace;font-weight:700;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:background-color .2s ease}.centerHeader .stepButton:hover,.stepFooter .stepButton:hover{background-color:#fff}.stepFooter{margin-top:15px;margin-bottom:120px;position:relative;z-index:9950}.centerHeader{font-size:32px;color:#fff}.leftBubble{left:20px}.leftBubble,.rightBubble{position:fixed;top:20px;background-color:#fff!important;color:#000!important;padding:14px;border-radius:14px;z-index:9999;width:40%;max-width:480px;box-shadow:0 8px 24px rgba(0,0,0,.5);max-height:40vh;overflow-y:auto;border:2px solid rgba(0,0,0,.1)}.rightBubble{right:20px}.quoteText{font-size:15px;font-weight:700;line-height:1.4}.quoteText,.topicBubble{text-align:center;color:#000!important}.topicBubble{position:fixed;top:45vh;left:50%;transform:translate(-50%,-50%);background-color:#fff!important;padding:10px 18px;border-radius:12px;z-index:9500;width:50%;max-width:550px;box-shadow:0 6px 20px rgba(0,0,0,.5);border:2px solid #000}.actionControls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10000}.resetButtonInline{background-color:hsla(0,0%,100%,.95)!important;color:#000!important;padding:6px 16px;font-size:13px;font-family:Roboto Mono,monospace;font-weight:700;border-radius:8px;border:2px solid #000;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.4);transition:transform .2s ease,background-color .2s ease}.resetButtonInline:hover{background-color:#fff!important;transform:scale(1.05)}.conversationButton{position:static;transform:none;background-color:#fff!important;color:#000!important;width:180px;height:54px;font-size:28px;font-family:Roboto Mono,monospace;font-weight:700;border-radius:12px;border:3px solid #000;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.5);transition:transform .2s ease,background-color .2s ease}.conversationButton:hover{background-color:#f0f0f0!important;transform:scale(1.05)}.spriteContainerLeft{left:15px}.spriteContainerLeft,.spriteContainerRight{position:fixed;bottom:5px;display:flex;flex-direction:column;align-items:center;width:250px;z-index:9000}.spriteContainerRight{right:15px}.spriteImageWrapper{display:flex;justify-content:center}.spriteName{color:#fff;text-align:center;background:rgba(0,0,0,.9);padding:4px 12px;border-radius:6px;font-size:1.1rem;margin-top:4px;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.appTitle{font-size:1.4rem;text-align:center}.centerHeader{font-size:20px}.personBox{width:75px;height:75px;margin:5px}.topicsContainer{padding-bottom:150px}.topicBox{flex:1 0 42%;height:70px;margin:4px}.topicText{font-size:12px}.topicInput{max-width:90%;margin:10px auto}.stepFooter{margin-bottom:140px}.leftBubble{left:6px}.leftBubble,.rightBubble{top:10px;width:44vw;padding:10px 8px;max-height:30vh;border-radius:10px}.rightBubble{right:6px}.quoteText{font-size:11px;line-height:1.3}.topicBubble{top:36vh;left:50%;transform:translate(-50%,-50%);width:86vw;padding:6px 12px;border-radius:8px;z-index:9500}.conversationButton{bottom:12px;width:130px;height:42px;font-size:20px}.spriteContainerLeft{bottom:2px;left:2px;width:44vw}.spriteContainerRight{bottom:2px;right:2px;width:44vw}.spriteImageWrapper img{width:90px!important;height:auto!important}.spriteName{font-size:.75rem;padding:2px 6px}}@media(max-width:480px){.personBox{width:65px;height:65px}.topicBox{flex:1 0 42%;height:60px}.topicText{font-size:11px}.leftBubble,.rightBubble{max-height:28vh;padding:6px 8px}.quoteText{font-size:10.5px}.topicBubble{top:38vh;width:88vw}.spriteImageWrapper img{width:80px!important;height:auto!important}.spriteName{font-size:.7rem}}