@font-face{font-family:Pompaios Display;src:url(/comic-display-fallback.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:900}:root{--night: #0b0a09;--ink: #15120e;--paper: #ffffff;--paper-bright: #ffffff;--cream: #f2e7cf;--burgundy: #582631;--gold: #d7a840;--muted: #a79e8e;--line: rgba(255, 255, 255, .24);--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Pompaios Display", "Arial Narrow", sans-serif;--font-data: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--paper);background:var(--night);font-family:var(--font-body);font-synthesis:none;line-height:1.45}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--night)}button,dialog{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark,footer>span:first-child{font-family:var(--font-display);font-weight:900;letter-spacing:.015em;text-transform:uppercase}.site-shell{overflow:clip;background:var(--night)}.site-header{position:absolute;z-index:20;top:0;left:0;display:grid;width:100%;height:5rem;grid-template-columns:1fr auto;align-items:center;padding:0 clamp(1.2rem,4vw,4rem)}.wordmark,.site-nav button,.menu-toggle{border:0;background:transparent;color:var(--paper);text-transform:uppercase}.wordmark{justify-self:start;padding:0;font-size:1.5rem;letter-spacing:.02em}.site-nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.4rem)}.site-nav button,.menu-toggle{padding:0;font-size:.72rem;font-weight:800;letter-spacing:.12em}.site-nav button:not(.nav-enter):hover{color:var(--gold)}.site-nav .nav-enter{border:1px solid var(--paper);padding:.65rem 1rem;transition:.14s ease}.site-nav .nav-enter:hover{border-color:var(--gold);background:var(--gold);color:var(--ink)}.menu-toggle{display:none}.hero{position:relative;min-height:100svh;overflow:hidden;background:#17110a}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050504f2,#050504c4 29%,#05050424 63%,#05050414),linear-gradient(0deg,rgba(5,5,4,.82) 0%,transparent 36%)}.hero-copy{position:relative;z-index:2;display:flex;min-height:100svh;width:min(100%,92rem);flex-direction:column;justify-content:center;margin:0 auto;padding:7rem clamp(1.2rem,5vw,4.5rem) 4rem}.kicker{margin-bottom:1rem;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:8ch;margin:0;font-size:clamp(5.2rem,14vw,13.2rem);line-height:.75}.hero-promise{max-width:20ch;margin:1.4rem 0 0;font-size:clamp(1.6rem,3.4vw,3.25rem);font-weight:750;letter-spacing:-.04em;line-height:1}.hero-line{max-width:37ch;margin:1rem 0 0;color:#f1eadbb8;font-size:clamp(.82rem,1.3vw,1rem)}.primary-action{display:inline-flex;width:fit-content;min-height:3.25rem;align-items:center;gap:1.4rem;border:0;background:var(--gold);box-shadow:5px 5px 0 var(--paper);margin-top:2rem;padding:.8rem 1.15rem;color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:box-shadow .1s linear,transform .1s linear}.primary-action:hover{box-shadow:7px 7px 0 var(--paper);transform:translate(-2px,-2px)}.primary-action:active{box-shadow:2px 2px 0 var(--paper);transform:translate(3px,3px)}.issue-stamp{position:absolute;z-index:2;right:clamp(1.2rem,4vw,4rem);bottom:1.4rem;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;transform:rotate(-1deg)}.hero-step{opacity:0;transform:translateY(18px);animation:hero-arrive .52s cubic-bezier(.2,.75,.25,1) forwards}.step-one{animation-delay:.12s}.step-two{animation-delay:.22s}.step-three{animation-delay:.36s}.step-four{animation-delay:.46s}.step-five{animation-delay:.58s}@keyframes hero-arrive{to{opacity:1;transform:translateY(0)}}.history{padding:clamp(5rem,12vw,10rem) 0 0;background:var(--paper);color:var(--ink)}.history-copy{width:min(100% - 2.4rem,78rem);margin:0 auto}.history h2,.origin h2,.invitation h2{margin-bottom:1.4rem;font-size:clamp(3rem,8vw,7.2rem);line-height:.84}.city-ribbon{overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:clamp(3rem,7vw,6rem)}.city-ribbon>div{display:flex;width:max-content;animation:procession 45s linear infinite}.city-ribbon span{display:block;border-right:2px solid var(--ink);padding:1rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.city-ribbon .sealed{background:var(--ink);color:var(--gold)}@keyframes procession{to{transform:translate(-50%)}}.origin{display:grid;min-height:82svh;grid-template-columns:minmax(14rem,.72fr) minmax(18rem,1fr);align-items:center;gap:clamp(2rem,8vw,8rem);padding:clamp(5rem,10vw,9rem) max(1.2rem,calc((100vw - 78rem)/2));background-color:#16120d;background-image:radial-gradient(rgba(215,168,64,.09) 1px,transparent 1px);background-size:7px 7px}.origin-mark{display:grid;place-items:center}.origin-mark img{width:min(100%,25rem);filter:drop-shadow(12px 12px 0 rgba(0,0,0,.38));transform:rotate(-2deg)}.origin>div:last-child{max-width:43rem}.origin>div:last-child>p:not(.kicker){max-width:38rem;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem)}.invitation{display:grid;min-height:78svh;place-items:center;padding:5rem 1.2rem;background:var(--cream);color:var(--ink)}.invitation>div{width:min(100%,78rem)}.invitation .kicker{color:var(--ink)}.invitation h2{max-width:11ch}.invitation p:not(.kicker){max-width:42rem;font-size:clamp(1rem,2vw,1.25rem)}.primary-action.inverse{background:var(--ink);box-shadow:5px 5px 0 var(--paper-bright);color:var(--paper)}footer{display:flex;min-height:8rem;align-items:center;justify-content:space-between;gap:2rem;padding:2rem max(1.2rem,calc((100vw - 78rem)/2));color:var(--muted);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}footer>span:first-child{color:var(--paper);font-size:1.35rem;letter-spacing:.02em}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .52s ease var(--delay, 0ms),transform .52s cubic-bezier(.2,.75,.25,1) var(--delay, 0ms)}[data-reveal][data-visible=true]{opacity:1;transform:translateY(0)}.app-loading,.empty-trips{display:grid;min-height:100svh;place-content:center;gap:1rem;padding:2rem;background:var(--night);color:var(--paper);text-align:center}.app-loading span{font-family:var(--font-display);font-size:clamp(3rem,15vw,8rem)}.empty-trips h1{margin:0;font-size:clamp(2.5rem,10vw,5rem)}.auth-page{min-height:100svh;background:var(--night);padding:clamp(1rem,3vw,2.5rem)}.auth-wordmark{position:fixed;z-index:5;top:1.7rem;left:clamp(1rem,3vw,2.5rem);border:0;background:transparent;color:var(--paper);font-family:var(--font-display);font-size:1.45rem;letter-spacing:.02em}.auth-sheet{display:grid;width:min(100%,76rem);min-height:calc(100svh - clamp(2rem,6vw,5rem));grid-template-columns:minmax(19rem,.85fr) minmax(22rem,1.15fr);border:1px solid rgba(241,234,219,.22);margin:0 auto;background:var(--paper);color:var(--ink)}.auth-art{grid-column:2;grid-row:1;min-height:36rem;background-image:linear-gradient(90deg,var(--paper),transparent 30%),url(/pompaios-hero.webp);background-position:58% center;background-size:cover}.auth-sheet form,.expired-invite{z-index:1;display:flex;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem)}.auth-sheet h1{margin-bottom:1rem;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.82}.auth-sheet form>p,.expired-invite>p{max-width:31rem;color:#625a4e}.auth-sheet label,.inline-form label,.question-composer label,.resolution-form>label,.invite-form label{display:grid;gap:.35rem;margin-top:.9rem}.auth-sheet label>span,.inline-form>label,.question-composer label>span,.resolution-form label>span,.invite-form label>span{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.auth-sheet input,.private-shell input,.private-shell textarea,.private-shell select{width:100%;min-height:2.75rem;border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:.7rem .8rem;color:var(--ink);font:inherit}.private-shell textarea{min-height:5rem;resize:vertical}.auth-sheet input:focus-visible,.private-shell input:focus-visible,.private-shell textarea:focus-visible,.private-shell select:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.app-kicker{margin:0 0 .65rem;color:var(--burgundy);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.app-action,.small-action{border:2px solid var(--ink);border-radius:0;background:var(--gold);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:box-shadow 90ms linear,transform 90ms linear}.app-action{width:fit-content;min-height:2.65rem;margin-top:1rem;padding:.55rem .8rem}.small-action{min-height:2.65rem;padding:.55rem .7rem}.app-action:hover:not(:disabled),.small-action:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.app-action:active:not(:disabled),.small-action:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.app-action:disabled,.small-action:disabled{cursor:default;opacity:.5}.form-message{margin:.85rem 0 0;font-size:.78rem;font-weight:700}.form-message.error{color:#972d24!important}.private-shell{min-height:100svh;background:var(--paper);color:var(--ink)}.app-topbar{position:sticky;z-index:20;top:0;display:grid;height:3.35rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;border-bottom:2.5px solid var(--ink);background:var(--paper);color:var(--ink)}.app-topbar button{border:0;background:transparent;color:inherit;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.app-brand{padding:0 .75rem;font-family:var(--font-display);font-size:1.1rem!important;letter-spacing:.015em!important}.app-topbar nav{display:flex;min-width:0;justify-content:center}.app-topbar nav button{position:relative;padding:0 .52rem}.app-topbar nav button.active:after{position:absolute;right:.5rem;bottom:.3rem;left:.5rem;height:3px;background:var(--ink);content:"";transform:rotate(-2deg)}.account-menu{max-width:6.5rem;overflow:hidden;padding:0 .7rem;text-overflow:ellipsis;white-space:nowrap}.workspace-error{display:block;width:100%;border:0;background:#972d24;padding:.7rem 1rem;color:#fff;font-size:.68rem;font-weight:800;text-align:center}.workspace-main{width:min(100%,52rem);margin:0 auto;padding:1.35rem 1rem 5rem}.trip-context{display:flex;justify-content:flex-start;margin-bottom:.8rem}.trip-context span,.trip-context select{width:fit-content;min-height:1.75rem;border:2px solid var(--ink);background:var(--cream);padding:.28rem .45rem;color:var(--ink);font-family:var(--font-data);font-size:.52rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;transform:rotate(-1deg)}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:3px solid var(--ink);padding:0 0 .75rem}.workspace-heading h1{margin:0;font-size:clamp(2.35rem,11vw,4.6rem);line-height:.84}.workspace-heading .app-kicker{margin-bottom:.35rem}.workspace-heading .app-action{flex:0 0 auto;margin:0 0 .15rem}.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;border-bottom:2px solid var(--ink);padding:0 0 .55rem}.list-heading h2{margin:0;font-size:1.25rem;line-height:1}.list-heading span{font-family:var(--font-data);font-size:.58rem;font-weight:800}.question-section{margin-top:1.75rem}.question-item{border-bottom:1px solid rgba(21,18,14,.32);padding:1rem 0;animation:question-enter .22s ease both}@keyframes question-enter{0%{opacity:0;transform:translateY(8px)}}.question-item>header{position:relative;padding-right:min(22vw,8rem)}.question-item h3{max-width:24ch;margin-bottom:.35rem;font-family:var(--font-display);font-size:clamp(1.45rem,5vw,2rem);font-weight:900;letter-spacing:.015em;line-height:.95;text-transform:uppercase}.question-item>header>p{margin:0;color:#6b6256;font-family:var(--font-data);font-size:.52rem;font-weight:700}.question-status{position:absolute;top:0;right:0;display:grid;justify-items:end;gap:.35rem}.question-status span{color:var(--burgundy);font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.question-status b{font-family:var(--font-data);font-size:.62rem}.sealed-answer,.question-result,.waiting-result,.resolution-form{margin-top:.85rem}.sealed-answer{display:grid;gap:.25rem;border-left:3px solid var(--gold);padding:.3rem 0 .3rem .8rem}.sealed-answer span{color:#71685d;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sealed-answer strong{font-size:.95rem}.inline-form{margin-top:.85rem}.field-action{display:grid;grid-template-columns:minmax(0,1fr) auto}.field-action .small-action{box-shadow:none}.inline-form small,.invite-result small{display:block;margin-top:.5rem;color:#71685d;font-size:.65rem}.question-owner-actions{display:flex;justify-content:flex-end;margin-top:.7rem}.question-owner-actions p{margin:0;color:#71685d;font-size:.72rem}.text-action{border:0;border-bottom:1px solid currentColor;background:transparent;padding:.2rem 0;color:var(--ink);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.question-composer{border:2.5px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--ink);margin:1.25rem 0 2rem;padding:.85rem}.composer-heading,.resolution-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.composer-heading h2,.resolution-heading h4{margin:0;font-size:1.65rem;line-height:.95}.question-composer .app-kicker{color:var(--ink)}.points-field{max-width:16rem}.question-composer .app-action{background:var(--night);box-shadow:3px 3px 0 var(--paper-bright);color:var(--paper)}.resolution-form{border-left:3px solid var(--gold);padding:1rem 0 0 1rem}.resolution-heading h4{font-family:inherit;font-size:1.15rem;letter-spacing:-.02em;text-transform:none}.resolution-heading>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.answer-verdicts{border-top:1px solid rgba(21,18,14,.32);margin-top:1rem}.answer-verdicts>label{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.7rem;border-bottom:1px solid rgba(21,18,14,.18);padding:.8rem .5rem;cursor:pointer}.answer-verdicts>label.is-winner{background:var(--cream)}.answer-verdicts input{width:1.1rem;min-height:1.1rem;margin-top:.2rem;accent-color:#986d12}.answer-verdicts span{display:grid;gap:.2rem}.answer-verdicts strong{font-size:.7rem;text-transform:uppercase}.answer-verdicts p{margin:0}.question-result>strong{display:block;max-width:24ch;font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.05}.question-result>p:not(.app-kicker){max-width:42rem;margin-top:.7rem;color:#625a4e}.published-answers{list-style:none;border-top:1px solid rgba(21,18,14,.32);margin:.85rem 0 0;padding:0}.published-answers li{display:grid;grid-template-columns:1.2rem minmax(7rem,.5fr) minmax(0,1fr);gap:.7rem;border-bottom:1px solid rgba(21,18,14,.18);padding:.7rem 0}.published-answers li>span{color:#857b6d}.published-answers li.won>span{color:#986d12;font-weight:900}.published-answers p{margin:0}.empty-list{padding:1rem 0;color:#6b6256}.empty-list p{margin:.2rem 0 0}.history-section{opacity:.92}.scoreboard-list{list-style:none;border-top:2px solid var(--ink);margin:1.5rem 0 0;padding:0}.scoreboard-list li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:baseline;gap:.7rem;border-bottom:1px solid rgba(21,18,14,.32);padding:.75rem 0}.scoreboard-list li.is-me{background:linear-gradient(90deg,var(--cream),transparent 72%)}.scoreboard-list span{color:#71685d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scoreboard-list strong{font-size:.88rem}.scoreboard-list b{font-family:var(--font-display);font-size:clamp(1.7rem,7vw,2.6rem);line-height:.8}.member-list{list-style:none;border-top:2px solid var(--ink);margin:1.5rem 0 0;padding:0}.member-list li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:.7rem;border-bottom:1px solid rgba(21,18,14,.32);padding:.65rem 0}.member-initial{display:grid;width:1.9rem;aspect-ratio:1;place-items:center;border:2px solid var(--ink);background:var(--cream);font-family:var(--font-display);font-weight:900}.member-list small,.member-state{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.member-state{min-width:4.8rem;color:#71685d;text-align:right}.member-state.state-active{color:#476a3b}.invite-section{margin-top:2rem}.invite-form{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:1rem;align-items:end;margin-top:1rem}.invite-form .app-action{margin:0 0 4px}.invite-result{border-left:3px solid var(--gold);margin-top:1.5rem;background:linear-gradient(90deg,var(--cream),transparent 82%);padding:.7rem 0 .7rem 1rem}.invite-result p{margin-bottom:.8rem}@media(max-width:760px){.site-header{height:4.4rem}.menu-toggle{display:block}.site-nav{position:absolute;top:4.2rem;right:1rem;display:none;width:min(16rem,calc(100vw - 2rem));align-items:stretch;border:1px solid var(--line);background:#0b0a09f7;padding:1rem}.site-nav.is-open{display:grid}.site-nav button{min-height:2.8rem;text-align:left}.hero-art{width:145%;max-width:none;object-position:66% center;transform:translate(-17%)}.hero-shade{background:linear-gradient(90deg,#050504f0,#050504a6 52%,#0505040f),linear-gradient(0deg,rgba(5,5,4,.92) 0%,transparent 42%)}.hero-copy{justify-content:flex-end;padding-bottom:5.5rem}.hero h1{font-size:clamp(3.6rem,18vw,5.8rem)}.hero-promise{font-size:1.75rem}.hero-line{max-width:28ch}.issue-stamp{display:none}.origin{min-height:auto;grid-template-columns:1fr}.origin-mark{justify-content:start}.origin-mark img{width:10rem}footer{align-items:flex-start;flex-direction:column}.auth-page{padding:0}.auth-wordmark{position:absolute;top:1.25rem}.auth-sheet{min-height:100svh;grid-template-columns:1fr;border:0}.auth-art{min-height:34svh;grid-column:1;grid-row:1;background-image:linear-gradient(0deg,var(--paper),transparent 48%),url(/pompaios-hero.webp);background-position:62% 20%}.auth-sheet form,.expired-invite{grid-column:1;grid-row:2;justify-content:flex-start;padding:1.5rem 1.2rem 3rem}.auth-sheet h1{font-size:clamp(3rem,16vw,4.8rem)}.app-brand{padding-inline:.55rem;font-size:.95rem!important}.app-topbar nav button{padding-inline:.38rem;font-size:.55rem}.account-menu{max-width:3.6rem;padding:0 .45rem;font-size:.5rem!important}.workspace-main{padding-top:1.1rem}.workspace-heading h1{max-width:100%}.question-item>header{padding-right:4.4rem}.field-action{grid-template-columns:1fr}.field-action .small-action{width:100%}.question-owner-actions{align-items:flex-start;flex-direction:column}.composer-heading,.resolution-heading{gap:1rem}.published-answers li{grid-template-columns:1rem minmax(5.5rem,.45fr) minmax(0,1fr)}.member-list li{grid-template-columns:2.6rem minmax(0,1fr) auto}.member-list small{display:none}.invite-form{grid-template-columns:1fr}.invite-form .app-action{margin-top:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}[data-reveal]{opacity:1;transform:none}}