@font-face{font-family:ChicagoFLF;src:url(/choose-your-own/ChicagoFLF.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#000;--paper:#fff;--soft-paper:#fff;--menu-width:224px;--row-height:38px;color-scheme:light;font-family:ChicagoFLF,Chicago,Geneva,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background-color:var(--paper);min-width:100%;min-height:100%;color:var(--ink)}html[data-index-fill=checker]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M0 0h4v4H0zM4 4h4v4H4z'/%3E%3Cpath fill='%23000' d='M4 0h4v4H4zM0 4h4v4H0z'/%3E%3C/svg%3E");background-size:8px 8px}html[data-index-fill=dots]{background-image:radial-gradient(circle, var(--ink) 0 1px, transparent 1.5px);background-size:8px 8px}html[data-index-fill=diagonal]{background-image:repeating-linear-gradient(135deg, transparent 0 4px, var(--ink) 4px 5px, transparent 5px 8px)}html[data-index-fill=stripes]{background-image:repeating-linear-gradient(0deg, var(--paper) 0 3px, var(--ink) 3px 4px)}html[data-index-fill=crosshatch]{background-image:repeating-linear-gradient(45deg, transparent 0 5px, var(--ink) 5px 6px, transparent 6px 10px), repeating-linear-gradient(135deg, transparent 0 5px, var(--ink) 5px 6px, transparent 6px 10px)}html[data-index-fill=bricks]{background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px), linear-gradient(90deg, transparent 7px, var(--ink) 7px 8px, transparent 8px);background-position:0 0,0 0,0 4px;background-size:8px 8px,16px 8px,16px 8px}body{min-width:100%;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));margin:0}button,a,summary{font:inherit}button{color:inherit}:focus-visible{outline:2px dotted var(--ink);outline-offset:3px}.desktop-shell{width:min(900px,100%);margin:0 auto}.mac-window{border:2px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.title-bar{border-bottom:2px solid var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath stroke='%23000' d='M0 .5h4M0 2.5h4'/%3E%3C/svg%3E");grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;min-height:32px;padding:3px 5px;display:grid}.title-bar h1,.title-bar h2{background:var(--paper);text-align:center;width:fit-content;margin:0 auto;padding:1px 10px 2px;font-size:18px;font-weight:400;line-height:1}.close-box{border:2px solid var(--ink);background:var(--paper);cursor:pointer;width:22px;height:22px;padding:0;display:block;position:relative}.close-box:after{border:1px solid var(--ink);content:"";position:absolute;inset:3px}.window-intro{border-bottom:1px solid var(--ink);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.window-intro p{margin:0;font-size:17px;line-height:1.2}.session-mark{white-space:nowrap;font-size:14px}.pixel-icon{width:32px;height:32px;image-rendering:pixelated}.pixel-icon--anchor{vertical-align:-4px;width:18px;height:18px}.workspace{grid-template-columns:minmax(0,1fr) 318px;min-height:600px;display:grid}.selector-pane,.output-pane{background:var(--paper);min-width:0}.selector-pane{border-right:2px solid var(--ink)}.pane-title{border-bottom:1px solid var(--ink);background:var(--ink);min-height:31px;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:4px 9px;display:flex}.pane-title h2,.pane-title span{margin:0;font-size:15px;font-weight:400;line-height:1}.selection-scroll{background:var(--paper);scrollbar-color:var(--ink) var(--paper);scrollbar-width:auto;width:100%;min-height:620px;position:relative;overflow:auto}.selection-scroll::-webkit-scrollbar{width:16px;height:16px}.selection-scroll::-webkit-scrollbar-track{border:1px solid var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23fff' d='M0 0h2v2H0zM2 2h2v2H2z'/%3E%3Cpath fill='%23000' d='M2 0h2v2H2zM0 2h2v2H0z'/%3E%3C/svg%3E")}.selection-scroll::-webkit-scrollbar-thumb{border:2px solid var(--paper);outline:1px solid var(--ink);background:var(--ink)}.selection-surface{cursor:default;min-width:100%;min-height:620px;position:relative}.chooser-trigger{z-index:110;width:var(--menu-width);border:2px solid var(--ink);background:var(--paper);height:44px;box-shadow:4px 4px 0 var(--ink);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:1fr 28px;align-items:center;padding:0 7px 0 15px;font-size:18px;display:grid;position:absolute;top:28px;left:24px}.chooser-trigger[aria-expanded=true]{box-shadow:4px 0 0 var(--ink);border-bottom-right-radius:0;border-bottom-left-radius:0}.about-trigger{z-index:105;cursor:pointer;background:0 0;border:0;place-items:center;width:92px;min-height:66px;padding:7px;display:grid;position:absolute;bottom:22px;right:24px}.about-trigger:hover,.about-trigger:focus-visible{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23fff' d='M0 0h2v2H0zM2 2h2v2H2z'/%3E%3Cpath fill='%23000' d='M2 0h2v2H2zM0 2h2v2H0z'/%3E%3C/svg%3E")}.about-trigger img{width:76px;height:49px;image-rendering:pixelated;display:block}.trigger-arrow{border-top:8px solid var(--ink);border-left:6px solid #0000;border-right:6px solid #0000;justify-self:center;width:0;height:0}.menu-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0 auto auto 0}.choice-menu{z-index:calc(120 + var(--depth));width:var(--menu-width);border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);pointer-events:auto;animation:90ms steps(2,end) menu-appear;position:absolute}.choice-menu[data-depth="0"]{box-shadow:4px 4px 0 var(--ink)}.menu-option{width:100%;height:var(--row-height);border:0;border-bottom:1px solid var(--ink);background:var(--paper);color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:5px;padding:0 8px 0 10px;font-size:17px;line-height:1;display:grid;position:relative}.menu-option:last-child{border-bottom:0}.menu-option:hover,.menu-option:focus-visible,.menu-option[aria-checked=true]{background:var(--ink);color:var(--paper);outline:0}.option-label{text-overflow:ellipsis;min-height:1px;overflow:hidden}.submenu-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;justify-self:end;width:0;height:0}.choice-menu[data-child-direction=right] .submenu-arrow{border-left:8px solid}.choice-menu[data-child-direction=left] .submenu-arrow{border-right:8px solid}.surface-hint{max-width:210px;margin:0;font-size:14px;line-height:1.25;position:absolute;top:96px;left:26px}.selection-surface[data-has-menus=true] .surface-hint{opacity:0}.output-content{padding:14px;overflow:auto}.result-window{z-index:500;border:2px solid var(--ink);background:var(--paper);width:min(552px,100vw - 28px);box-shadow:7px 7px 0 var(--ink);animation:90ms steps(2,end) window-spawn;position:fixed;top:clamp(50px,12vh,120px);left:50%;transform:translate(-50%)}.about-window{z-index:650;width:min(590px,100vw - 28px);max-height:calc(100dvh - 56px);top:clamp(28px,7vh,72px)}.about-content{max-height:calc(100dvh - 104px);padding:20px 22px 24px;font-size:16px;line-height:1.4;overflow:auto}.about-content h3{border-bottom:1px solid var(--ink);margin:18px 0 7px;padding-bottom:4px;font-size:18px;font-weight:400;line-height:1.1}.about-content h3:first-child{margin-top:0}.about-content p{margin:0 0 12px}.about-content a{color:inherit}.about-source{border-top:1px solid var(--ink);padding-top:12px;font-size:14px}.stack-shell{background:var(--paper);padding:16px}.story-card{--card-font-size:18;aspect-ratio:512/342;border:3px solid var(--ink);background:var(--paper);width:100%;max-width:512px;box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 5px var(--ink), inset 0 0 0 7px var(--paper);margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.story-card[data-template-kind=cover]{background-image:radial-gradient(circle, var(--ink) 0 1px, transparent 1.5px);background-size:11px 11px}.story-card[data-template-kind=single]{background-image:linear-gradient(90deg, transparent 49%, var(--ink) 49%, var(--ink) 51%, transparent 51%), linear-gradient(0deg, transparent 49%, var(--ink) 49%, var(--ink) 51%, transparent 51%);background-size:22px 22px}.card-layer{position:absolute;inset:0}.story-card[data-template-kind=pair] .card-layer:after{border-left:1px dashed var(--ink);content:"";position:absolute;top:6.7%;bottom:20.5%;left:50%}.card-slot{z-index:1;border:2px solid var(--ink);background:var(--paper);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.card-art{background-color:var(--paper)}.card-art[data-solid-fill=black]{background:var(--ink)}.card-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.card-text{font-size:calc(var(--slot-font-size) * 100cqw / 512);text-align:var(--slot-alignment,left);white-space:normal;justify-content:flex-start;padding:10px;line-height:1.15}.card-text[data-alignment=center]{justify-content:center}.card-navigation{z-index:4;left:var(--nav-left,2.34%);top:var(--nav-top,85.09%);width:var(--nav-width,95.31%);height:var(--nav-height,11.4%);border-top:2px solid var(--ink);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute}.navigation-start{justify-self:start}.navigation-end{justify-self:end;align-items:center;display:flex}.card-count{font-size:2.53906cqw;line-height:1}.card-arrow{border:2px solid var(--ink);background:var(--paper);width:7.03125cqw;height:5.85938cqw;box-shadow:inset -4px -4px 0 var(--ink);cursor:pointer;place-items:center;padding:0;font-size:2.92969cqw;line-height:1;display:grid}.card-arrow:active{box-shadow:inset 3px 3px 0 var(--ink)}.end-marker{background:var(--ink);color:var(--paper);padding:.78125cqw 1.5625cqw;font-size:2.53906cqw;line-height:1}.empty-output{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:470px;display:grid}.empty-output p{max-width:220px;margin:0;font-size:17px;line-height:1.25}.selection-list{border:1px solid var(--ink);gap:0;margin:0 0 14px;padding:0;list-style:none;display:grid}.narrative-output{border:1px solid var(--ink);margin:0 0 14px;padding:10px;font-size:17px;line-height:1.35}.selection-list li{border-bottom:1px solid var(--ink);grid-template-columns:minmax(88px,.8fr) 1.2fr;gap:8px;padding:8px;font-size:15px;line-height:1.2;display:grid}.selection-list li:last-child{border-bottom:0}.selection-list span{color:currentColor;opacity:.68}.selection-list strong{font-weight:400}.json-panel{border:1px solid var(--ink);margin-bottom:14px}.json-panel summary{cursor:pointer;padding:8px}.json-panel[open] summary{border-bottom:1px solid var(--ink)}.json-panel pre{white-space:pre-wrap;word-break:break-word;max-height:260px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;overflow:auto}.copy-button,.prompt-button,.again-button{border:2px solid var(--ink);background:var(--paper);min-height:36px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.copy-button:active,.prompt-button:active,.again-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.copy-button{margin:0 10px 10px;padding:4px 10px}.prompt-button{width:100%;margin:0 0 14px;padding:5px 12px;font-size:17px}.again-button{width:100%;padding:5px 12px;font-size:17px}.window-footer{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:14px;min-height:35px;padding:6px 9px;font-size:13px;display:flex}.source-note{text-align:right}.source-note a{color:inherit}noscript{z-index:1000;color:#000;background:#fff;border:2px solid #000;max-width:30rem;height:fit-content;padding:1rem;position:fixed;inset:1rem;box-shadow:5px 5px #000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes menu-appear{0%{opacity:0}to{opacity:1}}@keyframes window-spawn{0%{opacity:0}to{opacity:1}}@media (width<=860px){.workspace{grid-template-columns:1fr}.selector-pane{border-right:0;border-bottom:2px solid var(--ink)}.selection-scroll,.selection-surface{min-height:510px}.output-content{min-height:320px}.empty-output{min-height:270px}}@media (width<=560px){body{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.mac-window{box-shadow:4px 4px 0 var(--ink)}.window-intro{grid-template-columns:28px minmax(0,1fr);gap:8px}.window-intro p{font-size:15px}.session-mark{grid-column:2;font-size:12px}.pixel-icon--star{width:24px;height:24px}.chooser-trigger{left:16px}.about-trigger{bottom:10px;right:10px}.surface-hint{left:18px}.window-footer{flex-direction:column;align-items:flex-start;font-size:12px}.source-note{text-align:left}}@media (prefers-reduced-motion:reduce){.choice-menu,.result-window{animation:none}.copy-button:active,.prompt-button:active,.again-button:active{transform:none}}
