:root{color-scheme:dark;font-family:Georgia,serif;background:#0c1216;color:#eee5cc}*{box-sizing:border-box}body{margin:0}main{min-height:690px;position:relative;background:linear-gradient(#10181dcc,#10181def),url('/assets/images/serenity-landscape.webp') center/cover}#welcome{padding:54px 24px;text-align:center;max-width:820px;margin:auto}h1{font-weight:400;font-size:40px;color:#ead6a7;margin:12px}p{font:15px/1.7 Arial,sans-serif;color:#b5c2ca}.worlds{display:flex;gap:18px;justify-content:center;margin:32px 0}button{cursor:pointer;border:1px solid #b39757;background:linear-gradient(#4b4027,#28261e);color:#f4de9d;border-radius:0;font:22px Georgia,serif;padding:18px 28px;min-width:240px}button:hover{background:#53452b}button:disabled{cursor:wait;opacity:.5}small{display:block;font:12px Arial,sans-serif;margin-top:12px;color:#d5c9ad}.note{font-size:12px;max-width:520px;margin:24px auto}#game{display:none;min-width:765px;min-height:600px;overflow:auto}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:14px;font:12px Arial,sans-serif;border-top:1px solid #44443a;color:#9aa9b1}footer a{color:#dbc98f}footer button{min-width:0;font:12px Arial,sans-serif;padding:9px 16px}#status.error{color:#ffac92}@media(max-width:650px){.worlds{flex-direction:column}h1{font-size:32px}#welcome{padding:24px}main{min-height:620px}}

/* Browser viewport fills the player area; the runtime license notice stays visible. */
html,body{width:100%;height:100%;overflow:hidden}
body{display:grid;grid-template-rows:minmax(0,1fr) auto}
main{min-height:0;overflow:auto}
#game{width:100%;height:100%;min-width:0;min-height:0;background:#080d10}
footer{padding:9px 14px;min-height:48px}
footer button{padding:7px 14px}
dialog{max-width:520px;border:1px solid #b39757;background:#152027;color:#eee5cc;padding:28px}
dialog::backdrop{background:#000b}
dialog a{color:#dbc98f}
dialog button{min-width:0;font-size:16px;padding:10px 20px}
@media(max-width:650px){main{min-height:0}}

.graphics-choice{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;font:14px Arial,sans-serif}.graphics-choice select{border:1px solid #b39757;background:#152027;color:#f4de9d;padding:10px 36px 10px 14px;font:16px Georgia,serif;border-radius:0}.graphics-choice select:focus-visible{outline:2px solid #ead6a7;outline-offset:3px}[hidden]{display:none!important}