:root{--ink: #120a24;--cream: #fff6d6;--magenta: #ff2e88;--orange: #ff8a00;--marigold: #ffc400;--mint: #2ef2a3;--ultra: #2a1fa8;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Atkinson Hyperlegible", Verdana, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--ultra);color:var(--cream);font:18px/1.4 var(--body)}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button,input{font:inherit}button{font:italic 800 22px var(--display);color:var(--ink);background:var(--marigold);border:0;padding:8px 22px;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .12s}button:hover{background:var(--cream)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:-3px}button.quiet{color:var(--cream);background:#fff6d624}button.quiet:hover{color:var(--ink);background:var(--cream)}#hud{position:fixed;inset:0;pointer-events:none}.plate{position:absolute;top:18px;display:flex;align-items:center;gap:12px;filter:drop-shadow(0 3px 0 rgb(18 10 36 / .55))}.plate.left{left:18px}.plate.right{right:18px}.portrait{padding:3px;background:var(--marigold);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.portrait img{display:block;width:74px;height:74px;background:linear-gradient(160deg,var(--orange),var(--magenta));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}.meter{width:clamp(150px,27vw,380px)}.meterName,.stars{font:italic 800 22px/1 var(--display);text-shadow:0 2px 0 var(--ink)}.right .meterName,.right .stars{text-align:right}.bar{height:18px;margin:5px 0;background:var(--ink);border:2px solid var(--cream);transform:skew(-28deg);overflow:hidden}.fill{height:100%;width:100%;transition:width .25s var(--ease)}.fill.charge{width:0;background:linear-gradient(90deg,var(--orange),var(--marigold))}.fill.shield{margin-left:auto;background:linear-gradient(90deg,#12c7c7,var(--mint))}.stars{font-size:30px;color:var(--marigold)}.stars.small{font-size:17px;color:var(--cream)}.objective{position:absolute;top:22px;left:50%;transform:translate(-50%) skew(-12deg);max-width:30vw;padding:5px 20px;font:italic 700 21px/1.1 var(--display);text-align:center;background:var(--ink);border-bottom:3px solid var(--magenta)}.switch{position:absolute;top:20px;right:18px;pointer-events:auto;font-size:19px;color:var(--cream);background:var(--ink)}.switch:hover{color:var(--ink)}.prompt{position:fixed;left:50%;bottom:7%;transform:translate(-50%);padding:6px 18px;font:italic 700 22px var(--display);background:var(--ink);border-bottom:3px solid var(--mint);pointer-events:none}.dialogue{position:fixed;left:50%;bottom:20px;display:flex;align-items:flex-end;width:min(820px,calc(100vw - 32px));transform:translate(-50%);animation:rise .28s var(--ease)}@keyframes rise{0%{opacity:0;transform:translate(-50%,28px)}}.dlgPortrait{flex:none;z-index:1;margin-right:-22px;padding:4px;background:linear-gradient(160deg,var(--marigold),var(--magenta));clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.dlgPortrait img{display:block;width:112px;height:112px;background:linear-gradient(160deg,#3b2ad0,var(--magenta));clip-path:polygon(19px 0,100% 0,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%,0 19px)}.dlgBody{position:relative;flex:1;min-width:0;padding:22px 34px 10px 40px;background:#120a24e6;border-top:3px solid var(--magenta);clip-path:polygon(0 -30px,100% -30px,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}.nameplate{position:absolute;top:-20px;left:36px;padding:2px 20px;font:italic 900 26px var(--display);color:var(--ink);background:var(--marigold);transform:skew(-14deg)}.line{margin:0;font-size:22px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.youSaid{margin:4px 0 0;color:var(--mint);font-weight:700;font-size:17px}.youSaid:empty{display:none}.dlgFoot{display:flex;align-items:center;gap:12px;margin-top:8px}.mic{flex:none;padding:2px 12px;font:italic 800 20px var(--display);color:var(--ink);background:var(--cream)}.mic[data-state=listening]{background:var(--mint);animation:listen 1s ease-in-out infinite alternate}.mic[data-state=talking]{background:var(--marigold)}.mic[data-state=thinking]{background:var(--orange)}@keyframes listen{to{box-shadow:0 0 0 5px #2ef2a34d}}.puzzleTag{flex:1;min-width:0;font:italic 700 21px/1.1 var(--display);color:var(--marigold)}.fallback{margin-top:10px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.typeRow{display:flex;gap:8px}.typeRow input{flex:1;min-width:0;padding:8px 12px;color:var(--ink);background:var(--cream);border:0}.goatBubble{position:fixed;right:24px;top:206px;display:grid;gap:8px;justify-items:end;width:min(340px,calc(100vw - 32px));pointer-events:none}.goatCard{padding:8px 16px 10px;color:var(--ink);background:var(--cream);font-size:17px;font-weight:700;line-height:1.25;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);animation:rise2 .25s var(--ease) backwards}@keyframes rise2{0%{opacity:0;transform:translate(26px)}}.goatCard strong{display:block;font:italic 900 23px/1.05 var(--display);color:#2f6bff}.goatButton{position:fixed;right:24px;top:128px;display:flex;align-items:center;gap:10px;padding:6px 28px 6px 16px;color:var(--cream);text-align:left;background:#2f6bff}.goatButton:hover{color:var(--ink);background:var(--cream)}.goatButton[data-on=true]{color:var(--ink);background:var(--mint)}.goatButton img{width:52px;height:52px}.goatButton b{display:block;font-size:26px;font-weight:900;line-height:1}.goatButton small{display:block;font:700 14px/1.2 var(--body)}.halftone{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,rgb(18 10 36 / .62) 1.5px,transparent 1.9px) 0 0 / 7px 7px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 58%,#000 104%);mask-image:radial-gradient(ellipse at center,transparent 58%,#000 104%);box-shadow:inset 0 0 0 5px var(--ink)}#bursts{position:fixed;inset:0;pointer-events:none;overflow:hidden}.burst{position:absolute;font-family:var(--display);font-style:italic;font-weight:900;text-align:center;line-height:.9;color:var(--marigold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;animation:pop 1.2s var(--ease) forwards}.burst b{display:block;font-size:clamp(72px,14vw,170px);font-weight:900}.burst span{font-size:clamp(40px,6vw,76px);color:var(--mint)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-10deg);opacity:0}16%{transform:translate(-50%,-50%) scale(1.12) rotate(-6deg);opacity:1}75%{transform:translate(-50%,-58%) scale(1) rotate(-6deg);opacity:1}to{transform:translate(-50%,-76%) scale(1) rotate(-6deg);opacity:0}}#toasts{position:fixed;top:124px;left:50%;transform:translate(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{padding:5px 20px;font:italic 800 24px var(--display);color:var(--ink);background:var(--mint);transform:skew(-10deg)}.title{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px clamp(16px,7vw,110px);background:linear-gradient(90deg,#120a24db,#2a1fa880 45%,#2a1fa800 72%)}.title h1{margin:0 0 0 -24px;width:min(600px,100%)}.logo{display:block;width:100%;height:auto;overflow:visible}.logoKapow{font:italic 900 196px var(--display);fill:var(--marigold);stroke:var(--ink);stroke-width:12px;paint-order:stroke fill}.logoCastle{font:italic 900 80px var(--display);fill:var(--cream)}.pitch{max-width:40ch;margin:22px 0 16px;font-size:22px}.subjects{display:grid;gap:12px;width:min(560px,100%)}.subject{display:flex;align-items:center;gap:16px;padding:10px 34px 10px 22px;text-align:left;color:var(--cream);background:var(--ink);border-left:6px solid var(--magenta);transition:transform .14s var(--ease),background .14s}.subject:hover,.subject:focus-visible{color:var(--ink);background:var(--marigold);transform:translate(10px)}.subject img{flex:none;width:72px;height:72px;background:linear-gradient(160deg,var(--orange),var(--magenta))}.subject b{display:block;font-size:36px;font-weight:900;line-height:1}.subject small{display:block;font:700 16px/1.25 var(--body)}.title .keys{margin:16px 0 0;font-size:16px}@media(max-width:760px){.objective{display:none}.portrait img{width:48px;height:48px}.dlgPortrait img{width:84px;height:84px}.line{font-size:20px}.subject b{font-size:28px}}#fx2d{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.screenFlash{position:fixed;inset:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,#fff 0 34%,#ffe98a 62%,#ff2e88bf)}.slash{position:fixed;top:-20vh;left:-10vw;width:62vw;height:140vh;pointer-events:none}.stageCard{position:fixed;top:27%;left:0;width:100%;padding:24px 0;text-align:center;pointer-events:none}.scBand{position:absolute;inset:0 -6%;background:linear-gradient(90deg,transparent,var(--ink) 16% 84%,transparent);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%)}.scMain,.scSub{position:relative;font-family:var(--display);font-style:italic;font-weight:900;line-height:.95}.scMain{font-size:clamp(56px,11vw,150px);text-transform:uppercase;color:var(--marigold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--magenta)}.scSub{margin-top:6px;font-size:clamp(24px,3.4vw,44px);color:var(--mint)}.plate:before,.plate:after{content:"";position:absolute;z-index:-1;pointer-events:none}.plate.left:before{top:-18px;left:-18px;width:190px;height:142px;background:linear-gradient(135deg,var(--magenta),rgb(42 31 168 / .85));clip-path:polygon(0 0,100% 0,62% 52%,44% 100%,0 74%)}.plate.right:before{top:-18px;right:-18px;width:190px;height:142px;background:linear-gradient(225deg,#12c7c7,#2a1fa8d9);clip-path:polygon(0 0,100% 0,100% 74%,56% 100%,38% 52%)}.plate{top:26px}.plate.left{left:24px}.plate.right{right:24px}.portrait{background:linear-gradient(145deg,var(--marigold),var(--magenta) 60%,#12c7c7)}.bar{position:relative}.bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,rgb(18 10 36 / .85) 22px 25px)}.objective{top:24px;max-width:none;padding:6px 26px;font-size:18px;white-space:nowrap;transform:translate(-50%);background:#120a24e6;border-bottom:0;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}.pips{position:absolute;top:66px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.pip{display:flex;align-items:center;gap:5px;padding:2px 14px 2px 10px;font:italic 800 17px var(--display);background:#120a24d9;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.pipMark{width:12px;height:12px;background:#fff6d659;transform:rotate(45deg)}.pip[data-state=now] .pipMark{background:var(--marigold);animation:pipPulse .8s ease-in-out infinite alternate}.pip[data-state=done] .pipMark{background:var(--mint)}.pip[data-state=done] .pipLabel{color:var(--mint)}@keyframes pipPulse{to{transform:rotate(45deg) scale(1.4)}}#objective[hidden]+.pips{display:none}.hintStrip{position:absolute;left:50%;bottom:26px;display:flex;gap:8px;transform:translate(-50%);animation:rise2 .3s var(--ease)}.hintStrip span{padding:8px 22px;font:italic 800 24px/1 var(--display);white-space:nowrap;color:var(--ink);background:var(--cream);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.hintStrip span:nth-child(2){background:var(--marigold)}.hintStrip span:nth-child(3){color:var(--cream);background:#2f6bff}.dialogue{filter:drop-shadow(6px 6px 0 #12c7c7) drop-shadow(-4px -3px 0 var(--magenta))}.bracket{position:absolute;z-index:2;width:34px;height:34px;border:0 solid var(--mint);pointer-events:none;animation:bracketIn .9s ease-in-out infinite alternate}.bracket.tl{top:-12px;left:100px;border-width:4px 0 0 4px;--bx: -5px;--by: -5px}.bracket.tr{top:-12px;right:-10px;border-width:4px 4px 0 0;--bx: 5px;--by: -5px}.bracket.bl{bottom:-10px;left:100px;border-width:0 0 4px 4px;--bx: -5px;--by: 5px}.bracket.br{bottom:-10px;right:-10px;border-width:0 4px 4px 0;--bx: 5px;--by: 5px}@keyframes bracketIn{to{transform:translate(var(--bx),var(--by))}}.nameplate{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transform:none}.dialogue[data-turn=listening] .dlgBody{border-top-color:var(--mint)}.dialogue[data-turn=listening] .bracket{border-color:var(--marigold)}.turnChip{position:absolute;right:6px;top:-62px;z-index:2;padding:2px 34px;font:italic 900 46px/1.05 var(--display);color:var(--ink);background:var(--mint);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);opacity:0;transform:translateY(14px) scale(.9);transition:opacity .16s,transform .16s var(--ease)}.dialogue[data-turn=listening] .turnChip{opacity:1;transform:none}.voiceMeter{display:flex;align-items:flex-end;flex:none;gap:3px;height:30px}.vBar{width:6px;height:100%;background:var(--marigold);transform:skew(-18deg) scaleY(.18);transform-origin:bottom}.dialogue[data-turn=listening] .vBar{background:var(--mint)}.mic{clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:2px 16px}.mic[data-state=listening]{animation:none}.goatButton{filter:none}.goatCard{border-left:5px solid #2f6bff}.drift{position:absolute;inset:0;z-index:-1;overflow:hidden}.driftShard{position:absolute;clip-path:polygon(50% 0,100% 100%,0 78%)}.lineArt{position:absolute;inset:0;z-index:-1;width:100%;height:100%;fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.title{justify-content:center}.subjects{filter:drop-shadow(5px 5px 0 var(--magenta))}.subject{position:relative;overflow:hidden;padding:12px 56px 12px 28px;border-left:0;clip-path:polygon(0 0,100% 0,calc(100% - 36px) 100%,18px 100%)}.subject:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,#fff 50%,transparent 66%);transform:translate(-110%)}.subject:hover:after,.subject:focus-visible:after{transform:translate(110%);transition:transform .42s var(--ease)}.subject img{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}@media(max-width:760px){.pips,.hintStrip{display:none}.turnChip{font-size:30px;top:-46px}}@media(prefers-reduced-motion:reduce){.bracket,.pip[data-state=now] .pipMark,.hintStrip{animation:none!important}.turnChip,.subject:after{transition:none!important}.burst,.dialogue,.goatBubble,.mic{animation:none!important}.subject{transition:none}}.makeIcon{flex:none;display:flex;align-items:center;justify-content:center;gap:4px;width:72px;height:60px;background:linear-gradient(160deg,var(--orange),var(--magenta))}.makeIcon i{display:block;width:6px;background:var(--ink);transform:skew(-12deg)}.makeIcon i:nth-child(1),.makeIcon i:nth-child(5){height:14px}.makeIcon i:nth-child(2),.makeIcon i:nth-child(4){height:28px}.makeIcon i:nth-child(3){height:42px}.makeDialog{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;color:var(--cream);background:var(--ink);border:0;border-top:4px solid var(--magenta);border-bottom:4px solid var(--marigold);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.makeDialog::backdrop{background:#120a24b8}.makeForm{display:grid;gap:14px;padding:24px 28px}.makeForm h2{margin:0;font:italic 900 42px/1 var(--display);color:var(--marigold)}.makeIntro{margin:0}.makeKinds{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.makeKinds legend{padding:0;margin-bottom:6px;font-weight:700}.makeKinds input{position:absolute;opacity:0}.makeKinds span{display:block;padding:5px 16px;font:italic 800 20px var(--display);background:#fff6d61f;cursor:pointer;transform:skew(-10deg)}.makeKinds input:checked+span{color:var(--ink);background:var(--mint)}.makeKinds input:focus-visible+span{outline:3px solid var(--mint);outline-offset:2px}.makeField{display:grid;gap:6px;font-weight:700}.makeField input{padding:10px 12px;color:var(--ink);background:var(--cream);border:0}.makeDrop{position:relative;display:grid;justify-items:center;gap:2px;padding:20px;text-align:center;border:2px dashed rgb(255 246 214 / .5);cursor:pointer}.makeDrop[data-over=true]{background:#2ef2a329;border-color:var(--mint)}.makeDrop:focus-within{border-color:var(--mint)}.makeDrop input{position:absolute;inset:0;opacity:0;cursor:pointer}.makeDrop b{font:italic 800 26px/1.1 var(--display);overflow-wrap:anywhere}.makeSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0 0 0 20px;font-size:15px;line-height:1.25}.makeSteps b{display:block;font:italic 900 24px/1 var(--display);color:var(--marigold)}.makeStatus{min-height:1.4em;margin:0;font-weight:700;color:var(--mint)}.makeStatus[data-tone=error]{color:#ff9ac6}.makeActions{display:flex;gap:10px}@media(max-width:560px){.makeSteps{grid-template-columns:1fr}}