@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-abyss:#0e2a2b;--color-abyss-deep:#08191a;--color-brass:#d9a441;--color-brass-hi:#f2cd72;--color-coral:#e2603f;--color-parch:#f4e3c1;--color-kelp:#7fa65a;--color-wreck:#3a2418;--font-pixel:"Press Start 2P", monospace;--font-term:"VT323", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.float-right{float:right}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-\[-12px\]{margin-inline:-12px}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-\[4px\]{height:4px}.h-\[10px\]{height:10px}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.h-full{height:100%}.max-h-44{max-height:calc(var(--spacing) * 44)}.min-h-screen{min-height:100vh}.w-16{width:calc(var(--spacing) * 16)}.w-\[10px\]{width:10px}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.max-w-full{max-width:100%}.min-w-\[210px\]{min-width:210px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-\[\#08191a\]{border-color:#08191a}.border-\[\#d9a441\]{border-color:#d9a441}.bg-\[\#0e2a2b\]{background-color:#0e2a2b}.bg-\[\#3a2418\]{background-color:#3a2418}.bg-\[\#4e9b8f\]{background-color:#4e9b8f}.bg-\[\#7fa65a\]{background-color:#7fa65a}.bg-\[\#08191a\]{background-color:#08191a}.bg-\[\#123336\]{background-color:#123336}.bg-\[\#d9a441\]{background-color:#d9a441}.bg-\[\#e2603f\]{background-color:#e2603f}.bg-\[\#f2cd72\]{background-color:#f2cd72}.bg-\[\#f4e3c1\]{background-color:#f4e3c1}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-pixel{font-family:var(--font-pixel)}.font-term{font-family:var(--font-term)}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#3a2418\]{color:#3a2418}.text-\[\#4e9b8f\]{color:#4e9b8f}.text-\[\#7fa65a\]{color:#7fa65a}.text-\[\#08191a\]{color:#08191a}.text-\[\#f2cd72\]{color:#f2cd72}.text-\[\#f4e3c1\]{color:#f4e3c1}.text-\[\#f4e3c1\]\/60{color:oklab(92.0859% .0045895 .0481398/.6)}.text-\[\#f4e3c1\]\/70{color:oklab(92.0859% .0045895 .0481398/.7)}.text-\[\#f4e3c1\]\/80{color:oklab(92.0859% .0045895 .0481398/.8)}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (hover:hover){.hover\:bg-\[\#d9a441\]:hover{background-color:#d9a441}}@media (width>=48rem){.md\:ml-\[96px\]{margin-left:96px}.md\:inline{display:inline}.md\:w-\[62\%\]{width:62%}.md\:w-\[72\%\]{width:72%}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-\[12px\]{font-size:12px}.md\:text-\[30px\]{font-size:30px}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-4{top:calc(var(--spacing) * 4)}.lg\:grid-cols-\[248px_minmax\(0\,1fr\)\]{grid-template-columns:248px minmax(0,1fr)}.lg\:flex-col{flex-direction:column}.lg\:self-start{align-self:flex-start}.lg\:overflow-visible{overflow:visible}}}html{background:var(--color-abyss-deep)}body{background:radial-gradient(circle at 12% 8%, #4e9b8f29 0 90px, transparent 91px), radial-gradient(circle at 88% 22%, #e2603f1f 0 70px, transparent 71px), radial-gradient(circle at 70% 90%, #d9a4411a 0 110px, transparent 111px), var(--color-abyss);color:var(--color-parch);font-family:var(--font-term);image-rendering:pixelated;min-height:100vh;font-size:20px}.scanlines:before{content:"";z-index:60;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#08191a38 2px 4px);position:fixed;inset:0}.px-bevel{box-shadow:inset 4px 4px 0 0 var(--color-brass-hi), inset -4px -4px 0 0 var(--color-wreck), 0 0 0 3px var(--color-abyss-deep);border-radius:0}.px-bevel-thin{box-shadow:inset 2px 2px 0 0 var(--color-brass-hi), inset -2px -2px 0 0 var(--color-wreck), 0 0 0 2px var(--color-abyss-deep);border-radius:0}.px-panel{border:3px solid var(--color-abyss-deep);outline:3px solid var(--color-brass);outline-offset:-6px;border-radius:0}.px-cut{clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px))}.font-pixel{font-family:var(--font-pixel)}.font-term{font-family:var(--font-term)}::selection{background:var(--color-coral);color:var(--color-abyss-deep)}:focus-visible{outline:3px solid var(--color-brass);outline-offset:2px}.spine{cursor:pointer;transition:none;position:relative}.spine:hover,.spine:focus-visible{transform:translateY(-6px)}.spine:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#f2cd728c 46%,#0000 54%) 120% 0/250% 100%;position:absolute;inset:0}.spine:hover:after{background-position:-20% 0;animation:.45s steps(3,end) glint}@keyframes glint{0%{background-position:120% 0}to{background-position:-20% 0}}.spine-dim{opacity:.28}.spine-match{animation:.6s steps(3,end) 2 matchpulse}@keyframes matchpulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 6px var(--color-kelp))}}.urchin-spikes{transform-origin:50% 90%;animation:1.2s steps(2,end) infinite bob}@keyframes bob{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.urchin-work .urchin-spikes{animation:.5s steps(2,end) infinite shelve-shake}@keyframes shelve-shake{0%,to{transform:translate(-3px)rotate(-6deg)}50%{transform:translate(3px)rotate(6deg)}}.px-btn{font-family:var(--font-pixel);box-shadow:0 4px 0 0 var(--color-wreck), 0 0 0 3px var(--color-abyss-deep);border-radius:0;transform:translateY(0)}.px-btn:active{box-shadow:inset 0 4px 0 0 var(--color-wreck), 0 0 0 3px var(--color-abyss-deep);transform:translateY(4px)}.px-btn:disabled{opacity:.5;cursor:not-allowed}.drop-book{animation:.5s steps(4,end) drop-in}@keyframes drop-in{0%{transform:translateY(-72px)}to{transform:translateY(0)}}.puff{animation:.4s steps(3,end) puff}@keyframes puff{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.timer-low{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{color:var(--color-coral)}}.ticker-track{white-space:nowrap;animation:22s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.bubble{animation:7s linear infinite rise}@keyframes rise{0%{opacity:0;transform:translateY(20px)}15%{opacity:.8}to{opacity:0;transform:translateY(-120px)}}.statbar{image-rendering:pixelated}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-term);letter-spacing:1px}input,select,textarea{font-family:var(--font-term);font-size:20px}input::placeholder{color:#f4e3c173}@media (width<=767px){body{font-size:18px}}@media (prefers-reduced-motion:reduce){.spine-match,.urchin-spikes,.ticker-track,.bubble,.drop-book,.puff,.timer-low,.spine:hover:after{animation:none!important}.spine:hover{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
