*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#1a1a1a,#2d3748);font-family:Arial,sans-serif;overflow-x:auto;min-height:100vh;position:relative}h1{font-size:2.5em;font-weight:700;background:linear-gradient(45deg,#4caf50,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;margin:20px 0}p{font-size:1.1em;line-height:1.6}#game-ui{font-family:Courier New,monospace}canvas{box-shadow:0 0 20px rgba(76,175,80,.3),0 0 40px rgba(76,175,80,.1),inset 0 0 20px rgba(0,0,0,.3);border-radius:8px}#chat-sidebar{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}#chat-sidebar .chat-message{animation:slideInMessage .3s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}#chat-sidebar::-webkit-scrollbar{width:6px}#chat-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}#chat-sidebar::-webkit-scrollbar-thumb{background:rgba(76,175,80,.6);border-radius:3px}#chat-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(76,175,80,.8)}.chat-message[data-type=greeting] .message-bubble{animation:pulseGreeting .5s ease-out}@keyframes pulseGreeting{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.chat-message[data-type=engagement] .message-bubble{animation:highlightEngagement .6s ease-out}@keyframes highlightEngagement{0%{box-shadow:0 0 rgba(255,152,0,.7)}70%{box-shadow:0 0 10px rgba(255,152,0,.4)}to{box-shadow:0 0 rgba(255,152,0,0)}}.chat-message[data-type=reaction] .message-bubble{animation:successReaction .8s ease-out}@keyframes successReaction{0%{transform:scale(.95);background:rgba(76,175,80,.2)}50%{transform:scale(1.05);background:rgba(76,175,80,.3)}to{transform:scale(1);background:rgba(255,255,255,.1)}}@media (max-width: 1200px){#chat-sidebar{width:350px}}@media (max-width: 768px){#chat-sidebar{width:100vw;height:50vh;bottom:0;top:auto;transform:translateY(calc(100vh - 60px))}#chat-sidebar:not(.minimized){transform:translateY(0)}#chat-sidebar .minimized-btn{position:fixed;bottom:10px;right:10px;z-index:1001}}@media (max-width: 1200px){canvas{width:90vw;height:auto;max-width:768px}}@media (max-width: 768px){h1{font-size:1.8em}p{font-size:1em}#game-ui{position:fixed;top:10px;left:10px;right:10px;min-width:auto;font-size:12px}}button:focus,canvas:focus{outline:2px solid #4CAF50;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body>*{animation:fadeIn .6s ease-out}#democracy-fact{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}canvas:hover{box-shadow:0 0 25px rgba(76,175,80,.4),0 0 50px rgba(76,175,80,.2),inset 0 0 20px rgba(0,0,0,.3);transition:box-shadow .3s ease}@keyframes cityGlow{0%,to{box-shadow:0 0 20px rgba(76,175,80,.3),0 0 40px rgba(76,175,80,.1),inset 0 0 20px rgba(0,0,0,.3)}50%{box-shadow:0 0 30px rgba(76,175,80,.5),0 0 60px rgba(76,175,80,.2),inset 0 0 20px rgba(0,0,0,.3)}}canvas{animation:cityGlow 3s ease-in-out infinite}@keyframes colorPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes flashRed{0%,to{background-color:rgba(220,38,38,.9)}50%{background-color:rgba(220,38,38,.6)}}.mismatch-warning{animation:flashRed .5s ease-in-out 3}.typing-indicator{display:flex;align-items:center;padding:8px 12px;background:rgba(255,255,255,.1);border-radius:18px 18px 18px 4px;margin:8px 0}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:typingPulse 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.conversation-rating{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;margin-left:8px}.conversation-rating.excellent{background:rgba(76,175,80,.3);color:#4caf50}.conversation-rating.good{background:rgba(33,150,243,.3);color:#2196f3}.conversation-rating.poor{background:rgba(255,152,0,.3);color:#ff9800}#chat-sidebar{background:linear-gradient(135deg,#1a1a1a,#2d3748,#1a1a1a);backdrop-filter:blur(10px);border-left:3px solid transparent;border-image:linear-gradient(45deg,#4caf50,#2196f3) 1}#chat-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0,#ff9800);animation:progressFlow 3s linear infinite}@keyframes progressFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}