:root{--cem-night: #0b1220;--cem-ink: #1a2438;--cem-cream: #f3e6d4;--cem-ember: #e08a3c;--cem-nebula: #6b7fd7;--cem-wood: #5c3d2e;--cem-star: #e8d5a3;--cem-latte: #c4a484}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--cem-cream);background:radial-gradient(ellipse at 20% 10%,rgba(107,127,215,.25),transparent 45%),radial-gradient(ellipse at 80% 0%,rgba(224,138,60,.18),transparent 40%),linear-gradient(160deg,var(--cem-night),var(--cem-ink) 55%,#2a1c14)}#app{max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}h1{font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:.02em;margin:0 0 .5rem}.tagline{color:#f3e6d4d1;margin:0 0 1.75rem;line-height:1.5}.prompt{font-size:1.15rem;line-height:1.4;margin:.5rem 0}.panel{background:#1a2438b8;border:1px solid rgba(196,164,132,.28);border-radius:.75rem;padding:1.1rem 1.2rem}.panel h2{margin:0 0 .65rem;font-size:1rem;color:var(--cem-ember);font-weight:600}.meta{display:grid;gap:.35rem;font-size:.95rem}.meta span{opacity:.9}.hub{margin-top:1rem;display:grid;gap:.85rem}.areas{display:grid;gap:.75rem}button.area{display:grid;gap:.35rem;width:100%;text-align:left;padding:1rem 1.1rem;min-height:44px;border-radius:.65rem;background:#5c3d2e66;border:1px solid rgba(243,230,212,.18);color:var(--cem-cream);cursor:pointer;font:inherit}button.area:hover,button.area:focus-visible{border-color:#e08a3c8c;outline:none}.area strong{display:block;font-size:1.05rem;color:var(--cem-ember)}.area-hint{font-size:.9rem;opacity:.85}.nav-row{display:flex;flex-wrap:wrap;gap:.5rem}button.ghost{min-height:40px;padding:.35rem .7rem;border-radius:.45rem;border:1px solid rgba(243,230,212,.22);background:transparent;color:var(--cem-cream);font-size:.95rem;cursor:pointer}.game-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.game-item{display:grid;gap:.65rem;padding:.85rem .95rem;border-radius:.6rem;background:#0b122059;border:1px solid rgba(196,164,132,.22)}.game-item.is-unavailable{opacity:.78}.game-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem .75rem}.game-meta strong{font-size:1rem}.status{font-size:.8rem;letter-spacing:.01em}.status-available{color:#3d9a6a}.status-unavailable{color:var(--cem-latte)}.hub .primary{min-height:44px;border-radius:.45rem;border:none;background:var(--cem-ember);color:#1a120c;font-weight:600;font-size:1rem;cursor:pointer}#dev-root:empty{display:none}.party{margin-top:1rem;display:grid;gap:.65rem}.party label{display:grid;gap:.25rem;font-size:.9rem}.party input{padding:.55rem .65rem;border-radius:.45rem;border:1px solid rgba(243,230,212,.25);background:#0b12208c;color:var(--cem-cream);font-size:1rem}.party .primary,.party button{min-height:44px;border-radius:.45rem;border:1px solid rgba(243,230,212,.2);background:#5c3d2e8c;color:var(--cem-cream);font-size:1rem;cursor:pointer}.party .primary{background:var(--cem-ember);color:#1a120c;font-weight:600;border:none}.seats{margin:0;padding-left:1.1rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.code{letter-spacing:.12em;font-weight:700;color:var(--cem-star, #e8d5a3)}.error{color:#c45c5c;background:#c45c5c1f;padding:.65rem .8rem;border-radius:.45rem}.small{font-size:.8rem;opacity:.8;word-break:break-all}