@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&display=swap";:root{--ink:#17251e;--paper:#f3eddf;--red:#be432d;--gold:#d5a23b;--line:#bfb29d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px DM Mono,monospace}button,input,select{font:inherit}button{cursor:pointer;background:var(--red);color:#fff;border:0;padding:14px 18px;font-weight:500}button:disabled{opacity:.45;cursor:not-allowed}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffaf0;padding:14px}h1,h2{font-family:DM Serif Display,serif;font-weight:400}.kicker,.dossier-label{letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-size:.72rem;font-weight:700}.welcome,.creation,.story{max-width:920px;margin:auto;padding:55px 28px}.welcome{max-width:610px;padding-top:12vh}.seal{border:2px solid var(--ink);border-radius:50%;place-items:center;width:48px;height:48px;font:24px DM Serif Display,serif;display:grid}.welcome h1{margin:25px 0;font-size:clamp(3.7rem,10vw,6.5rem);line-height:.86}.intro{max-width:430px;line-height:1.7}.welcome form{gap:10px;max-width:420px;margin-top:30px;display:grid}.text-button{color:var(--red);background:0 0;padding:14px 0}.creation{max-width:760px}.creation h1{margin:10px 0;font-size:4rem}.steps{grid-template-columns:1fr 1fr;gap:15px;margin:35px 0;display:grid}.steps label,.balances label{letter-spacing:.04em;gap:8px;font-size:.76rem;display:grid}.creation h2{margin:35px 0 15px;font-size:2rem}.balances{grid-template-columns:1fr 1fr;gap:10px;display:grid}.balances label{background:#e6dcc9;padding:13px}.balances label span{justify-content:space-between;display:flex}.balances input{accent-color:var(--red);padding:0}.launch{margin-top:30px;font-size:1rem}.story{max-width:960px}.story nav{border-bottom:1px solid var(--ink);letter-spacing:.06em;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:.72rem;display:flex}.brand{font-weight:700}.identity{padding:40px 0 30px}.identity h1{margin:10px 0;font-size:clamp(3rem,7vw,5.3rem);line-height:.9}.identity p:last-child{opacity:.72}.dossier{border:1px solid var(--line);background:#fffaf0;min-height:330px;padding:38px 42px;box-shadow:9px 9px #dfd3be}.dossier h2,.ending h2{margin:12px 0 22px;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1}.brief{white-space:pre-line;max-width:760px;font-size:1rem;line-height:1.75}.prompt{margin-top:30px;font-weight:700}.decisions{gap:9px;display:grid}.decisions button{text-align:left;color:var(--ink);border:1px solid var(--ink);background:0 0;align-items:center;gap:16px;padding:14px;display:flex}.decisions button:hover{background:var(--ink);color:#fffaf0}.decisions em{color:var(--red);font-style:normal}.decisions button:hover em{color:var(--gold)}.continue{background:var(--ink);margin-top:25px}.file{border-top:1px solid var(--line);margin-top:42px;padding-top:14px}.file summary{cursor:pointer;color:#665b4e}.file-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.file-grid div{background:#e8decb;padding:10px}.file-grid span{font-size:.66rem;display:block}.file-grid b{font-size:1.1rem}.ending{color:#fff5e5;background:#241c19;padding:38px}@media (width<=650px){.welcome,.creation,.story{padding:32px 18px}.steps,.balances{grid-template-columns:1fr}.story nav{gap:10px}.identity{padding:28px 0}.dossier{padding:26px 22px}.file-grid{grid-template-columns:1fr 1fr}.story nav .text-button{text-align:right;font-size:.65rem}}@media (width>=651px){body{background:#d9cfbd;overflow:hidden}.story{grid-template-rows:62px minmax(0,1fr) 178px;grid-template-columns:250px minmax(0,1fr) 290px;gap:0;max-width:none;height:100vh;margin:0;padding:0;display:grid}.story nav{border-bottom:2px solid var(--ink);background:#eee5d4;grid-area:1/1/auto/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;display:grid}.story nav .text-button{justify-self:end;font-size:.68rem}.brand{letter-spacing:.12em;font-size:.73rem}.brand i{color:var(--red);font-style:normal}.turn-state{letter-spacing:.08em;font-size:.75rem;font-weight:700}.identity{color:#fbf1df;border-right:2px solid var(--ink);background:#26352d;grid-area:2/1;padding:26px 22px;position:relative;overflow:hidden}.identity:after{content:"MUNICIPAL";color:#415047;font:3.2rem DM Serif Display,serif;position:absolute;bottom:24px;right:-70px;transform:rotate(-90deg)}.identity .kicker{color:#d5a23b;margin:0}.portrait{color:#d5a23b;border:1px solid #d5a23b;border-radius:50%;place-items:center;width:58px;height:58px;margin:22px 0 17px;font:2.1rem DM Serif Display,serif;display:grid}.identity h1{z-index:1;margin:0 0 16px;font-size:clamp(2.15rem,3.2vw,3.6rem);line-height:.88;position:relative}.party-name{color:#d5a23b;margin:0 0 28px;font-size:.73rem;line-height:1.35}.place,.attempt{z-index:1;border-top:1px solid #56645b;gap:3px;padding:12px 0;display:grid;position:relative}.place span,.attempt span{text-transform:uppercase;letter-spacing:.1em;color:#b8c1b9;font-size:.6rem}.place b{font:1.35rem DM Serif Display,serif}.place small{color:#d5a23b}.attempt b{font:1.8rem DM Serif Display,serif}.attempt i{color:#b8c1b9;font:1rem DM Mono,monospace}.dossier{box-shadow:none;background:#fffaf0;border:0;flex-direction:column;grid-area:2/2;justify-content:center;height:100%;min-height:0;padding:clamp(32px,5vw,80px);display:flex;position:relative;overflow:hidden}.dossier:before{content:"SALA DE SITUACIÓN";white-space:nowrap;color:#f0e7d6;z-index:0;font:clamp(3.5rem,8vw,9rem) DM Serif Display,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.dossier>*{z-index:1;position:relative}.dossier h2{max-width:760px;margin:12px 0 22px;font-size:clamp(2.4rem,4.4vw,4.5rem);line-height:.92}.brief{max-width:780px;margin:0;font-size:clamp(.84rem,1.05vw,1rem);line-height:1.75}.prompt{color:#665b4e;margin:30px 0 0;font-size:.78rem}.file{border-left:2px solid var(--ink);background:#e8decb;grid-area:2/3;margin:0;padding:24px 18px;overflow:hidden}.file-title{color:var(--red);letter-spacing:.11em;margin:0;font-size:.72rem;font-weight:700}.file-subtitle{color:#665b4e;margin:4px 0 15px;font-size:.64rem}.file-grid{grid-template-columns:1fr;gap:5px;margin:0;display:grid}.file-grid div{background:#f3eddf;border-left:3px solid #c5b597;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:6px 8px;display:flex}.file-grid span{font-size:.57rem;line-height:1.15}.file-grid b{white-space:nowrap;font-size:.83rem}.decision-dock{border-top:2px solid var(--ink);background:#eee5d4;grid-area:3/1/auto/-1;padding:14px 28px 18px}.decision-dock>p{letter-spacing:.1em;color:#665b4e;margin:0 0 9px;font-size:.64rem;font-weight:700}.decisions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.decisions button{background:#f7efdf;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:86px;padding:12px 15px}.decisions button span{font-size:.72rem;line-height:1.35}.decisions em{font-size:.72rem}.continue{align-self:start;margin-top:25px}.ending{grid-area:2/2;width:min(700px,80%);margin:auto}.creation{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);align-content:center;gap:8px 56px;max-width:1180px;height:100vh;padding:28px 48px;display:grid}.creation>.kicker{grid-area:1/1;margin:0}.creation>h1{grid-area:2/1;margin:2px 0;font-size:clamp(2.8rem,4vw,4.4rem);line-height:.9}.creation>p:not(.kicker){grid-area:3/1;margin:4px 0;line-height:1.55}.creation>.steps{grid-area:1/2/span 3;gap:10px;margin:0}.creation>.steps label{gap:5px}.creation>.steps input,.creation>.steps select{padding:10px}.creation>h2{grid-area:4/1/auto/-1;margin:12px 0 0;font-size:1.8rem}.creation>.balances{grid-area:5/1/auto/-1;grid-template-columns:repeat(3,1fr);gap:7px}.creation>.balances label{gap:4px;padding:8px}.creation>.balances input{height:17px}.creation>.launch{grid-area:6/1/auto/-1;justify-self:center;margin:6px 0 0;padding:11px 34px}.story{grid-template-rows:62px minmax(0,1fr) clamp(108px,14vh,132px)}.story:not(:has(.decision-dock)){grid-template-rows:62px minmax(0,1fr) 0}.story:has(.decision-dock){grid-template-rows:62px minmax(0,1fr) clamp(145px,18vh,170px)}.decision-dock{padding:7px 28px 9px}.decision-dock>p{margin:0 0 5px;font-size:.61rem}.decision-dock .decisions button{min-height:94px;padding:12px 15px}.decision-dock .decisions button span{white-space:pre-line;color:#665b4e;font-size:.63rem;line-height:1.35}.decision-dock .decisions button span:first-line{color:#17251e;font-size:1rem;font-weight:700;line-height:1.25}.decision-dock .decisions em{font-size:.67rem}.decision-dock .decisions button strong{color:#17251e;font-size:1rem;line-height:1.25;display:block}.decision-dock .decisions button small{color:#665b4e;font-size:.63rem;line-height:1.35;display:block}.file{padding:20px 14px}.file-section{margin-top:14px}.file-section h3{color:#26352d;margin:0;font:1.08rem DM Serif Display,serif}.file-section>p{color:#756b5c;margin:2px 0 7px;font-size:.53rem}.pulse-section{border-top:2px solid #b9aa8e;padding-top:12px}.pulse-section h3{color:#be432d}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.file-grid div{min-height:0;padding:5px 6px;display:block}.file-grid span{font-size:.51rem}.file-grid b{margin-top:2px;font-size:.74rem;display:block}.pulse-section .file-grid div{background:#f7edda;border-left-color:#be432d}.decisions button:hover{color:#fffaf0;background:#be432d;border-color:#be432d}.decisions button:hover em{color:#d5a23b}.decision-dock .decisions button:hover span,.decision-dock .decisions button:hover span:first-line,.decision-dock .decisions button:hover strong,.decision-dock .decisions button:hover small{color:#fffaf0}}