body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif}main{padding:var(--gap)}.dev{color:var(--ink-quiet);font-size:.8rem}.devpage{max-width:1100px}.devtable{border-collapse:collapse;margin:var(--gap) 0;font-size:.85rem}.devtable th,.devtable td{border:1px solid var(--ink-quiet);padding:4px 8px;text-align:left;vertical-align:top}.devform{display:flex;flex-wrap:wrap;gap:var(--gap)}.devform input{width:8em}.error{color:var(--ink);font-weight:700}.signin{display:flex;flex-direction:column;align-items:center;gap:var(--gap);max-width:360px;margin:0 auto}.signin input{font-size:1.2rem;padding:8px 12px;width:100%}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--gap);width:100%}.who{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:96px;padding:12px;font-size:1rem}.badge{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);font-size:1.4rem}.pinpad{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.pinpad button{height:64px;font-size:1.6rem}.pindots{font-size:1.6rem;letter-spacing:.3em}.preview{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:.8rem;text-transform:uppercase}button.link{background:none;border:none;text-decoration:underline}button{min-height:44px;min-width:44px;padding:8px 18px;border:2px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.wallet{margin:var(--gap) 0}.mailbox ul{list-style:none;padding:0}.mailbox li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0}.signed-in{padding:0}.townview,.town{position:fixed;top:0;right:0;bottom:0;left:0}.town{background:var(--grass);touch-action:none;overflow:hidden}.town svg{display:block;-webkit-user-select:none;user-select:none}.town-label{pointer-events:none}.town-label text{fill:var(--ink);font-weight:700}.hud{position:fixed;top:8px;left:8px;right:8px;display:grid;gap:6px;justify-items:start;pointer-events:none}.hud-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hud-row>*{pointer-events:auto}.hud-row:first-child>*{background:var(--paper);border-radius:999px;padding:4px 12px}.hud-row>.wallet.compact{margin:0}.hud-actions .mail-badge{min-width:8.5em}.devnote{position:fixed;bottom:4px;left:8px;margin:0;background:var(--paper);padding:2px 6px;border-radius:6px;font-size:.7rem}.whereto{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);padding:var(--gap);overflow:auto}.whereto ul{list-style:none;padding:0;display:grid;gap:8px}.whereto li button{width:100%;text-align:left}.place{max-width:720px;margin:0 auto}.placebar{display:flex;align-items:center;gap:var(--gap)}.builder{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--paper);padding:var(--gap);display:flex;flex-direction:column;align-items:center;gap:8px}.builder>*{flex-shrink:0}.builder-preview{background:var(--grass);border-radius:12px}.builder-row{border:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}.builder-row legend{width:100%;text-align:center;font-weight:700;margin:4px 0}.swatch{padding:4px;min-width:48px;min-height:48px;background:var(--card-face);border:2px solid transparent;border-radius:10px}.swatch.on{border-color:var(--ink)}.builder-done{position:sticky;bottom:32px;margin-top:var(--gap);box-shadow:0 2px 8px var(--shadow)}body:has(.builder,.whereto,.panel){overflow:hidden}.house-art{display:block;margin:var(--gap) 0}.kinds{display:flex;flex-wrap:wrap;gap:6px}.kind-chip{background:var(--card-face);border-radius:999px;padding:2px 10px}.tabs{display:flex;gap:6px;margin:8px 0}.tabs button.on{background:var(--ink);color:var(--paper)}.compendium h3{margin:12px 0 6px}.kgrid{display:flex;flex-wrap:wrap;gap:8px}.kbutton{padding:0;background:none;border:none;min-width:0;min-height:0}.plaque{display:flex;gap:var(--gap);align-items:flex-start;background:var(--card-face);border-radius:12px;padding:12px;margin:8px 0}.holdings{list-style:none;padding:0;display:grid;gap:8px}.holdings li{display:flex;align-items:center;gap:12px}.holdings .new{font-style:normal;font-weight:700}.panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:auto;background:var(--paper);padding:var(--gap) var(--gap) 56px}.panel>section{max-width:720px;margin:0 auto}.panel>button{display:block;margin:var(--gap) auto 0}.mailbox ul{list-style:none;padding:0;display:grid;gap:8px}.mailbox li{display:flex;align-items:center;gap:10px}.mailbox li span{flex:1}.mail-badge{position:relative}.mail-badge.has,.house-actions .has{background:var(--gold);border-color:var(--ink);font-weight:800}.mail-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border:2px solid var(--paper);border-radius:50%;background:var(--roof-1)}.mail-badge.nudge{animation:mail-nudge .4s ease-in-out 3}@keyframes mail-nudge{0%,to{transform:none}25%{transform:rotate(-8deg) scale(1.08)}75%{transform:rotate(8deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.mail-badge.nudge{animation:none}}.house-art{width:100%;max-width:420px;height:auto}.house-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.find-detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--scrim)}.find-detail{display:grid;justify-items:center;gap:6px;max-width:min(88vw,360px);padding:18px 22px;border:2px solid var(--ink);border-radius:18px;background:var(--paper);text-align:center}.find-detail h3,.find-detail p{margin:0}.countdown{font-variant-numeric:tabular-nums;font-size:1.3rem}