:root{color:#211a16;background:#b8a681;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;--paper: #f4eddc;--paper-deep: #dfd2b9;--ink: #211a16;--soil: #704a35;--teal: #179b88;--acid: #dfff32;--coral: #f05b49;--muted: #948675;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 17% 13%,rgb(244 237 220 / .42) 0 2px,transparent 3px),radial-gradient(circle at 78% 82%,rgb(33 26 22 / .12) 0 3px,transparent 4px),repeating-linear-gradient(96deg,transparent 0 72px,rgb(33 26 22 / .035) 73px 74px),#b8a681;background-size:88px 88px,121px 121px,auto,auto;overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:4px solid var(--acid);outline-offset:3px}[hidden]{display:none!important}#app{display:grid;place-items:center;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}#game-shell{position:relative;width:min(100%,calc((100vh - 24px) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;border:4px solid var(--ink);border-radius:15px;background:var(--paper);box-shadow:0 3px #fff8e7 inset,15px 17px #211a1638,0 26px 60px #211a1647;touch-action:none}#game-shell:after{content:"";position:absolute;inset:0;border:2px solid rgb(255 255 255 / .22);border-radius:11px;pointer-events:none;z-index:90}#game-canvas,#game-canvas canvas{position:absolute;inset:0;width:100%!important;height:100%!important}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:30}#ui-root button{pointer-events:auto}#brand-strip{position:absolute;top:8px;left:17px;right:17px;display:flex;justify-content:space-between;gap:12px;color:var(--ink);font:900 clamp(8px,.82vw,12px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-shadow:0 1px var(--paper)}#hud{position:absolute;top:29px;left:16px;right:16px;display:grid;grid-template-columns:1.15fr .58fr 1fr 1.05fr;overflow:hidden;border:3px solid var(--ink);border-radius:8px;background:#f4eddcf0;box-shadow:0 5px #211a163d;font:900 clamp(9px,.96vw,14px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.025em;isolation:isolate}.hud-cell{position:relative;min-width:0;overflow:hidden;padding:10px 11px;white-space:nowrap}.hud-cell+.hud-cell{border-left:2px solid var(--ink)}.hud-cell:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress, 0%);background:linear-gradient(90deg,var(--teal),#67c9b9);opacity:.72;z-index:-1}.hud-cell:after{content:attr(data-strikes);float:right;margin-left:8px;color:var(--ink);background:var(--coral);padding-inline:4px;rotate:-2deg}.hud-icon{margin-right:7px;color:#f1b22e;text-shadow:1px 1px var(--ink)}.hud-cell--center{text-align:center;background:var(--ink);color:var(--paper);font-size:1.12em}.hud-cell--directives{background:color-mix(in srgb,var(--acid) 42%,var(--paper));text-align:center}.hud-cell--right{text-align:right}.utility-controls{position:absolute;right:14px;bottom:12px;display:flex;gap:5px;pointer-events:auto;z-index:50}.icon-button,.paper-button{border:2px solid var(--ink);border-radius:5px;background:#f4eddcf0;color:var(--ink);min-width:44px;min-height:44px;padding:7px 10px;font:900 clamp(8px,.72vw,11px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;box-shadow:3px 3px #211a1652}.icon-button:hover,.paper-button:hover{background:var(--acid)}.field-warning,.onboarding-hint,.toast{position:absolute;left:50%;translate:-50% 0;border:3px solid var(--ink);border-radius:5px;padding:8px 12px;color:var(--ink);font:950 clamp(9px,.92vw,14px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;box-shadow:5px 5px 0 var(--ink)}.field-warning{top:91px;background:var(--coral);rotate:-1deg}.field-warning--rush{top:127px;background:var(--acid);rotate:1deg}.onboarding-hint{bottom:57px;background:var(--acid);animation:hint-bob 1.1s steps(2,end) infinite}.toast{bottom:109px;background:var(--paper)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:5%;background:#211a1670;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.overlay--start{padding:4%;background:linear-gradient(112deg,#211a1626,#211a1685),#f4eddc52}.manual-card{position:relative;width:min(690px,94%);max-height:94%;overflow:auto;border:clamp(3px,.35vw,6px) solid var(--ink);border-radius:8px;background:radial-gradient(circle at 13% 16%,rgb(33 26 22 / .07) 0 1px,transparent 1.5px),repeating-linear-gradient(0deg,rgb(33 26 22 / .025) 0 1px,transparent 1px 5px),var(--paper);background-size:15px 15px,auto,auto;padding:clamp(18px,3vw,40px);box-shadow:13px 13px 0 var(--ink)}.manual-card:before{content:"APPROVED FOR LIMITED PRODUCTIVITY";position:absolute;top:14px;right:14px;border:2px solid var(--coral);color:var(--coral);padding:5px 7px;font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;rotate:2deg}.manual-card--small{width:min(560px,90%);text-align:center}.manual-card--hero{width:min(930px,96%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);grid-template-areas:"copy art" "rules rules" "footer footer";gap:12px 24px;padding:clamp(20px,2.6vw,36px)}.hero-copy{grid-area:copy;align-self:center}.hero-illustration{grid-area:art;width:min(100%,260px);aspect-ratio:1;place-self:center;background-image:url(../assets/antnual-sprite-atlas.png);background-repeat:no-repeat;background-size:400% 400%;background-position:0 66.66%;filter:drop-shadow(8px 9px 0 rgb(33 26 22 / .18))}.hero-illustration:after{content:"MIDDLE MANAGEMENT\aSTARTS HERE";white-space:pre;position:absolute;right:4%;bottom:42%;background:var(--teal);border:2px solid var(--ink);padding:6px;color:var(--paper);font:900 clamp(8px,.7vw,10px) / 1.1 ui-monospace,SFMono-Regular,Menlo,monospace;rotate:-3deg}.eyebrow{margin:0 0 12px;font:900 clamp(8px,.88vw,13px) / 1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:13px;font-size:clamp(45px,7.1vw,94px);line-height:.76;letter-spacing:-.075em;text-shadow:3px 3px 0 var(--paper-deep)}h2{margin-bottom:18px;font-size:clamp(30px,4.5vw,68px);line-height:.92}.tagline{margin-bottom:12px;color:var(--teal);font-weight:950;font-size:clamp(15px,1.75vw,23px);line-height:1.04}.menu-version{display:inline-block;margin:-5px 0 12px;border:2px solid var(--ink);background:var(--acid);padding:4px 7px;font:950 clamp(8px,.72vw,11px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;rotate:-1deg}.pitch-line{width:fit-content;margin-bottom:12px;border-bottom:3px solid var(--ink);font:900 clamp(9px,.86vw,13px) / 1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.record-line{margin-bottom:0;font:900 clamp(9px,.83vw,12px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace}.record-line strong{display:inline-block;background:var(--acid);padding:4px 6px;font-size:1.25em}.rule-strip{grid-area:rules;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:3px solid var(--ink);background:var(--paper-deep);font:850 clamp(8px,.76vw,11px) / 1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.rule-strip span{padding:9px 10px}.rule-strip span:nth-child(2n){border-left:2px solid var(--ink)}.rule-strip span:nth-child(n+3){border-top:2px solid var(--ink)}.rule-strip b{display:inline-block;margin-right:6px;color:var(--paper);background:var(--ink);padding:3px 4px}.hero-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:16px;font:900 clamp(8px,.77vw,11px) / 1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.stamp-button{border:4px solid var(--ink);border-radius:5px;background:var(--acid);color:var(--ink);min-height:52px;padding:11px 22px;font-weight:950;font-size:clamp(15px,1.45vw,21px);letter-spacing:.055em;cursor:pointer;box-shadow:6px 6px 0 var(--ink)}.stamp-button:hover{box-shadow:4px 4px 0 var(--ink)}.stamp-copy{display:inline-block;background:var(--acid);padding:7px 10px;font-weight:900}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button-row--center{justify-content:center}.settings-card{width:min(760px,94%)}.settings-card h2{margin-bottom:15px}.settings-grid{border:3px solid var(--ink);background:#dfd2b994}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px}.settings-row+.settings-row{border-top:2px solid var(--ink)}.settings-row>div{display:grid;gap:4px}.settings-row strong{font:950 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.settings-row span{color:#5f5147;font-size:13px;line-height:1.25}.settings-row button{min-width:190px}.settings-controls{margin:14px 0 18px;border-left:7px solid var(--teal);background:var(--paper-deep);padding:9px 11px;font:900 clamp(8px,.78vw,11px) / 1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink);margin:22px 0}.report-grid>div{display:grid;gap:4px;padding:13px;text-align:center}.report-grid>div+div{border-left:3px solid var(--ink)}.report-grid strong{font-size:clamp(30px,4vw,54px)}.report-grid span,.seed-line{font:900 clamp(8px,.82vw,12px) / 1 ui-monospace,SFMono-Regular,Menlo,monospace}.seed-line{display:flex;justify-content:space-between;gap:14px}.report-actions{display:flex;flex-wrap:wrap;gap:9px}@keyframes hint-bob{0%{translate:-50% 0}to{translate:-50% -4px}}@media(orientation:portrait),(max-width:720px){#app{padding:0}#game-shell{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}#hud{grid-template-columns:1fr .65fr;right:auto;width:min(410px,calc(100% - 32px))}.hud-cell:nth-child(3){border-left:0;border-top:2px solid var(--ink)}.hud-cell:nth-child(4){border-top:2px solid var(--ink)}.hud-cell--right{text-align:left}.manual-card--hero{grid-template-columns:1fr;grid-template-areas:"copy" "rules" "footer"}.hero-illustration{display:none}.hero-footer{align-items:stretch;flex-direction:column}.rule-strip{grid-template-columns:1fr}.rule-strip span:nth-child(2n){border-left:0}.rule-strip span+span{border-top:2px solid var(--ink)}.utility-controls{flex-direction:column;align-items:stretch}.manual-card{box-shadow:8px 8px 0 var(--ink)}.settings-row{grid-template-columns:1fr;gap:9px}.settings-row button{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.stamp-button:hover{translate:none;box-shadow:6px 6px 0 var(--ink)}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}