body{background-color:#000;margin:0;padding:0}#root{color:#fff;width:100vw;height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.game-container{background-color:#000;width:100%;height:100%;position:relative}.loading,.error{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;display:flex}.ui-overlay{pointer-events:none;z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.header{text-shadow:2px 2px 4px #000c;justify-content:space-between;width:90%;padding:20px;font-size:1.5rem;font-weight:700;display:flex}.prompt{pointer-events:auto;text-align:left;background:#000c;border:2px solid #555;border-radius:15px;padding:20px 30px;font-size:1.5rem;position:absolute;top:80px;left:40px;box-shadow:0 4px 15px #00000080}.prompt span{color:#fc0;margin-top:10px;font-size:2.2rem;font-weight:700;display:block}.answer-reveal{color:#0cf;margin-top:8px;font-size:1.6rem;font-weight:700;display:block}.clicked-reveal{color:#fa4;margin-top:6px;font-size:1.1rem;font-weight:400;display:block}.hints{flex-direction:column;gap:4px;margin-top:10px;display:flex}.hint-item{color:#aad4ff;font-size:.95rem;font-style:italic}.mode-toggle{pointer-events:auto;background:#00000080;border-radius:8px;gap:4px;padding:4px;display:flex}.mode-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:.9rem;font-weight:700;transition:background .2s,color .2s}.mode-btn.active{color:#000;background:#fc0}.mode-btn:not(.active):hover{color:#fff;background:#ffffff26}.lives-placeholder{width:80px}.modal-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.modal-buttons button{margin-top:0}.btn-secondary{color:#fff!important;background:#444!important}.history-panel{pointer-events:auto;background:#000c;border:1px solid #444;border-radius:10px;flex-direction:column;width:300px;max-height:50vh;padding:15px;display:flex;position:absolute;bottom:20px;right:20px}.history-panel h3{border-bottom:1px solid #444;margin-top:0;padding-bottom:5px}.history-list{flex-grow:1;overflow-y:auto}.history-item{border-radius:5px;margin:5px 0;padding:8px;font-size:.9rem}.history-item.correct{background:#0f03;border-left:4px solid #0f0}.history-item.incorrect{background:#f003;border-left:4px solid red}.modal{pointer-events:auto;text-align:center;background:#000000e6;border:3px solid #fc0;border-radius:20px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ffcc004d}.modal h2{margin-top:0;font-size:3rem}.modal button{color:#000;cursor:pointer;background:#fc0;border:none;border-radius:10px;margin-top:20px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}.modal button:hover{transform:scale(1.1)}.timer-bar-wrap{background:#ffffff26;border-radius:3px;width:100%;height:6px;margin-top:12px;overflow:hidden}.timer-bar{border-radius:3px;height:100%;transition:width 1s linear,background .5s}.timer-label{color:#aaa;margin-top:4px;font-size:.85rem}.heatmap-note{color:#aaa;margin:4px 0 12px;font-size:.85rem}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#111}.history-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover{background:#666}@media (width<=600px){.history-panel{width:calc(100vw - 40px);max-height:30vh;font-size:.8rem;bottom:10px;right:20px}.prompt{font-size:1.1rem;top:70px;left:10px;right:10px}.prompt span{font-size:1.5rem}.header{box-sizing:border-box;width:100%;padding:10px;font-size:1.1rem}}