:root{color-scheme:dark;font-family:Trebuchet MS,Arial,sans-serif;color:#10220f;background:#18241d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:2px solid #0f380f;background:#e0f8d0;color:#0f380f;box-shadow:inset -3px -3px #8bac0f;cursor:pointer;min-height:38px}button:hover,button.active{background:#c4cfa1}input{width:100%;border:2px solid #0f380f;background:#f4ffe6;color:#0f380f;padding:.65rem}label{display:grid;gap:.35rem;font-weight:700}.shell{display:grid;min-height:100vh;place-items:center;padding:1rem;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),#223128;background-size:16px 16px}.screen{width:min(1120px,100%);min-height:min(720px,calc(100vh - 2rem));border:6px solid #0f380f;background:#9bbc0f;box-shadow:0 18px #101810;padding:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:3px solid #0f380f;background:#e0f8d0;padding:.65rem}.topbar div{display:flex;flex-wrap:wrap;gap:.75rem}.ghost{min-height:32px;padding:0 .75rem}.notice{margin:.75rem 0 0;border:2px solid #0f380f;background:#f1d36b;padding:.65rem;font-weight:700}.panel{border:3px solid #0f380f;background:#e0f8d0;box-shadow:inset -4px -4px #8bac0f;padding:1rem}.auth{width:min(420px,100%);margin:4rem auto 0;display:grid;gap:1rem}.auth h1,.panel h2,.auth p{margin:0}.segmented,.version-pick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.character-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;margin-top:1rem}.character-list{display:grid;gap:.75rem;margin-top:1rem}.save{display:grid;justify-items:start;min-height:62px;padding:.65rem;text-align:left}.save.aurore,.version-pick .aurore.active,.version-card.aurore{background:#d7f4ff}.save.crepuscule,.version-pick .crepuscule.active,.version-card.crepuscule{background:#d9cef4}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;margin-top:1rem}.game-frame{display:grid;min-height:560px;border:4px solid #0f380f;background:#306230;place-items:center}.game-canvas{width:100%;height:100%;image-rendering:pixelated}.game-canvas canvas{width:100%!important;height:100%!important}.hud{display:grid;align-content:start;gap:1rem}.version-card,.online,.chat{border:3px solid #0f380f;background:#e0f8d0;padding:.75rem}.version-card{display:grid;gap:.2rem}.online h2,.chat h2{margin:0 0 .5rem;font-size:1rem}.messages p{margin:.25rem 0}.online{display:grid;gap:.45rem}.online-player{display:grid;justify-items:start;min-height:44px;padding:.45rem .55rem;text-align:left}.online-player span{font-size:.78rem}.online-player.aurore{background:#d7f4ff}.online-player.crepuscule{background:#d9cef4}.online-player.selected{outline:3px solid #f1d36b;outline-offset:-5px;box-shadow:inset -3px -3px #8bac0f,0 0 0 2px #0f380f}.messages{min-height:210px;max-height:210px;overflow:auto;border:2px solid #306230;background:#f4ffe6;padding:.5rem}.chat form{display:grid;grid-template-columns:1fr 54px;gap:.5rem;margin-top:.5rem}@media(max-width:820px){.character-layout,.game-layout{grid-template-columns:1fr}.game-frame{min-height:360px}}