@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#10100f;--panel:#191a18;--panel2:#22231f;--line:#3c3d35;--white:#e9e7de;--muted:#a5a49b;--gold:#e7b848;--gold2:#8f6828;font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:var(--ink);color:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}p{line-height:1.68}h1,h2,h3,.brand,.footer-wordmark{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;line-height:.92;font-weight:800}h2{font-size:clamp(3.2rem,6.2vw,6.4rem);letter-spacing:-.015em}h3{font-size:2rem}h1{font-size:clamp(5rem,11vw,10rem);letter-spacing:-.04em}.wrap{max-width:1440px;padding-inline:clamp(22px,5vw,88px);margin-inline:auto}.section{padding-block:clamp(80px,10vw,150px)}.eyebrow{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:.94rem;letter-spacing:.21em;color:var(--gold);text-transform:uppercase;margin-bottom:24px}.eyebrow.bright{color:#f9d77c}.large{font-size:clamp(1.28rem,2.05vw,1.72rem);line-height:1.47}.note{color:var(--muted);font-size:.9rem;line-height:1.5}.skip{position:absolute;left:12px;top:-100px;background:var(--gold);color:var(--ink);padding:12px;z-index:100}.skip:focus{top:8px}.site-header{position:relative;background:#11110ff2;z-index:10;border-bottom:1px solid #4a452d}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.9rem;letter-spacing:.035em;line-height:.7;white-space:nowrap}.brand-mark{font-size:1.6rem;background:var(--gold);color:var(--ink);width:38px;height:38px;display:grid;place-items:center;transform:skew(-7deg)}.brand-small{display:block;color:var(--gold);font:600 .64rem 'DM Sans',sans-serif;letter-spacing:.29em;margin-top:7px}.site-header nav{display:flex;gap:clamp(12px,1.6vw,28px);align-items:center}.site-header nav a{text-decoration:none;color:#c3c1b8;text-transform:uppercase;font:700 1.02rem 'Barlow Condensed',sans-serif;letter-spacing:.09em;white-space:nowrap;padding:30px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold)}.site-header nav a[aria-current]{box-shadow:inset 0 -3px var(--gold)}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:9px 12px;font:700 1rem 'Barlow Condensed',sans-serif;letter-spacing:.12em}.hero{min-height:min(850px,calc(100svh - 82px));position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#171815}.hero-image{position:absolute;inset:0;background:url('/assets/pisscity-hero.png') 62% 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0ded 0%,#0d0d0dcc 28%,#0d0d0d44 62%,transparent 100%),linear-gradient(0deg,#0d0d0dde 0%,transparent 26%)}.hero-content{position:relative;width:100%;padding-top:clamp(120px,13vh,195px);padding-bottom:80px}.hero h1{font-size:clamp(6rem,15.5vw,15rem);text-shadow:0 8px 25px #0008}.hero-tag{font:800 clamp(2.6rem,5.1vw,5.8rem)/.93 'Barlow Condensed',sans-serif;letter-spacing:.02em;color:var(--gold);margin:4px 0 23px}.hero-copy{max-width:440px;font-size:1.13rem;line-height:1.55;color:#ebe9e0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;text-decoration:none;font:800 1.1rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;padding:16px 26px;border:1px solid var(--gold);transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#111}.button-gold:hover{background:#f4cf70}.button-outline{background:#1616119c;color:var(--white)}.button-outline:hover{background:var(--gold);color:#111}.hero-rail{position:relative;width:100%;display:flex;justify-content:space-between;color:#c3b58c;font:700 .88rem 'Barlow Condensed',sans-serif;letter-spacing:.17em;padding-block:20px 28px;border-top:1px solid #ffffff36}.statement-grid,.two-column,.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px);align-items:start}.statement-grid p,.two-column p,.about-story p{margin-top:0}.statement-grid p:not(.large),.two-column p:not(.large){color:var(--muted);max-width:620px}.dark-panel{background:var(--panel);border-block:1px solid #3b3a32}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}.section-heading p{max-width:340px;color:var(--muted);margin:0}.meter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.meter-card{background:var(--panel);padding:32px 27px 35px;min-height:305px;display:flex;flex-direction:column}.meter-num{font:700 1rem 'Barlow Condensed',sans-serif;letter-spacing:.17em;color:var(--gold);margin-bottom:30px}.meter-card h3{font-size:2.3rem}.meter-card p{color:#bbb9ae;font-size:.95rem;line-height:1.55}.meter-bar{height:7px;background:#45463c;margin-top:auto;position:relative}.meter-bar:before{content:'';display:block;height:100%;background:var(--gold);width:68%}.meter-bar.pressure:before{width:84%}.meter-bar.toxicity:before{width:40%}.meter-bar.mucus:before{width:25%}.center-link{margin-top:40px}.text-link{display:inline-block;color:var(--gold);font:700 1.23rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:7px}.text-link:hover{color:#ffdd85}.split-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:center}.split-feature p{font-size:1.12rem;max-width:520px;color:var(--muted);margin:28px 0}.quote-block{background:#282820;padding:clamp(30px,4vw,70px);border-left:3px solid var(--gold)}.quote-mark{font:800 7rem/.5 'Barlow Condensed',sans-serif;color:var(--gold)}.quote-block blockquote{font:700 clamp(2.2rem,4vw,4rem)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:35px 0 25px}.quote-block p{font-size:.92rem;margin:0}.status-strip{background:linear-gradient(115deg,#29281e,#141513 65%);border-top:1px solid #615332}.status-strip p{max-width:560px;font-size:1.1rem;color:#bdbbb0;margin:30px 0}.site-footer{border-top:1px solid #4a432e;background:#0b0c0b;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:45px;align-items:start}.footer-wordmark{font-size:3.5rem;color:var(--gold)}.site-footer p{color:var(--muted);margin:12px 0;font-size:.92rem}.site-footer a{text-transform:uppercase;color:var(--gold);font:700 1rem 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-decoration:none}.footline{margin-top:65px;border-top:1px solid #33342f;padding-block:20px;display:flex;justify-content:space-between;color:#78796f;font-size:.72rem;letter-spacing:.13em}.page-intro{padding-top:clamp(75px,9vw,135px);padding-bottom:clamp(60px,7vw,110px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 25%,#49371b55,transparent 45%)}.page-intro h1{font-size:clamp(4.4rem,9vw,9.2rem)}.page-intro .lede{max-width:770px;color:#c3c0b6;font-size:clamp(1.16rem,1.7vw,1.55rem);line-height:1.55;margin:28px 0 0}.loop,.card-grid{display:grid;gap:16px}.loop{grid-template-columns:repeat(4,1fr)}.loop>div{border-top:2px solid var(--gold);padding:24px 15px 10px 0}.loop b,.big-number{font:800 3.7rem 'Barlow Condensed',sans-serif;color:#6d5a2d}.loop h3{margin:22px 0 10px}.loop p,.card p{color:#bbb9ae}.resource-story{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.resource-story>div{border-left:1px solid var(--gold2);padding-left:24px}.resource-story h3{font-size:2.25rem}.resource-story h3 span{color:var(--gold)}.resource-story p{color:#bdbbb1}.card-grid{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);padding:30px;background:#1e1f1b;min-height:230px}.card .eyebrow{font-size:.8rem;margin-bottom:32px}.card h3{margin-bottom:16px}.card p{margin-bottom:0}.currency-row{margin-top:35px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.currency-row>div{padding:26px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.currency-row>div:first-child{padding-left:0}.currency-row>div:last-child{border:0}.currency-row strong{font:800 1.5rem 'Barlow Condensed',sans-serif;color:var(--gold)}.currency-row span{font-size:.88rem;color:var(--muted)}.banner-cta{background:linear-gradient(120deg,#3b2a14,#141513 70%)}.banner-cta p{max-width:620px}.cult{display:flex;justify-content:center}.cult>div{width:100%;max-width:940px;text-align:center;border:1px solid var(--gold2);padding:clamp(30px,7vw,100px);background:radial-gradient(circle at 50% 45%,#3f301750,transparent 68%)}.cult h2{color:var(--gold)}.cult blockquote{font:700 clamp(1.7rem,3vw,3.1rem)/1.3 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:42px 0}.cult em{color:var(--gold);font-style:normal}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.character{position:relative;padding:clamp(35px,5vw,70px);min-height:490px;border:1px solid var(--line);background:linear-gradient(145deg,#2b2b25,#171816);display:flex;flex-direction:column;align-items:flex-start}.character.lead-character{background:radial-gradient(circle at 100% 0%,#704e1866,transparent 54%),#20211d}.character.villain{background:radial-gradient(circle at 85% 85%,#49301c70,transparent 50%),#1b1b19}.character-index{font:700 .9rem 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--gold);margin-bottom:50px}.character h2{font-size:clamp(4rem,7vw,8rem)}.character .large{color:var(--gold);font:700 clamp(1.4rem,2vw,2rem) 'Barlow Condensed',sans-serif;text-transform:uppercase}.character>p:not(.large){max-width:510px;color:#bbb9ae}.character-full{letter-spacing:.13em;text-transform:uppercase;color:var(--gold)!important;font-size:.9rem}.character-tag{margin-top:auto;border:1px solid #68532a;padding:9px 14px;font:700 .82rem 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--gold)}.dialogue{border-top:1px solid var(--line);margin-bottom:80px}.dialogue p{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.35}.dialogue b{display:inline-block;width:145px;color:var(--gold);font:800 1.25rem 'Barlow Condensed',sans-serif;letter-spacing:.06em}.dialogue small{color:var(--muted)}.choice-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.choice-block{border-top:1px solid var(--gold2);padding:20px 0}.choice-block h3{margin:8px 0}.choice-block p{color:#bbb9ae}.music-feature{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:clamp(40px,7vw,100px);align-items:center}.album-art img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #77663e;box-shadow:22px 22px 0 #26251e}.music-feature blockquote{margin:35px 0;color:var(--gold);font:800 clamp(1.8rem,3vw,3rem)/1.1 'Barlow Condensed',sans-serif}.track-list{margin:35px 0;border-top:1px solid var(--line)}.track-list>div{display:grid;grid-template-columns:55px 1fr auto;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.track-list span{color:var(--gold);font:700 1rem 'Barlow Condensed',sans-serif}.track-list strong{font:800 clamp(1.5rem,2.5vw,2.5rem) 'Barlow Condensed',sans-serif}.track-list small{color:var(--muted);font-size:.9rem}.dev-banner{padding:clamp(30px,6vw,80px);border:1px solid #6f5727;background:linear-gradient(115deg,#30271b,#171816)}.dev-banner h2{max-width:800px}.dev-banner p{font-size:1.2rem;max-width:650px}.status-table{margin-top:60px;border-top:1px solid var(--line)}.status-row{display:grid;grid-template-columns:190px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:28px 0}.status-row h3{margin:0 0 8px}.status-row p{margin:0;color:var(--muted);max-width:750px}.pill{display:inline-block;align-self:start;justify-self:start;border:1px solid;padding:7px 12px;font:800 .8rem 'Barlow Condensed',sans-serif;letter-spacing:.1em}.pill.done{color:#add4b1;border-color:#648567}.pill.proto{color:#e7c47e;border-color:#8a713e}.pill.planned{color:#a9a9a0;border-color:#63645e}.about-story p{max-width:670px}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav a{font-size:.9rem}.brand{font-size:1.55rem}.meter-grid,.card-grid.four,.loop{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{min-height:68px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#11110f;border-bottom:1px solid var(--gold2);padding:10px 24px 20px;grid-template-columns:repeat(2,1fr);gap:0 24px;box-shadow:0 20px 40px #0008}.site-header nav.open{display:grid}.site-header nav a{padding:14px 0;font-size:1.1rem}.hero{min-height:760px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#0c0d0ce6,#0c0d0c73),linear-gradient(0deg,#0c0d0ce8,transparent 55%)}.hero-content{padding-top:120px}.hero h1{font-size:clamp(5.2rem,18vw,9rem)}.hero-tag{font-size:clamp(2.5rem,8vw,4rem)}.section-heading,.statement-grid,.two-column,.about-story,.split-feature,.music-feature{display:block}.section-heading p{margin-top:25px}.statement-grid>div,.two-column>div:nth-child(2),.about-story>div:nth-child(2){margin-top:30px}.quote-block{margin-top:60px}.meter-grid,.card-grid,.card-grid.four,.resource-story,.choice-layout,.character-grid{grid-template-columns:1fr 1fr}.resource-story{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>a{grid-column:1/-1}.track-list>div{grid-template-columns:35px 1fr}.track-list small{grid-column:2}.album-art{max-width:530px;margin-bottom:65px}.character{min-height:430px}.character h2{font-size:clamp(3.5rem,9vw,5.5rem)}}
@media(max-width:540px){.hero{min-height:710px}.hero-rail span:last-child{display:none}.hero-copy{font-size:1rem}.actions .button{width:100%}.meter-grid,.card-grid,.card-grid.four,.resource-story,.choice-layout,.character-grid,.currency-row,.loop{grid-template-columns:1fr}.meter-card{min-height:250px}.currency-row>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.character{min-height:390px}.track-list strong{font-size:1.5rem}.status-row{grid-template-columns:1fr;gap:15px}.footer-grid{grid-template-columns:1fr}.footer-grid>a{grid-column:auto}.footline{display:block}.footline span{display:block;margin-bottom:9px}.dialogue b{display:block;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Music: two in-universe releases with their own playable films. */
.soundtrack-intro{padding-bottom:35px}.soundtrack-intro h2{max-width:850px}.soundtrack-intro .large{max-width:670px;color:var(--muted)}
.release-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);grid-template-areas:'meta art' 'player player';column-gap:clamp(30px,6vw,95px);row-gap:clamp(38px,5vw,75px);align-items:center;padding-block:clamp(55px,7vw,110px) clamp(90px,10vw,150px);border-top:1px solid var(--line)}
.release-section.ritual{display:block;background:radial-gradient(circle at 85% 30%,#65450e2c,transparent 50%),var(--panel);border-block:1px solid #62502a}.release-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);grid-template-areas:'meta art' 'player player';column-gap:clamp(30px,6vw,95px);row-gap:clamp(38px,5vw,75px);align-items:center}
.release-meta{grid-area:meta}.release-meta h2{font-size:clamp(4rem,8vw,8.5rem);overflow-wrap:normal}.release-subtitle{color:var(--gold);font:800 clamp(1.35rem,2.2vw,2.3rem) 'Barlow Condensed',sans-serif;letter-spacing:.08em;line-height:1.08;margin:20px 0 24px}.release-meta>p:not(.release-subtitle){max-width:660px;color:#c7c4b8;font-size:1.1rem}.release-meta blockquote{color:var(--gold);font:800 clamp(1.45rem,2.5vw,2.35rem)/1.16 'Barlow Condensed',sans-serif;margin:30px 0}.release-rule{display:flex;justify-content:space-between;gap:20px;max-width:670px;border-top:1px solid #65512b;padding-top:15px;margin-top:45px;font:700 .85rem 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#c2ab76}
.release-art{grid-area:art;max-width:460px;justify-self:end;width:100%}.release-art img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #6c5a35;box-shadow:17px 17px 0 #0b0c0b}.release-player{grid-area:player;border:1px solid #66552f;background:#0b0b0a;padding:clamp(12px,2vw,26px)}.player-label{display:flex;justify-content:space-between;gap:15px;color:var(--gold);font:700 .88rem 'Barlow Condensed',sans-serif;letter-spacing:.18em;padding:0 2px 15px}.player-label span:last-child{color:#9a927e}.release-player video{display:block;width:100%;max-height:75vh;aspect-ratio:16/9;background:#090909;object-fit:contain;outline:0}.release-player video:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.release-section,.release-inner{grid-template-columns:1fr;grid-template-areas:'meta' 'art' 'player';row-gap:35px}.release-art{justify-self:start;max-width:380px}.release-meta h2{font-size:clamp(3.8rem,12vw,6rem)}}
@media(max-width:540px){.release-art{max-width:100%}.release-player{padding:8px}.release-player video{aspect-ratio:1}.player-label{padding:5px 5px 12px;font-size:.75rem}.release-rule{font-size:.75rem}}