/* The site's page styles (entry forms, the server lobby). Element rules skip the game screen (.game), which play/hud.css styles on its own. */
:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;color:#eaf2e8;background:#0b191d}*{box-sizing:border-box}body{margin:0}body>header,body>main{max-width:1160px;margin:auto;padding:24px}body>header{display:flex;justify-content:space-between;border-bottom:1px solid #315056}body>header>a{font-weight:800;letter-spacing:.2em}nav:where(:not(.game *,.help-stub *)){display:flex;gap:20px}a:where(:not(.game *,.help-stub *)){color:#b4e4a2}h1:where(:not(.game *,.help-stub *)){font-size:clamp(32px,5vw,54px);line-height:1.15}h2:where(:not(.game *,.help-stub *)){font-size:22px}.eyebrow{letter-spacing:.16em;font-size:12px;color:#e2c484}p:where(:not(.game *,.help-stub *)){color:#b8cbc7}button:where(:not(.game *,.help-stub *)),input:where(:not(.game *,.help-stub *)),select:where(:not(.game *,.help-stub *)){font:inherit;padding:9px 12px;border:1px solid #4b7376;border-radius:6px;color:inherit;background:#17343a}button{cursor:pointer}button:hover:where(:not(.game *,.help-stub *)){background:#2c5354}button.success:where(:not(.game *,.help-stub *)){border-color:#9be6a5;background:#28633f;box-shadow:0 0 0 2px #6fcf82;color:#f2fff0;animation:button-success .9s ease-out}@keyframes button-success{0%{transform:scale(1)}35%{transform:scale(1.04)}100%{transform:scale(1)}}button:disabled:where(:not(.game *,.help-stub *)){opacity:.45;cursor:default}input:where(:not(.game *,.help-stub *)){width:100%}label:where(:not(.game *,.help-stub *)){display:block;margin:12px 0}select:where(:not(.game *,.help-stub *)){max-width:100%}button:focus-visible:where(:not(.game *,.help-stub *)),a:focus-visible:where(:not(.game *,.help-stub *)),input:focus-visible:where(:not(.game *,.help-stub *)),select:focus-visible:where(:not(.game *,.help-stub *)){outline:3px solid #eed087;outline-offset:2px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}article:where(:not(.game *,.help-stub *)),form:where(:not(.game *,.help-stub *)){padding:22px;border:1px solid #315056;border-radius:12px;background:#10272c}form:where(:not(.game *,.help-stub *)){max-width:440px}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0}.seat{padding:12px 0;border-bottom:1px solid #315056}.seat strong{display:inline-block;margin-right:14px}.note{border-left:3px solid #d5ba76;padding:14px;background:#202e2b}#status:where(:not(.game *,.help-stub *)){min-height:26px;color:#eed087}#saved a{display:block;padding:12px}#connection{color:#9bd4a3}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr}body>header,body>main{padding:16px}nav:where(:not(.game *,.help-stub *)){gap:12px;font-size:14px}article:where(:not(.game *,.help-stub *)){padding:16px}}

