.kgs{margin:0;font-family:system-ui,sans-serif;background:#0f1220;color:#e8eaf6;min-height:100vh}
.kgs-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.55rem 1rem;background:#1a1f35;border-bottom:1px solid #2a3150}
.kgs-bar a{color:#a5b4fc;text-decoration:none;font-size:.9rem}
.kgs-main{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 48px)}
@media(max-width:800px){.kgs-main{grid-template-columns:1fr}}
.kgs-side{padding:.8rem;border-right:1px solid #2a3150;overflow:auto;background:#14182a}
.kgs-side h2{margin:1rem 0 .4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75}
.kgs-list{display:flex;flex-direction:column;gap:.35rem}
.kgs-list button{text-align:left;padding:.45rem .55rem;border-radius:.5rem;border:1px solid #2a3150;background:#1a1f35;color:inherit;cursor:pointer;font-size:.85rem}
.kgs-list button:hover{border-color:#6366f1}
.kgs-pal{display:flex;flex-wrap:wrap;gap:.3rem}
.kgs-pal button{width:2.2rem;height:2.2rem;border-radius:.4rem;border:2px solid transparent;background:#1a1f35;color:#fff;cursor:pointer;font-size:.7rem;padding:0}
.kgs-pal button.on{border-color:#818cf8}
.kgs-hint{font-size:.75rem;opacity:.75;line-height:1.4}
.kgs-center{display:flex;flex-direction:column;min-width:0}
.kgs-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.5rem .7rem;background:#1a1f35;border-bottom:1px solid #2a3150}
.kgs-toolbar input[type=text]{min-width:8rem;flex:1;padding:.35rem .5rem;border-radius:.4rem;border:1px solid #2a3150;background:#0f1220;color:inherit}
.kgs-toolbar button,.kgs-file{padding:.4rem .7rem;border-radius:.45rem;border:1px solid #2a3150;background:#243049;color:inherit;cursor:pointer;font-size:.85rem}
.kgs-toolbar button.pri{background:#4f46e5;border-color:#4f46e5}
.kgs-status{font-size:.8rem;opacity:.85}
.kgs-map-wrap{flex:1;overflow:auto;padding:.5rem;background:#0a0c14}
#kgs-map{image-rendering:pixelated;background:#1a2035;cursor:crosshair;max-width:100%;height:auto;border:1px solid #2a3150;border-radius:.4rem}
.kgs-play-host{min-height:480px;background:#000;display:flex;justify-content:center;align-items:flex-start;padding:.5rem}
.kgs-play-host canvas{max-width:100%}
.kgs-form-inline{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0}
.kgs-form-inline input{width:5.5rem;padding:.3rem;border-radius:.35rem;border:1px solid #2a3150;background:#0f1220;color:inherit;font-size:.8rem}
.kgs-form-inline button,#kgs-logout{padding:.3rem .55rem;border-radius:.35rem;border:0;background:#4f46e5;color:#fff;cursor:pointer;font-size:.8rem}
.kgs-quiz-ui{padding:1rem;overflow:auto}
.kgs-qcard{border:1px solid #2a3150;border-radius:.6rem;padding:.7rem;margin-bottom:.6rem;display:grid;gap:.35rem}
.kgs-qcard input[type=text],.kgs-qcard input:not([type=radio]){width:100%;padding:.35rem;border-radius:.35rem;border:1px solid #2a3150;background:#0f1220;color:inherit}
.kgs-choice{display:flex;gap:.4rem;align-items:center}
.kgs-quiz-play{max-width:480px;margin:1rem auto;padding:1rem}
.kgs-quiz-play h2{font-size:1.2rem}
.kgs-quiz-choices{display:grid;gap:.5rem;margin-top:1rem}
.kgs-quiz-choices button{padding:.6rem;border-radius:.5rem;border:1px solid #2a3150;background:#1a1f35;color:inherit;cursor:pointer;text-align:left}
.kgs-quiz-choices button:hover{border-color:#818cf8}
.kgs-auth{margin-top:1rem;padding-top:.5rem;border-top:1px solid #2a3150}