:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e9dfc9;background:#0d141c}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#31414b,#0d141c 70%)}[hidden]{display:none!important}.title-landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none}.moon{position:absolute;top:12%;left:22%;width:90px;height:90px;border-radius:50%;background:#b5c4b3;box-shadow:0 0 95px #bccbac30}.mountains{position:absolute;bottom:0;width:100%;height:65%;background:#1e3038;clip-path:polygon(0 38%,12% 22%,23% 44%,34% 12%,48% 42%,61% 15%,74% 35%,84% 8%,100% 32%,100% 100%,0 100%)}.near{height:43%;background:#101e24;transform:scaleX(-1)}.keep{position:absolute;right:14%;bottom:22%;width:140px;height:145px;background:#0b161c;border-top:8px solid #19272d}.keep i{position:absolute;bottom:0;width:40px;height:180px;background:#0c171d;border-top:8px solid #253137}.keep i:first-child{left:-20px}.keep i:nth-child(2){right:-20px}.keep i:last-child{left:53px;height:210px;width:35px}.keep i:after{content:'';position:absolute;top:35px;left:15px;width:6px;height:16px;background:#c09141;box-shadow:0 0 15px #c0914170}.mist{position:absolute;inset:0;background:linear-gradient(0deg,#091219,transparent 50%),radial-gradient(ellipse at 50% 80%,#60726d15,transparent 65%)}.title-screen{position:relative;width:min(440px,calc(100% - 44px));padding:24px 0;text-align:center}.game-title h1{font:clamp(42px,7vw,62px)/1 Georgia,serif;letter-spacing:.09em;margin:8px -12px;color:#e3c58a;text-shadow:0 2px #573c25,0 5px 18px #000}.eyebrow{font-size:10px;letter-spacing:.26em;color:#c7ad79;margin:0}.game-title>p:last-child{font:italic 14px Georgia,serif;color:#c2c7b9;margin:14px 0 27px}.login-frame{position:relative;background:linear-gradient(135deg,#29322feF,#141d20f7);border:1px solid #8b7750;outline:1px solid #403b2c;outline-offset:4px;padding:24px 30px 18px;box-shadow:0 20px 70px #0009,inset 0 0 45px #0004}.login-frame:before,.login-frame:after{content:'◆';position:absolute;top:-9px;color:#c1a069;font-size:12px}.login-frame:before{left:10px}.login-frame:after{right:10px}h2{font:24px Georgia,serif;color:#ecd9ad;margin:0 0 18px}p{line-height:1.5}label{display:block;text-align:left;margin:15px 0 0;font-size:12px;color:#ccc1a7}input,select{display:block;width:100%;margin-top:6px;background:#0e171b;border:1px solid #5a6255;padding:10px 12px;color:#fff;border-radius:2px;font:15px system-ui}input:focus,select:focus{outline:2px solid #c9a961;outline-offset:2px}button,.primary{display:inline-block;border:1px solid #776748;background:#25322e;color:#eee5d0;padding:10px 14px;border-radius:2px;font:13px system-ui;cursor:pointer;text-decoration:none}button:hover,.primary:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible{outline:2px solid #f2d69b;outline-offset:3px}.primary{width:100%;background:linear-gradient(#bba16b,#8b703f);border-color:#ddc38e;color:#151b1a;font-weight:750;letter-spacing:.03em;margin:20px 0 0;box-shadow:inset 0 1px #f2dca3;padding:12px}button:disabled{opacity:.5;cursor:wait}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0}.tabs button{background:#152120;border-color:#444e42;padding:9px 5px;font-size:12px}.tabs .selected{background:#3c4130;border-color:#b9a16b;color:#ffe1a1}.quiet,#password-help,#record{font-size:12px;color:#b6bcac;line-height:1.6}.quiet{margin:18px 0 0}#message{color:#ffc9a0;font-size:13px;margin:12px 0 0}#message:empty{display:none}.text-button{background:transparent;border:0;color:#ccb787;padding:10px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;color:#9aa598;font-size:10px}.lantern{position:absolute;top:58px;width:15px;height:27px;background:#e9b060;border:3px solid #665332;box-shadow:0 0 28px #ee984870;animation:lantern-glow 4s ease-in-out infinite alternate}.lantern.left{left:-24px}.lantern.right{right:-24px;animation-delay:-2s}@keyframes lantern-glow{to{box-shadow:0 0 45px #ee9848aa;background:#ffd689}}@media(prefers-reduced-motion:reduce){.lantern{animation:none}}@media(max-height:700px){.title-screen{padding:16px 0}.game-title h1{font-size:42px}.game-title>p:last-child{margin:8px 0 18px}.login-frame{padding:18px 25px 14px}h2{font-size:21px;margin-bottom:12px}label{margin-top:10px}.primary{margin-top:14px}footer{margin-top:12px}}@media(max-width:500px){.moon{left:8%;top:6%;width:65px;height:65px}.keep{right:-8%}.lantern{display:none}.login-frame{padding-inline:22px}}

.world-selector{max-width:680px;width:90%;background:#202b27;color:#eddfca;border:1px solid #8a785a;padding:24px}.world-choice{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #526050}.world-choice strong{flex:1}.world-choice span{font-size:14px}

/* Keep the two-line game title readable on narrow and short screens. */
.game-title h1{font-size:clamp(28px,7vw,52px);line-height:1.08;letter-spacing:.055em;margin-inline:0}