.columns>article{min-width:0}
input[type=checkbox]{width:auto;margin-right:8px}fieldset{min-width:0;border:1px solid #315056;border-radius:8px}.roster-player{border-bottom:1px solid #315056;padding-bottom:12px}#seat-links{padding:16px;border:1px solid #315056;border-radius:8px}#seat-links summary{cursor:pointer}#seat-links input{font-size:13px}
.player-chip{display:inline-block;border-left:5px solid;padding:3px 8px;margin:3px;background:#17343a}
.color-picker{width:58px;min-width:58px;padding:4px 8px;font-size:20px;line-height:1;text-align:center}
.color-picker option{font-size:18px;background:#17343a}
.lobby-world{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:center;min-height:330px;margin:18px 0 24px;padding:30px 34px;overflow:hidden;border:1px solid #315056;border-radius:16px;background:radial-gradient(circle at 78% 45%,#1d4c4b 0,#102c31 38%,#0b1c22 72%);box-shadow:inset 0 0 80px #061116,0 18px 50px #06111699}
.lobby-world:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#b7e5c9 0 1px,transparent 1.5px);background-size:73px 61px;opacity:.2}
.lobby-world-copy{position:relative;z-index:1;max-width:460px}.lobby-world-copy h2{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:10px 0}.lobby-world-copy p{max-width:390px}.lobby-globe-wrap{position:relative;z-index:1;display:grid;place-items:center;height:270px}.lobby-globe{position:relative;width:230px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 27%,#75c6aa 0 4%,#28776f 26%,#15515c 55%,#0b2738 100%);box-shadow:-18px 20px 0 -12px #07131bcc, inset -28px -22px 35px #061523aa, inset 17px 11px 30px #b4efd944,0 0 45px #51c9ad44;animation:lobby-globe-drift 12s ease-in-out infinite}
.lobby-globe:after{content:"";position:absolute;inset:-12%;background:repeating-linear-gradient(12deg,transparent 0 38px,#b5f0d018 39px 40px),repeating-linear-gradient(102deg,transparent 0 50px,#b5f0d018 51px 52px);transform:rotate(-12deg);opacity:.8}.lobby-land{position:absolute;display:block;background:#91c676;filter:drop-shadow(0 3px 2px #061a1d88);opacity:.85}.lobby-land-a{width:80px;height:45px;left:28px;top:54px;border-radius:62% 38% 52% 48%;transform:rotate(24deg)}.lobby-land-b{width:92px;height:57px;right:8px;top:91px;border-radius:48% 62% 38% 54%;transform:rotate(-28deg);background:#72b66f}.lobby-land-c{width:56px;height:83px;left:100px;bottom:11px;border-radius:48% 52% 60% 40%;transform:rotate(18deg);background:#bbcf79}.lobby-orbit{position:absolute;border:1px solid #8ad8c477;border-radius:50%;width:300px;height:102px;transform:rotate(-25deg);animation:lobby-orbit-spin 16s linear infinite}.lobby-orbit i{position:absolute;top:10px;left:32px;width:9px;height:9px;border-radius:2px;background:#e8bc52;box-shadow:0 0 14px #e8bc52}.lobby-orbit-b{width:265px;height:145px;transform:rotate(44deg);animation-duration:21s;animation-direction:reverse;border-color:#b58ae866}.lobby-orbit-b i{top:auto;left:auto;right:24px;bottom:15px;background:#b58ae8;box-shadow:0 0 14px #b58ae8}.draft-seats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.draft-seat{display:flex;align-items:center;gap:7px;min-width:116px;padding:9px 12px;border:1px solid #315056;border-radius:9px;background:#10272c}.draft-seat small{color:#91b3ae}.draft-seat-empty{border-style:dashed;color:#8bb5ae}.draft-seat-empty span{font-size:22px;color:#eed087}.lobby-controls{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.lobby-controls h2,.lobby-controls .form-intro,.lobby-controls #skip-lobby,.lobby-controls #quick-setup,.lobby-controls #create-submit{grid-column:1/-1}.lobby-controls .form-intro{margin-top:-8px}.lobby-controls #create-submit{justify-self:start;background:#28633f;border-color:#79c989;padding-left:22px;padding-right:22px}@keyframes lobby-globe-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes lobby-orbit-spin{to{transform:rotate(335deg)}}
@media(max-width:760px){.lobby-world{grid-template-columns:1fr;min-height:0;padding:24px 20px}.lobby-globe-wrap{height:240px}.lobby-controls{grid-template-columns:1fr}.lobby-controls h2,.lobby-controls .form-intro,.lobby-controls #skip-lobby,.lobby-controls #quick-setup,.lobby-controls #create-submit{grid-column:1}.draft-seat{min-width:calc(50% - 4px)}}
/* The game screen (play/game-ui.js, styled by play/hud.css) covers the page while a match is open. */
body.playing{overflow:hidden}body.playing>header,body.playing>main{display:none}
 .seat-swatch{display:inline-block;width:13px;height:13px;border-radius:3px;background:var(--seat-color);box-shadow:0 0 0 2px #07171b,0 0 0 3px var(--seat-color),0 0 0 4px rgb(255 255 255 / .3)}