.wolf-page{--wolf-gold:#e2b84a;--wolf-red:#a94135;--wolf-ink:#11120f;--wolf-night:#090b0a;--wolf-line:color-mix(in srgb, var(--ink) 22%, transparent);padding-block:clamp(1.25rem,4vw,5rem)}.wolf-hero{isolation:isolate;border:1px solid var(--wolf-line);background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 98%, transparent) 0 56%, color-mix(in srgb, var(--bg) 74%, transparent) 78%), repeating-linear-gradient(90deg, transparent 0 47px, color-mix(in srgb, var(--wolf-gold) 10%, transparent) 48px), repeating-linear-gradient(0deg, transparent 0 47px, color-mix(in srgb, var(--wolf-gold) 10%, transparent) 48px);align-content:center;max-width:74rem;margin-inline:auto;padding:clamp(1.25rem,3vw,2.25rem);display:grid;position:relative;overflow:hidden}.wolf-hero:before,.wolf-hero:after{content:"";z-index:-1;pointer-events:none;position:absolute}.wolf-hero:before{aspect-ratio:1;border:clamp(1.5rem, 4vw, 3.5rem) solid color-mix(in srgb, var(--wolf-gold) 34%, transparent);width:min(38vw,30rem);box-shadow:0 0 0 1px color-mix(in srgb, var(--wolf-gold) 75%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--wolf-gold) 75%, transparent);top:50%;right:clamp(-7rem,-4vw,-2rem);translate:0 -50%;rotate:45deg}.wolf-hero:after{background:var(--wolf-red);width:min(29vw,22rem);height:.35rem;box-shadow:0 2.7rem 0 var(--wolf-gold), 0 -2.7rem 0 color-mix(in srgb, var(--ink) 50%, transparent);top:50%;right:5%;rotate:-12deg}.wolf-hero h1{letter-spacing:-.055em;max-width:18ch;margin-block:.4rem .9rem;font-size:clamp(2.35rem,6vw,4.8rem);line-height:.94}.wolf-hero>p:not(.mono-label){max-width:52ch;margin:0;font-size:clamp(.95rem,1.7vw,1.08rem)}.wolf-disclosures{flex-wrap:wrap;gap:.55rem;max-width:48rem;margin-top:1rem;display:flex}.wolf-disclosures span{background:color-mix(in srgb, var(--bg) 84%, transparent);text-transform:uppercase;letter-spacing:.05em;border:1px solid;padding:.48rem .7rem;font:650 .7rem/1.2 ui-monospace,Consolas,monospace}.wolf-shell{max-width:74rem;margin:1rem auto 5rem}.wolf-launcher,.wolf-panels>section,.wolf-data-panel{border:1px solid var(--wolf-line);background:color-mix(in srgb, var(--bg) 96%, var(--wolf-gold))}.wolf-launcher{grid-template-columns:minmax(0,1.45fr) minmax(15rem,.75fr);align-items:center;gap:1.5rem 2.5rem;padding:clamp(1.2rem,3vw,2.4rem);display:grid}.wolf-launcher h2{max-width:19ch;margin:.3rem 0 .7rem;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.wolf-launch-side{gap:1rem;display:grid}.wolf-actions{gap:.65rem;display:grid}.wolf-actions button{width:100%}.wolf-content-note{border-left:3px solid var(--wolf-gold);background:color-mix(in srgb, var(--wolf-gold) 8%, transparent);margin:0;padding:.8rem .9rem;font-size:.83rem}.wolf-shell button,.wolf-file{background:var(--bg);min-height:44px;color:var(--ink);text-transform:uppercase;letter-spacing:.025em;cursor:pointer;border:1px solid;padding:.68rem .95rem;font:750 .72rem/1.1 ui-monospace,Consolas,monospace}.wolf-shell button:hover:not(:disabled),.wolf-shell button:focus-visible{background:var(--wolf-gold);color:var(--wolf-ink)}.wolf-shell button:disabled{opacity:.42;cursor:not-allowed}.wolf-shell button.wolf-primary{border-color:var(--wolf-gold);background:var(--wolf-gold);color:var(--wolf-ink);box-shadow:.22rem .22rem 0 color-mix(in srgb, var(--ink) 65%, transparent)}.wolf-shell button.wolf-primary:hover:not(:disabled),.wolf-shell button.wolf-primary:focus-visible{box-shadow:.12rem .12rem 0 color-mix(in srgb, var(--ink) 65%, transparent);translate:.1rem .1rem}.wolf-shell button.wolf-quiet{border-color:color-mix(in srgb, var(--ink) 35%, transparent)}.wolf-shell kbd,.wolf-key-strip kbd{border:1px solid color-mix(in srgb, currentColor 45%, transparent);font:inherit;text-transform:none;border-bottom-width:2px;border-radius:.2rem;padding:.14rem .34rem}.wolf-launcher progress,.wolf-status,.wolf-error{grid-column:1/-1;width:100%}.wolf-launcher progress{height:.65rem;accent-color:var(--wolf-gold)}.wolf-status{border-top:1px solid var(--wolf-line);margin:0;padding-top:.85rem;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}.wolf-warning,.wolf-error{border-left:4px solid var(--wolf-red);background:color-mix(in srgb, var(--wolf-red) 13%, var(--bg));padding:.9rem 1rem}.wolf-stage{color:#f2eee3;background:var(--wolf-night);border:1px solid #30332f;margin-top:1rem;padding:clamp(.65rem,2vw,1.1rem);box-shadow:0 1.2rem 3rem #0000003d}.wolf-stage-head{justify-content:space-between;align-items:center;gap:1rem;padding:.15rem .2rem .85rem;display:flex}.wolf-stage-head h2{color:#fff;margin:.12rem 0 0;font-size:clamp(1.2rem,3vw,1.7rem)}.wolf-stage-head .mono-label{color:#b7b9b2}.wolf-phase{text-transform:uppercase;letter-spacing:.04em;border:1px solid #565a53;flex:none;align-items:center;gap:.45rem;padding:.45rem .65rem;font:700 .67rem ui-monospace,Consolas,monospace;display:inline-flex}.wolf-phase:before{content:"";background:#9a9d96;border-radius:50%;width:.55rem;height:.55rem}.wolf-phase[data-phase=running]:before{background:#6fc36a;box-shadow:0 0 .8rem #6fc36a}.wolf-phase[data-phase=paused]:before{background:var(--wolf-gold)}.wolf-phase[data-phase=failed]:before{background:#ef6657}.wolf-screen{background:#000;border:1px solid #464a43;width:fit-content;max-width:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 .35rem #161815}.wolf-screen canvas{aspect-ratio:4/3;width:min(100%,133.333vh - 17.3333rem);height:auto;image-rendering:pixelated;background:#000;margin-inline:auto;display:block}.wolf-screen-placeholder{color:#f1e9d3;text-transform:uppercase;letter-spacing:.14em;background:radial-gradient(circle at 50% 45%,#272a22,#090a09 68%);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.wolf-screen-placeholder:before{content:"";opacity:.65;background:repeating-linear-gradient(90deg,#0000 0 31px,#292b25 32px),repeating-linear-gradient(0deg,#0000 0 31px,#292b25 32px);border:1px solid #4a493b;position:absolute;inset:8%}.wolf-screen-placeholder>*{position:relative}.wolf-screen-placeholder span,.wolf-screen-placeholder small{font:700 clamp(.62rem,1.7vw,.82rem) ui-monospace,Consolas,monospace}.wolf-screen-placeholder strong{color:var(--wolf-gold);letter-spacing:-.08em;font:900 clamp(4rem,15vw,8rem)/.9 ui-monospace,Consolas,monospace}.wolf-session-hint,.wolf-stage-empty{text-align:center;color:#c7c9c1;max-width:72ch;margin:.9rem auto 0;font:.76rem/1.45 ui-monospace,Consolas,monospace}.wolf-toolbar{flex-wrap:wrap;justify-content:center;gap:.55rem;padding-top:.85rem;display:flex}.wolf-stage .wolf-toolbar button{color:#f2eee3;background:#151714;border-color:#73776d}.wolf-stage .wolf-toolbar button:hover:not(:disabled),.wolf-stage .wolf-toolbar button:focus-visible,.wolf-stage .wolf-toolbar button.wolf-primary{background:var(--wolf-gold);color:var(--wolf-ink);border-color:var(--wolf-gold)}.wolf-touch{touch-action:none;user-select:none;border-top:1px solid #343730;grid-template-columns:minmax(132px,1fr) minmax(100px,1fr) minmax(160px,1.4fr);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.wolf-pad{grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,46px);justify-content:center;gap:.3rem;display:grid}.wolf-pad button:first-child{grid-column:2}.wolf-pad button:nth-child(2){grid-column:1}.wolf-pad button:nth-child(3){grid-column:2}.wolf-pad button:nth-child(4){grid-column:3}.wolf-pad button{min-width:46px;padding:0;font-size:1rem}.wolf-turn{color:#ddd;background:#121411;border:1px dashed #777b71;place-items:center;min-height:95px;font:.72rem ui-monospace,Consolas,monospace;display:grid}.wolf-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.wolf-buttons button{flex:72px}.wolf-stage .wolf-buttons .wolf-fire{color:#fff;background:#812f29;border-color:#dd6a58}.wolf-key-strip{border:1px solid var(--wolf-line);background:color-mix(in srgb, var(--bg) 95%, var(--wolf-gold));text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.55rem 1rem;margin-top:1rem;padding:.85rem 1rem;font:650 .72rem ui-monospace,Consolas,monospace;display:flex}.wolf-key-strip span{white-space:nowrap}.wolf-panels{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:1rem;margin-top:1rem;display:grid}.wolf-panels>section{overflow-wrap:anywhere;min-width:0;padding:clamp(1rem,3vw,2rem)}.wolf-panels h3{margin:.25rem 0 1rem;font-size:clamp(1.35rem,3vw,2rem)}.wolf-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.wolf-control-grid p{border-left:2px solid var(--wolf-gold);background:color-mix(in srgb, var(--bg) 88%, var(--wolf-gold));gap:.15rem;margin:0;padding:.7rem;display:grid}.wolf-control-grid strong{text-transform:uppercase;font:750 .72rem ui-monospace,Consolas,monospace}.wolf-control-grid span{font-size:.86rem}.wolf-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.wolf-sliders label{text-transform:uppercase;gap:.4rem;font:650 .72rem ui-monospace,Consolas,monospace;display:grid}.wolf-sliders input{width:100%;accent-color:var(--wolf-gold)}.wolf-slider-label{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.wolf-slider-label output{color:var(--wolf-gold);font-variant-numeric:tabular-nums}.wolf-sliders small{color:color-mix(in srgb, var(--ink) 68%, transparent);text-transform:none;font:.78rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif}#wolf-launcher,#wolf-controls{scroll-margin-top:1rem}.wolf-records-panel ul{gap:.5rem;padding:0;list-style:none;display:grid}.wolf-records-panel li{border-bottom:1px solid var(--wolf-line);justify-content:space-between;align-items:center;gap:.6rem;padding-block:.5rem;display:flex}.wolf-records-panel li button{flex:none}.wolf-empty-records{border:1px dashed var(--wolf-line);background:color-mix(in srgb, var(--bg) 92%, var(--wolf-gold));padding:1rem}.wolf-empty-records p{margin-bottom:0}.wolf-data-panel{margin-top:1rem}.wolf-data-panel summary{cursor:pointer;align-items:center;min-height:68px;padding:1rem 1.25rem;list-style:none;display:flex}.wolf-data-panel summary::-webkit-details-marker{display:none}.wolf-data-panel summary:after{content:"+";margin-left:auto;font:700 1.5rem ui-monospace,Consolas,monospace}.wolf-data-panel[open] summary:after{content:"−"}.wolf-data-panel summary span{gap:.18rem;display:grid}.wolf-data-panel summary strong{text-transform:uppercase;font:750 .82rem ui-monospace,Consolas,monospace}.wolf-data-panel summary small{color:color-mix(in srgb, var(--ink) 70%, transparent)}.wolf-data-content{border-top:1px solid var(--wolf-line);padding:0 1.25rem 1.25rem}.wolf-data-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.wolf-file{align-items:center;gap:.5rem;margin:0;display:inline-flex}.wolf-file input{max-width:11rem}.wolf-about{border-top:1px solid;grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);gap:2rem;max-width:74rem;margin:0 auto;padding-top:2rem;display:grid}.wolf-about h2{margin-top:.3rem;font-size:clamp(2rem,5vw,4rem)}.wolf-about nav{flex-wrap:wrap;gap:.6rem 1.2rem;display:flex}.wolf-stage:fullscreen{align-content:center;display:grid;overflow:auto}.wolf-stage:fullscreen .wolf-screen canvas{max-height:72vh}.wolf-stage:fullscreen .wolf-touch{width:min(100%,62rem);margin-inline:auto}@media (pointer:fine) and (width>=700px){.wolf-touch{display:none}}@media (width<=800px){.wolf-hero{min-height:auto}.wolf-hero:before,.wolf-hero:after{opacity:.32}.wolf-launcher,.wolf-panels,.wolf-about{grid-template-columns:minmax(0,1fr)}.wolf-launcher h2{max-width:22ch}}@media (width<=520px){.wolf-page{padding-inline:.25rem}.wolf-launcher{padding:1rem}.wolf-stage-head{align-items:flex-start}.wolf-phase{text-align:right;max-width:48%}.wolf-key-strip{justify-content:flex-start}.wolf-control-grid,.wolf-sliders{grid-template-columns:minmax(0,1fr)}.wolf-touch{grid-template-columns:1fr 1fr}.wolf-turn{grid-column:2}.wolf-buttons{grid-column:1/-1}.wolf-buttons button{flex-basis:27%}.wolf-data-actions,.wolf-data-actions>span{width:100%;display:grid}.wolf-file{display:grid}}