:root{
  --paper:#f4efe5;--ink:#181714;--muted:#746f66;--line:#d4cbbd;--red:#df4b3f;--blue:#3569dd;--green:#398a62;--yellow:#f2c14e;--dark:#191c22;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);overscroll-behavior:none}button,a{font:inherit}button{border:0}body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.app{width:min(760px,100%);margin:0 auto;padding:14px 14px 40px}.topbar{height:42px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--ink);text-decoration:none}.day-pill{display:flex;align-items:baseline;gap:3px;border:1px solid var(--ink);padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#fff}.day-pill b{font-weight:700;color:var(--muted)}
.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-radius:16px;overflow:hidden;background:#fff;margin:5px 0 10px;box-shadow:3px 3px 0 rgba(24,23,20,.08)}.metric{position:relative;min-width:0;display:flex;gap:7px;align-items:center;padding:9px 8px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#eae4d9;font-weight:900;font-size:13px}.metric small{display:block;color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap}.metric strong{display:block;font-size:14px;line-height:1.05;letter-spacing:-.04em}.metric i{position:absolute;right:5px;top:3px;font-size:8px;font-style:normal;font-weight:900;opacity:0;transform:translateY(5px)}.metric i.pop{animation:delta .8s ease}.metric-money .metric-icon{background:#e7f4d6;color:#315d29}.metric-chaos .metric-icon{background:#f4dfec;color:#96376d}@keyframes delta{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}75%{opacity:1}100%{opacity:0;transform:translateY(-7px)}}
.office-shell{position:relative;border:1.5px solid var(--ink);border-radius:23px;background:#dfe9ef;overflow:hidden;box-shadow:5px 6px 0 rgba(24,23,20,.12);transition:background .5s ease,box-shadow .5s ease}.skyline{position:absolute;inset:0 0 auto;height:95px;display:flex;align-items:flex-end;gap:6px;padding:0 12px;opacity:.18}.skyline span{display:block;background:#4d5960;flex:1;height:38px}.skyline span:nth-child(2){height:57px}.skyline span:nth-child(3){height:45px}.skyline span:nth-child(4){height:70px}.skyline span:nth-child(5){height:50px}.office-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 9px}.office-head h1{font-size:19px;line-height:1;margin:4px 0 0;letter-spacing:-.045em}.stage-label{font-size:8px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:#54636a}.headcount{display:flex;align-items:baseline;gap:2px;background:var(--ink);color:#fff;border-radius:12px;padding:6px 9px}.headcount b{font-size:19px}.headcount span{font-size:8px}
.office{position:relative;height:225px;margin:0 9px 9px;border-radius:16px 16px 9px 9px;overflow:hidden;background:linear-gradient(#f8f0de 0 61%,#c99f72 61% 100%);border:1px solid rgba(24,23,20,.45);box-shadow:inset 0 -12px 30px rgba(84,53,26,.11);transition:.4s ease}.office:after{content:"";position:absolute;left:0;right:0;top:61%;height:2px;background:rgba(66,44,25,.22)}.office-back{position:absolute;inset:0;z-index:1}.window{position:absolute;left:14px;top:13px;width:104px;height:61px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;background:#544d42;border-radius:5px;box-shadow:0 4px 0 rgba(0,0,0,.09)}.window i{background:linear-gradient(#aee0f0,#f8e2b4);border-radius:1px}.whiteboard{position:absolute;right:12px;top:12px;width:115px;min-height:62px;background:#fffdf6;border:4px solid #b3aa9a;border-radius:4px;display:grid;place-items:center;text-align:center;font-size:9px;font-weight:900;line-height:1.35;transform:rotate(1.3deg);box-shadow:0 4px 0 rgba(0,0,0,.07)}.plant{position:absolute;right:130px;top:42px;font-size:35px;filter:drop-shadow(0 4px 1px rgba(0,0,0,.12))}.team{position:absolute;z-index:5;left:8px;right:8px;bottom:9px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;align-items:end}.employee,.founder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;transform-origin:50% 100%}.employee{height:53px;animation:hireIn .48s cubic-bezier(.2,.9,.35,1.15)}.person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 43% 43%;font-size:25px;line-height:1;background:#fff;border:1px solid rgba(24,23,20,.7);box-shadow:0 4px 0 rgba(24,23,20,.14);transition:.2s}.employee small,.founder small{display:block;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.86);border-radius:999px;margin-top:-1px;padding:2px 5px;font-size:7px;font-weight:900;border:1px solid rgba(24,23,20,.32)}.employee.spark .person-avatar{animation:spark 1s ease}.founder{position:absolute;left:50%;bottom:10px;z-index:4;transform:translateX(-50%);opacity:.7}.founder .person-avatar{background:#252a2e;color:#fff}.team:not(:empty)+.founder{opacity:.26}.employee:nth-child(3n+2){transform:translateY(-4px)}.employee:nth-child(4n){transform:translateY(2px)}@keyframes hireIn{0%{opacity:0;transform:translateY(45px) scale(.55)}70%{opacity:1;transform:translateY(-5px) scale(1.08)}100%{transform:translateY(0) scale(1)}}@keyframes spark{0%,100%{transform:scale(1)}40%{transform:scale(1.3) rotate(-5deg);box-shadow:0 0 0 8px rgba(242,193,78,.32)}}
.event-strip{position:relative;z-index:5;display:flex;gap:8px;align-items:flex-start;background:#1f2329;color:#f8f4eb;padding:9px 12px;min-height:42px}.event-strip p{margin:0;font-size:10px;font-weight:700;line-height:1.45}.event-dot{width:7px;height:7px;border-radius:50%;background:#f2c14e;box-shadow:0 0 0 4px rgba(242,193,78,.12);margin-top:4px;flex:0 0 auto}.event-strip.flash{animation:stripFlash .5s ease}@keyframes stripFlash{0%{background:#5b4815}100%{background:#1f2329}}
.choice-area{padding:18px 1px 0}.choice-title{display:flex;justify-content:space-between;align-items:end;padding:0 2px 10px}.choice-title small{font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.14em}.choice-title h2{font-size:25px;line-height:1;margin:3px 0 0;letter-spacing:-.06em}.discard-note{text-align:right;font-size:8px;line-height:1.35;color:#8e443c;font-weight:800}.candidates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.candidate{position:relative;overflow:hidden;min-width:0;background:#fff;border:1.5px solid var(--ink);border-radius:18px;padding:11px;box-shadow:3px 4px 0 rgba(24,23,20,.10);transition:transform .13s ease,box-shadow .13s ease,opacity .2s ease}.candidate:active{transform:translateY(2px);box-shadow:1px 2px 0 rgba(24,23,20,.12)}.candidate.lost{opacity:.17;filter:grayscale(1);transform:scale(.95)}.candidate.chosen{outline:4px solid rgba(53,105,221,.20);transform:translateY(-4px)}.candidate-top{display:flex;align-items:flex-start;gap:8px}.candidate-avatar{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;font-size:36px;border:1px solid var(--ink);border-radius:16px;background:var(--avatar,#f1e4c3);box-shadow:2px 3px 0 rgba(24,23,20,.12)}.candidate-meta{min-width:0;padding-top:2px}.candidate-role{font-size:8px;line-height:1.2;font-weight:900;color:var(--accent,#3569dd);letter-spacing:.08em}.candidate-name{font-size:14px;font-weight:950;line-height:1.08;margin-top:4px;letter-spacing:-.04em}.candidate-catch{min-height:38px;margin:10px 0 8px;font-size:10px;line-height:1.48;font-weight:700}.traits{display:flex;flex-wrap:wrap;gap:4px;min-height:39px;align-content:flex-start}.trait{border:1px solid var(--line);background:#f7f3eb;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:900;color:#625d55}.candidate-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.signal{text-align:center}.signal span{display:block;font-size:7px;color:#8d887f;font-weight:800}.signal b{display:block;font-size:10px;margin-top:1px}.hire-button{width:100%;margin-top:9px;padding:10px 5px;border-radius:11px;background:var(--ink);color:#fff;font-size:10px;font-weight:900;letter-spacing:.03em;box-shadow:0 3px 0 #8a8278;cursor:pointer}.hire-button:active{box-shadow:none;transform:translateY(2px)}.hire-button:disabled{cursor:default}.vs{position:absolute;left:50%;top:49%;z-index:12;transform:translate(-50%,-50%) rotate(-7deg);display:none;background:var(--red);color:white;font-size:9px;font-weight:950;border:2px solid var(--ink);padding:6px;border-radius:50%;box-shadow:2px 2px 0 var(--ink)}
.log-button{display:block;margin:14px auto 0;padding:8px 12px;background:transparent;border:1px solid #9c958a;border-radius:999px;color:#665f56;font-size:9px;font-weight:900}.log-button span{display:inline-grid;place-items:center;margin-left:4px;min-width:17px;height:17px;border-radius:50%;background:#dcd3c6;color:#423e38}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center;background:rgba(15,15,14,.58);backdrop-filter:blur(7px);padding:12px}.modal.show{display:flex}.intro{align-items:center}.intro-card,.ending-card{width:min(420px,100%);border:1.5px solid var(--ink);border-radius:27px;background:#fffdf7;padding:22px;box-shadow:8px 10px 0 rgba(0,0,0,.2);text-align:center}.intro-kicker,.ending-label{font-size:8px;letter-spacing:.18em;font-weight:950;color:var(--red)}.intro-visual{height:86px;display:flex;align-items:flex-end;justify-content:center;margin:9px 0 2px}.intro-visual span{display:grid;place-items:center;width:56px;height:56px;margin:0 -5px;border:1px solid var(--ink);border-radius:50%;background:#eee7dc;font-size:35px;box-shadow:3px 4px 0 rgba(0,0,0,.09)}.intro-visual span:nth-child(2){transform:translateY(-17px) rotate(-8deg);background:#fff0bd}.intro-visual span:nth-child(3){transform:translateY(3px);background:#dcecf9}.intro-visual span:nth-child(4){transform:translateY(-12px) rotate(8deg);background:#eadbf4}.intro-visual span:nth-child(5){background:#e4efd6}.intro-card h2{font-size:50px;line-height:.82;letter-spacing:-.08em;margin:14px 0 17px}.intro-card p{font-size:13px;line-height:1.6;margin:0}.intro-card .intro-sub{font-size:10px;color:var(--muted);margin:10px auto 18px;max-width:300px}.intro-card button,.ending-actions button{width:100%;border-radius:14px;background:var(--ink);color:#fff;font-weight:900;font-size:13px;padding:14px;box-shadow:0 4px 0 #837c71}.intro-card button:active,.ending-actions button:active{transform:translateY(3px);box-shadow:none}.intro-card>small{display:block;margin-top:11px;color:#8b857c;font-size:8px}.sheet{width:min(560px,100%);max-height:min(76vh,620px);background:#fffdf8;border:1.5px solid var(--ink);border-radius:25px 25px 18px 18px;padding:15px;box-shadow:6px 7px 0 rgba(0,0,0,.18);overflow:hidden}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 10px;border-bottom:1px solid var(--line)}.sheet-head h3{margin:0;font-size:18px}.close{width:34px;height:34px;border-radius:50%;background:#eee8dd;font-size:23px;line-height:1}.timeline{max-height:55vh;overflow:auto;padding:8px 0}.timeline-item{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:9px 3px;border-bottom:1px solid #eee7dd}.timeline-day{font-size:8px;font-weight:950;color:#8b857c}.timeline-item p{font-size:10px;line-height:1.45;font-weight:700;margin:0}.timeline-item strong{color:#2f5cca}.ending-card{max-height:calc(100vh - 24px);overflow:auto}.ending-icon{font-size:72px;line-height:1;margin:10px 0}.ending-card h2{font-size:34px;line-height:.95;letter-spacing:-.06em;margin:4px 0 9px}.ending-card>p{font-size:11px;line-height:1.65;color:#5f5a52;margin:0 auto 14px;max-width:330px}.ending-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.ending-stat{background:#f1ece3;border-radius:10px;padding:8px 3px}.ending-stat span{display:block;font-size:7px;color:#837e75;font-weight:800}.ending-stat b{font-size:13px}.ending-cast{margin:14px 0;padding-top:11px;border-top:1px dashed var(--line)}.ending-cast>small{display:block;font-size:8px;color:#837e75;font-weight:900;margin-bottom:8px}.ending-cast>div{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ending-cast span{font-size:24px}.ending-actions{display:grid;gap:7px}.ending-actions .ghost{background:#ece6dc;color:#39352f;box-shadow:none}.toast{position:fixed;z-index:150;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;background:#1d2024;color:#fff;padding:9px 12px;border-radius:999px;font-size:9px;font-weight:800;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.office-shell.stage-2{background:#cce1d2}.office-shell.stage-2 .office{background:linear-gradient(#f2eadb 0 61%,#b98c5e 61% 100%)}.office-shell.stage-3{background:#cbd9ee;box-shadow:7px 8px 0 rgba(24,23,20,.13)}.office-shell.stage-3 .office{background:linear-gradient(#eef1f2 0 61%,#a67b54 61% 100%)}.office-shell.stage-4{background:#d7d0ee}.office-shell.stage-4 .office{background:linear-gradient(#f6f2ef 0 61%,#806653 61% 100%)}.office-shell.stage-5{background:linear-gradient(145deg,#242932,#47405a);color:#fff}.office-shell.stage-5 .stage-label{color:#d7cee8}.office-shell.stage-5 .office{background:linear-gradient(#dfdfe1 0 61%,#755f52 61% 100%)}.office-shell.stage-5 .event-strip{background:#111319}.office-shell.stage-5 .headcount{background:#f3c756;color:#17140c}
@media(min-width:620px){.app{padding:18px 18px 55px}.office{height:275px}.team{grid-template-columns:repeat(10,1fr);gap:6px}.employee{height:61px}.person-avatar{width:44px;height:44px;font-size:29px}.candidates{gap:14px}.candidate{padding:15px}.candidate-avatar{width:65px;height:65px;flex-basis:65px;font-size:43px}.candidate-name{font-size:18px}.candidate-catch{font-size:12px;min-height:44px}.trait{font-size:8px}.hire-button{font-size:12px}}
@media(max-width:370px){.app{padding-left:9px;padding-right:9px}.metric{padding:8px 4px;gap:4px}.metric-icon{width:22px;height:22px;flex-basis:22px}.metric strong{font-size:12px}.office{height:205px}.candidate{padding:8px}.candidate-avatar{width:47px;height:47px;flex-basis:47px;font-size:31px}.candidate-name{font-size:12px}.candidate-catch{font-size:9px}.trait{font-size:6.5px;padding:3px 4px}.candidate-signals{gap:2px}.signal b{font-size:9px}.team{gap:2px}.person-avatar{width:34px;height:34px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}