:root{color-scheme:dark;--ink:#171e1c;--deep:#101613;--stone:#c7c4ae;--stone-light:#e3dfcb;--brass:#b5a16b;--text:#eee9d8;--muted:#b9bdac;--line:#687064;--blue:#75b7dc;--red:#dc9789;font:16px/1.55 "Segoe UI",system-ui,sans-serif;background:var(--deep);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#48503a50,transparent 55%),radial-gradient(ellipse at 90% 85%,#5b4b2525,transparent 45%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 12px)}
button,input{font:inherit}button{min-height:46px;border:1px solid #8e8d72;border-radius:2px;padding:10px 17px;background:linear-gradient(#2b342c,#1b241e);color:var(--text);box-shadow:inset 0 1px #d9d7bb22,0 2px 3px #0005;cursor:pointer;font-weight:600;transition:background .12s,transform .12s}button:hover:not(:disabled){background:linear-gradient(#414b39,#293425);border-color:var(--stone-light)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0008}button:disabled{cursor:default;opacity:.48}button.primary{background:linear-gradient(#c8b47d,#a68c54);color:#182019;border-color:#e2d2a2;box-shadow:inset 0 1px #fff6,0 3px 0 #4e442d;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#e0ce97,#bba16a)}button.small{padding:7px 13px}button.text-button{border:0;box-shadow:none;background:transparent;padding-left:0;text-decoration:underline;text-underline-offset:4px}button.text-button:hover:not(:disabled){background:transparent;color:var(--stone-light)}a{color:var(--stone-light)}:focus-visible{outline:3px solid #f1d894;outline-offset:4px}input{width:100%;min-height:48px;background:#101713;color:var(--text);border:1px solid #7c8876;border-radius:2px;padding:10px 12px;box-shadow:inset 0 2px 5px #0006}input::placeholder{color:#84907f}input[aria-invalid=true]{border-color:#e9a18b}input:disabled{opacity:.55}label{display:block;font-size:.9rem;font-weight:600;margin:0 0 7px}h1,h2,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:normal;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-.035em}h2{font-size:1.8rem}p+p{margin-top:10px}[hidden]{display:none!important}
.page{max-width:1020px;margin:auto;padding:64px 34px 28px}.masthead{display:flex;gap:26px;align-items:center;margin-bottom:42px}.crest{width:100px;height:112px;flex-shrink:0;display:grid;place-items:center;border:5px ridge var(--stone);border-radius:48% 48% 10% 10%;color:var(--brass);background:linear-gradient(115deg,#ffffff05,transparent 45%),#1b241d;box-shadow:0 6px 14px #0006,inset 0 0 0 3px #96865b,inset 0 0 0 8px #101713}.crest span{font:1.8rem Georgia,serif;letter-spacing:.06em}.eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#c4b681;font-weight:700;margin-bottom:10px}.intro{color:var(--muted);margin-top:14px}.choices{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.stone-panel{position:relative;padding:30px;border:7px ridge var(--stone);border-top-width:10px;background:linear-gradient(120deg,#b4b09a0b,transparent 45%),var(--ink);box-shadow:0 12px 30px #0005,inset 0 0 0 1px #a38c55;isolation:isolate}.stone-panel:before{content:"";position:absolute;pointer-events:none;inset:-7px;border-top:2px solid #e9e5d0;border-left:1px solid #f0ecd866;border-bottom:2px solid #535a4b;z-index:-1}.stone-panel h2{margin-bottom:18px}.stone-panel p:not(.eyebrow){color:var(--muted)}.create-panel>.primary{margin-top:26px;min-width:180px;display:flex;justify-content:space-between;gap:20px}.join-row{display:flex;gap:10px;align-items:stretch}.join-row input{min-width:0;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.join-row button{flex-shrink:0}.hint{font-size:.81rem;color:var(--muted);line-height:1.5;margin-top:10px}.notice{padding:17px 20px;margin-bottom:22px;border:1px solid #9c8a5c;border-left:4px solid var(--brass);background:#28291f;display:flex;align-items:center;justify-content:space-between;gap:16px}.notice[data-error=true]{border-color:#c28f78;background:#30241e}.notice p{color:var(--text);overflow-wrap:anywhere}.notice button{flex-shrink:0}.storage-note{font-size:.82rem;color:var(--muted);margin:22px 4px 0}.saved-section{margin-top:34px}.section-heading{display:flex;align-items:baseline;gap:16px;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:1.5rem}.saved-rooms{list-style:none;padding:0;margin:0;display:grid;gap:9px}.saved-rooms li{display:flex;align-items:center;gap:12px;border:1px solid #58614f;background:#19201bcc;padding:12px 15px}.saved-description{flex:1;min-width:0}.saved-description strong{display:block;font-family:ui-monospace,Consolas,monospace;letter-spacing:.05em}.saved-description span{font-size:.82rem;color:var(--muted)}.remove-saved{min-width:44px;padding:8px;font-size:.8rem;background:transparent;border-color:#52614e;box-shadow:none}
.room-panel{max-width:700px;margin:auto}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-heading h2{margin:0}.role-tag{border:1px solid currentColor;padding:6px 12px;font-size:.86rem;white-space:nowrap}.role-tag[data-role="0"]{color:var(--blue)}.role-tag[data-role="1"]{color:var(--red)}.room-message{margin-top:18px}.invite-well{margin-top:26px;padding:20px;background:#111912;border:1px solid #626c59;box-shadow:inset 0 2px 7px #0007}.invite-code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.1rem,3vw,1.65rem);letter-spacing:.08em;color:var(--stone-light);margin:9px 0 18px;overflow-wrap:anywhere}.invite-actions{display:flex;gap:10px;flex-wrap:wrap}#manual-copy{margin-top:18px}#invite-url{font-size:.8rem}.seats{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.seats li{padding:14px 16px;border:1px solid #535f4e;border-left:4px solid var(--blue);background:#1c261e}.seats li[data-role="1"]{border-left-color:var(--red)}.seat-title{display:block;font-weight:600}.seat-status{font-size:.83rem;color:var(--muted)}.enter-row{display:flex;align-items:center;gap:20px}.enter-row>.primary{min-width:180px}.enter-row .hint{margin:0;max-width:290px}.room-time{font-size:.8rem;margin:22px 0 6px;color:var(--muted)}footer{font-size:.78rem;line-height:1.6;color:#9da68f;margin:34px auto 0;max-width:720px;text-align:center}footer p:first-child{color:#c3bfa7;letter-spacing:.03em}.skip-link{position:absolute;left:16px;top:8px;transform:translateY(-150%);z-index:10;background:var(--deep);padding:8px}.skip-link:focus{transform:none}
@media(max-width:740px){.page{padding:32px 22px 24px}.masthead{gap:18px;margin-bottom:28px}.crest{width:76px;height:88px}.crest span{font-size:1.4rem}.choices{grid-template-columns:1fr;gap:18px}.stone-panel{padding:25px}.create-panel>.primary{width:100%}.intro{font-size:.92rem}.saved-rooms li{flex-wrap:wrap}.saved-description{min-width:50%}.section-heading{align-items:start}.section-heading>.hint{margin:0;text-align:right}}
@media(max-width:420px){.page{padding:24px 14px}.masthead{align-items:start;gap:13px}.crest{width:58px;height:70px;border-width:4px}.crest span{font-size:1.1rem}.eyebrow{font-size:.68rem;letter-spacing:.12em}.intro{margin-top:10px}.stone-panel{padding:20px 16px;border-width:6px}h2{font-size:1.65rem}.join-row{flex-direction:column;gap:12px}.join-row button{width:100%}.room-heading{align-items:start;gap:10px}.role-tag{padding:5px 8px;font-size:.77rem}.invite-well{padding:15px}.invite-actions{display:grid;grid-template-columns:1fr;width:100%}.seats{gap:8px}.seats li{padding:12px 10px}.enter-row{align-items:stretch;flex-direction:column;gap:12px}.enter-row>.primary{width:100%}.notice{flex-direction:column;align-items:start}.saved-rooms li{gap:10px}.saved-description{flex-basis:100%}.saved-rooms li>button:not(.remove-saved){flex:1}.section-heading{flex-direction:column;gap:3px}.section-heading>.hint{text-align:left}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}