@layer reset{*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#28251d;overscroll-behavior:none;background:#1d2c20}button,input,select{font:inherit}button{color:inherit}[hidden]{display:none!important}}@layer theme{:root{--paper:#eee2c3;--paper-light:#f8f0d8;--paper-dark:#cdbb8d;--ink:#28251d;--ink-soft:#5f5949;--moss:#405b38;--moss-dark:#263d2a;--brass:#d4a63f;--brass-light:#f4d477;--blight:#7e3856;--danger:#a74836;--line:#28251d6b;--shadow:#0d140e5c;--sans:"Trebuchet MS", "Gill Sans", Calibri, sans-serif;--serif:Georgia, "Times New Roman", serif;--breed-progress:0}}@layer layout{.game-shell,.canvas-host,.ui-layer,.paper-grain{position:fixed;inset:0}.game-shell{isolation:isolate;font-family:var(--sans);background:#8da66b}.canvas-host{z-index:0}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.ui-layer{z-index:2;pointer-events:none}.paper-grain{z-index:1;opacity:.16;pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle at 17% 29%,#24201557 0 .55px,#0000 .8px),radial-gradient(circle at 73% 61%,#fff7dcb3 0 .55px,#0000 .85px);background-size:7px 7px,11px 11px}.screen{pointer-events:auto;display:none;position:absolute;inset:0}[data-state=loading] .loading-screen,[data-state=title] .title-screen,[data-state=paused] .pause-screen,[data-state=results] .results-screen,[data-state=settings] .settings-screen,[data-state=howto] .howto-screen,[data-state=fallback] .fallback-screen{display:grid}.screen:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0f1810b3,#0f181033 54%,#0000 78%);position:absolute;inset:0}.field-journal{color:var(--ink);background:linear-gradient(#ffffff1f, #54472a0d), repeating-linear-gradient(0deg, transparent 0 27px, #424c300e 27px 28px), var(--paper);border:1px solid #2a251b94;position:relative;box-shadow:0 20px 70px #090f0a75,inset 0 0 0 4px #f8f0d8ad,inset 0 0 38px #5b47241f}.field-journal:before{content:"";pointer-events:none;clip-path:polygon(0 2%,2% 0,49% 1%,77% 0,100% 2%,99% 50%,100% 97%,97% 100%,52% 99%,1% 100%,0 96%);border:1px solid #2f2b204d;position:absolute;inset:8px}}@layer components{.hud{opacity:0;visibility:hidden;pointer-events:none;color:var(--ink);transition:opacity .25s;position:absolute;inset:0}[data-state=playing] .hud{opacity:1;visibility:visible}.hud-card{top:max(18px, env(safe-area-inset-top));min-width:172px;box-shadow:0 5px 18px var(--shadow), inset 0 0 0 2px #ffffff4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#eee2c3e3;border:1px solid #28251d8f;align-items:center;gap:10px;padding:9px 12px 8px;display:flex;position:absolute;transform:rotate(-.35deg)}.herd-card{left:max(18px, env(safe-area-inset-left))}.blight-card{right:max(62px, calc(env(safe-area-inset-right) + 52px));min-width:270px;transform:rotate(.28deg)}.hud-sigil{border:1px solid var(--ink);width:35px;height:35px;font:italic 700 20px/1 var(--serif);color:var(--moss);border-radius:50% 46% 51% 45%;place-items:center;display:grid}.hud-copy{line-height:1.05;display:grid}.hud-copy strong{font:700 17px/1.1 var(--serif)}.hud-label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-size:9px;font-weight:800}.hud-label b{color:var(--blight);font:900 10px/1 var(--sans);letter-spacing:.08em;margin-left:5px}.hud-note{border-left:1px solid var(--line);color:var(--moss);font:700 10px/1 var(--sans);letter-spacing:.06em;margin-left:auto;padding-left:8px}.field-score{border-left:1px solid var(--line);color:var(--ink-soft);font:800 10px/1 var(--sans);letter-spacing:.08em;padding-left:9px}.hud:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 44%,#752d4a14 69%,#752d4a57 112%);transition:opacity .22s;position:absolute;inset:0}.is-threatened .hud:before{opacity:1;animation:1.1s ease-in-out infinite alternate threat-breathe}.bond-card{left:max(18px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));width:min(270px,38vw);color:var(--paper-light);text-shadow:0 1px 2px #172019;box-shadow:0 6px 22px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b2b1dc2;border:1px solid #eee2c380;padding:10px 12px 9px;position:absolute}.bond-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bond-heading .hud-label{color:#f8f0d8b3}.bond-heading strong{font:italic 700 14px/1 var(--serif);color:var(--brass-light)}.bond-track{background:#ffffff24;height:4px;margin:7px 0 6px;overflow:hidden}.bond-track span{background:linear-gradient(90deg, var(--brass), var(--brass-light));width:0;height:100%;transition:width .4s;display:block}.bond-card p{letter-spacing:.02em;opacity:.82;margin:0;font-size:10px}.health-card{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));opacity:.48;align-items:center;gap:7px;transition:opacity .2s;display:flex;position:absolute}.is-hurt .health-card{opacity:1}.health-card>span{color:var(--paper-light);font:700 18px/1 var(--serif);text-shadow:0 2px 3px #1a241c}.health-track{background:#1619158c;border:1px solid #f8f0d885;width:80px;height:5px}.health-track span{background:var(--paper-light);height:100%;transition:width .2s;display:block}.is-hurt .health-track span{background:#dd7457}.hud-pause{top:max(18px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));pointer-events:auto;width:36px;height:36px;color:var(--paper-light);font:700 11px/1 var(--sans);cursor:pointer;background:#1d2d1fb3;border:1px solid #f8f0d894;border-radius:50%;position:absolute}.crosshair,.bell-reticle{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair{opacity:.74;filter:drop-shadow(0 1px 2px #000000a6);width:30px;height:30px}.crosshair i{background:var(--paper-light);display:block;position:absolute}.crosshair i:first-child,.crosshair i:nth-child(2){width:6px;height:1px;top:14px}.crosshair i:first-child{left:2px}.crosshair i:nth-child(2){right:2px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:1px;height:6px;left:14px}.crosshair i:nth-child(3){top:2px}.crosshair i:nth-child(4){bottom:2px}.crosshair b{background:var(--brass-light);border-radius:50%;width:3px;height:3px;position:absolute;top:13px;left:13px}.bell-reticle{opacity:0;width:62px;height:62px}.bell-reticle svg{width:100%;height:100%;transform:rotate(-90deg)}.bell-reticle circle{fill:none;stroke:var(--brass-light);stroke-width:2px;stroke-dasharray:10 7;filter:drop-shadow(0 0 4px #f4d4778c)}[data-bell=ringing] .bell-reticle{opacity:.82;animation:3s linear infinite bell-circle}[data-bell=ringing] .crosshair b{box-shadow:0 0 12px 4px var(--brass-light)}.hud-prompt{left:50%;bottom:max(28px, env(safe-area-inset-bottom));max-width:min(480px,66vw);color:var(--paper-light);letter-spacing:.08em;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#172118a8;border-top:1px solid #f4d47799;margin:0;padding:7px 13px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}.title-screen{place-items:center start;padding:clamp(18px,5vw,72px)}.title-journal{width:min(440px,100vw - 36px);padding:22px 34px 20px;transform:rotate(-.3deg)}.journal-heading,.journal-footer{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.journal-heading{border-bottom:1px solid var(--line);padding-bottom:9px}.journal-footer{border-top:1px solid var(--line);padding-top:10px}.journal-footer strong{color:var(--moss);font:700 15px/1 var(--serif);letter-spacing:.05em}.brand-mark{opacity:.24;width:88px;height:88px;position:absolute;top:46px;right:30px;transform:rotate(5deg)}.brand-mark svg{fill:none;width:100%;height:100%;stroke:var(--moss-dark);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:var(--moss-dark);stroke:none}.title-kicker,.eyebrow{color:var(--moss);font:italic 700 13px/1.2 var(--serif);margin:24px 0 5px}.title-wordmark{font:700 clamp(42px, 4vw, 52px)/.88 var(--serif);letter-spacing:-.075em;text-transform:uppercase;margin:0}.title-tagline{color:var(--brass-dark,#86621f);font:700 14px/1 var(--sans);letter-spacing:.25em;text-transform:uppercase;margin:13px 0 0}.title-intro{max-width:310px;font:italic 15px/1.45 var(--serif);color:var(--ink-soft);margin:22px 0}.title-nav,.drawer-nav{gap:8px;margin:0 0 18px;display:grid}.ink-button,.text-button,.close-button{pointer-events:auto;cursor:pointer;transition:transform .14s,color .14s,background .14s}.ink-button{min-height:45px;color:var(--ink);border:1px solid var(--ink);text-align:left;font:700 13px/1.1 var(--sans);letter-spacing:.025em;background:#ffffff29;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;display:flex;box-shadow:2px 2px #28251d38}.ink-button small{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:600}.ink-button.primary{color:var(--paper-light);background:var(--moss-dark);box-shadow:3px 3px #d4a63f8c}.ink-button.primary small{color:#f8f0d8b3}.ink-button:hover,.ink-button:focus-visible{background:var(--brass-light);color:var(--ink);transform:translate(-1px,-1px)}.ink-button.primary:hover,.ink-button.primary:focus-visible{background:var(--moss);color:#fff}.button-pair,.results-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.text-button{color:var(--moss-dark);font:700 11px/1 var(--sans);background:0 0;border:0;border-bottom:1px solid;padding:6px 2px}.text-button:hover,.text-button:focus-visible{color:var(--blight);transform:translateY(-1px)}@keyframes bell-circle{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes threat-breathe{0%{opacity:.42}to{opacity:1}}.pause-screen,.results-screen,.settings-screen,.howto-screen,.fallback-screen{-webkit-backdrop-filter:blur(5px)saturate(.78);backdrop-filter:blur(5px)saturate(.78);background:#10191161;place-items:center;padding:20px}.pause-screen:before,.results-screen:before,.settings-screen:before,.howto-screen:before,.fallback-screen:before{background:0 0}.pause-journal,.fallback-journal{width:min(390px,100vw - 32px);padding:30px 34px 24px;transform:rotate(.2deg)}.pause-journal h2,.results-journal h2,.settings-journal h2,.howto-journal h2,.fallback-journal h2{font:700 clamp(34px, 5vw, 52px)/.95 var(--serif);letter-spacing:-.04em;margin:4px 0 8px}.pause-journal .eyebrow,.settings-journal .eyebrow,.howto-journal .eyebrow,.results-journal .eyebrow,.fallback-journal .eyebrow{margin-top:0}.modal-intro{color:var(--ink-soft);font:italic 14px/1.4 var(--serif);margin:0 0 20px}.drawer-nav{margin-top:22px}.results-journal{width:min(560px,100vw - 32px);padding:30px 38px 28px;transform:rotate(-.18deg)}.result-score{border-block:1px solid var(--line);justify-items:center;margin:20px 0 18px;padding:14px;display:grid}.result-score>span{color:var(--ink-soft);letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:800}.result-score strong{color:var(--moss-dark);font:700 46px/1 var(--serif);letter-spacing:.06em}.result-score em{color:var(--blight);font:italic 700 12px/1.2 var(--serif)}.results-grid{grid-template-columns:repeat(3,1fr);margin:0 0 22px;display:grid}.results-grid div{border-bottom:1px solid #28251d33;padding:10px}.results-grid dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.results-grid dd{color:var(--moss);font:700 19px/1 var(--serif);margin:3px 0 0}.results-actions .ink-button{min-width:190px}.settings-journal,.howto-journal{width:min(760px,100vw - 32px);max-height:min(760px,100vh - 32px);padding:30px 38px;overflow:auto}.close-button{z-index:2;width:30px;height:30px;color:var(--ink);border:1px solid var(--ink);background:0 0;border-radius:50% 46% 52% 45%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:18px;right:20px}.close-button:hover,.close-button:focus-visible{color:var(--paper-light);background:var(--moss-dark);transform:rotate(5deg)}.settings-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;display:grid}.settings-grid section{min-width:0}.settings-grid h3{border-bottom:2px solid var(--moss);color:var(--moss);font:italic 700 16px/1 var(--serif);margin:0 0 5px;padding-bottom:7px}.setting-row{min-height:45px;color:var(--ink);border-bottom:1px solid #28251d2e;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.setting-row>span:last-child{align-items:center;gap:8px;display:flex}.setting-row output{min-width:34px;color:var(--ink-soft);text-align:right;font-size:10px}input[type=range]{width:110px;accent-color:var(--moss)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--moss)}select{min-width:105px;color:var(--ink);border:1px solid var(--line);background:#ffffff38;padding:5px 24px 5px 7px}.note-grid{grid-template-columns:1fr 1fr;gap:9px 22px;margin:22px 0;display:grid}.field-note{border-top:1px solid var(--line);grid-template-columns:34px 1fr;align-items:start;gap:10px;min-height:82px;padding:10px 0;display:grid}.field-note b{width:31px;height:31px;color:var(--paper-light);background:var(--moss);font:italic 700 15px/1 var(--serif);border-radius:50% 45% 52% 44%;place-items:center;display:grid;transform:rotate(-4deg)}.field-note:nth-child(2n) b{background:var(--brass-dark,#86621f);transform:rotate(4deg)}.field-note p{color:var(--ink-soft);font:14px/1.38 var(--serif);margin:0}.field-note strong{color:var(--ink)}.control-strip{border-top:2px solid var(--moss);color:var(--ink-soft);flex-wrap:wrap;gap:7px 16px;padding:11px 0 0;font-size:10px;font-weight:700;display:flex}kbd{color:var(--paper-light);background:var(--moss-dark);border:1px solid var(--ink);box-shadow:1px 1px 0 var(--brass);font:700 9px/1 var(--sans);padding:2px 5px}.loading-screen{color:var(--paper-light);background:var(--moss-dark);place-items:center}.loading-screen:before{background:radial-gradient(circle,#d4a63f21,#0000 48%)}.loading-lockup{text-align:center;width:min(320px,80vw)}.loading-lockup h2{font:700 42px/1 var(--serif);letter-spacing:-.06em;text-transform:uppercase;margin:14px 0 4px}.loading-lockup p{letter-spacing:.13em;text-transform:uppercase;font-size:10px}.loading-bell{border:3px solid var(--brass-light);clip-path:polygon(25% 0,75% 0,100% 87%,62% 87%,58% 100%,42% 100%,38% 87%,0 87%);border-radius:50% 50% 28% 28%;width:42px;height:48px;margin:auto;animation:1.2s ease-in-out infinite alternate loading-ring}.loading-track{background:#ffffff26;height:3px;margin-top:16px}.loading-track span{background:var(--brass-light);width:0;height:100%;transition:width .45s;display:block}@keyframes loading-ring{to{transform:rotate(8deg)}}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}[data-state=playing][data-touch=true] .touch-controls{display:block}.joystick-zone{left:max(20px, env(safe-area-inset-left));bottom:max(25px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;place-items:center;width:150px;height:150px;display:grid;position:absolute}.joystick-base{background:#1b2b1d66;border:1px dashed #f8f0d89e;border-radius:50% 47% 52% 46%;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 20px #00000024}.joystick-knob{border:1px solid var(--ink);background:#eee2c3d6;border-radius:48% 52% 46% 50%;width:42px;height:42px;box-shadow:0 3px 10px #00000052}.touch-actions{right:max(22px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto;align-items:end;gap:14px;display:flex;position:absolute}.touch-button{color:var(--paper-light);text-transform:uppercase;touch-action:none;background:#253b28cc;border:1px solid #f8f0d8b3;border-radius:50% 45% 52% 47%;box-shadow:0 4px 15px #00000045}.sprint-button{width:62px;height:62px;font-size:10px;font-weight:800}.bell-button{width:88px;height:88px;color:var(--ink);border-color:var(--ink);font:700 17px/1 var(--serif);background:#f4d477e6;place-content:center;display:grid}.bell-button small{font:800 8px/1.5 var(--sans);letter-spacing:.12em}.touch-button:active{transform:scale(.93)}.touch-pause{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));pointer-events:auto;width:38px;height:38px;color:var(--paper-light);background:#1b2b1da6;border:1px solid #f8f0d899;border-radius:50%;position:absolute}.touch-look-hint{right:max(20px, env(safe-area-inset-right));color:#f8f0d88c;letter-spacing:.1em;text-transform:uppercase;transform-origin:100%;margin:0;font-size:9px;position:absolute;top:50%;transform:rotate(-90deg)translate(50%)}.high-contrast .hud-card,.high-contrast .field-journal{background-color:#fff3c9}.high-contrast .hud-prompt,.high-contrast .bond-card{background:#101b12}:focus-visible{outline:3px solid var(--brass-light);outline-offset:3px}}@layer responsive{@media (max-width:720px){.title-screen{place-items:center;padding:10px}.title-screen:before{background:#0f181047}.title-journal{width:min(440px,100vw - 20px);max-height:calc(100vh - 20px);padding:18px 24px;overflow:auto}.title-wordmark{font-size:clamp(38px,11vw,48px)}.brand-mark{width:70px;right:20px}.hud-card{top:max(10px, env(safe-area-inset-top));min-width:130px;padding:7px 8px}.herd-card{left:max(10px, env(safe-area-inset-left))}.blight-card{right:max(52px, calc(env(safe-area-inset-right) + 43px));min-width:158px}.hud-sigil{width:27px;height:27px;font-size:15px}.hud-copy strong{font-size:14px}.hud-note,.field-score{display:none}.hud-pause{top:max(10px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:32px;height:32px}.bond-card{left:50%;bottom:max(14px, env(safe-area-inset-bottom));width:210px;transform:translate(-50%)}[data-touch=true] .bond-card,[data-touch=true] .hud-pause{display:none}[data-touch=true] .health-card{right:max(20px, env(safe-area-inset-right));bottom:max(116px, calc(env(safe-area-inset-bottom) + 108px));opacity:.76}.hud-prompt{bottom:max(15px, env(safe-area-inset-bottom));max-width:80vw;font-size:9px}[data-touch=true] .hud-prompt{bottom:max(128px, calc(env(safe-area-inset-bottom) + 120px))}.settings-journal,.howto-journal,.results-journal{padding:26px 22px}.settings-grid,.note-grid{grid-template-columns:1fr;gap:5px}.results-grid{grid-template-columns:1fr 1fr}.results-actions{flex-direction:column;align-items:stretch}.results-actions .ink-button{min-width:0}}@media (max-height:600px) and (orientation:landscape){.title-journal{max-height:calc(100vh - 16px);padding-block:14px;overflow:auto}.brand-mark,.title-intro{display:none}.title-kicker{margin-top:13px}.settings-journal,.howto-journal,.results-journal{max-height:calc(100vh - 14px);padding-block:20px}.joystick-zone{width:124px;height:124px;bottom:4px}.joystick-base{width:84px;height:84px}.bell-button{width:72px;height:72px}.touch-actions{bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation:none!important}}