:root{--paper:#f8df58;--blue:#163ee5;--ink:#11256b;--quiet:#8a92ac}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);transition:background-color .45s ease}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:8px}::selection{background:var(--blue);color:var(--paper)}.skip-link{position:fixed;left:20px;top:20px;z-index:5;padding:12px;background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page{overflow:hidden;max-width:1800px;margin-inline:auto;min-height:100svh;padding:0 54px 42px;display:flex;flex-direction:column}.site-header{height:118px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.site-header h1{font-family:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;font-size:30px;letter-spacing:-1.7px;font-weight:400;line-height:1;margin:0}.site-header em{font-weight:400}.brand-mark{font-family:"Iowan Old Style","Baskerville",Georgia,serif;font-style:italic;font-size:26px;letter-spacing:-2px;font-weight:400;width:32px;text-align:right}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:650px}.banana{position:relative;display:block;background:none;border:0;padding:0;width:min(760px,76vw);margin:-32px 0 -14px;cursor:pointer;perspective:1100px;transform:rotate(-13deg);touch-action:manipulation;-webkit-user-select:none;user-select:none}.banana-inner{display:block;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s cubic-bezier(.2,.65,.25,1)}.banana img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 28px #1e2c5a08);pointer-events:none}.banana:hover .banana-inner{transform:translateY(-9px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.banana.is-jumping .banana-inner{animation:boing .95s cubic-bezier(.3,.2,.3,1)}.banana:active{cursor:grabbing}.world-entry{position:relative;display:flex;align-items:center;gap:30px;margin:14px 0 0;padding:9px 0 9px 2px;font-size:15px;letter-spacing:-.2px;font-weight:450}.world-entry:before{content:"";position:absolute;bottom:5px;left:0;width:calc(100% - 62px);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.entry-arrow{height:48px;width:48px;border-radius:50%;border:1px solid #1b328050;display:grid;place-items:center;transition:background .2s,color .2s,transform .2s}.entry-arrow svg{width:18px;height:18px}.world-entry:hover:before{transform:scaleX(1)}.world-entry:hover .entry-arrow{background:var(--blue);color:var(--paper);border-color:var(--blue);transform:rotate(45deg)}.preview-dialog{width:min(390px,calc(100vw - 40px));padding:40px;border:0;border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 20px 120px #05164d26}.preview-dialog::backdrop{background:#142e7540;backdrop-filter:blur(6px)}.preview-dialog h2{font-family:"Iowan Old Style","Baskerville",Georgia,serif;font-weight:400;font-size:36px;letter-spacing:-1.5px;margin:0 0 16px}.preview-dialog p{font-size:14px;line-height:1.6;margin:0 0 28px}.dialog-close{position:absolute;right:12px;top:9px;background:none;border:0;width:40px;height:40px;font-size:27px;cursor:pointer}.dialog-back{border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;cursor:pointer;font-size:14px;min-height:44px}@keyframes boing{0%,100%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(10px) rotate(-4deg) scale(1.025,.97)}50%{transform:translateY(-55px) rotate(12deg) scale(.98,1.02)}76%{transform:translateY(3px) rotate(-3deg) scale(1.015,.985)}}
@media(min-width:1500px){main{min-height:690px}.banana{width:min(880px,65vw);margin-top:-60px}.world-entry{margin-top:6px}.site-header h1{font-size:34px}}@media(max-height:780px) and (min-width:741px){.site-header{height:90px}main{min-height:520px}.banana{width:min(640px,70vw);margin-top:-40px}.page{padding-bottom:24px}.world-entry{margin-top:0}}
@media(max-width:740px){.page{padding:0 24px 26px;min-height:100svh}.site-header{height:100px}.site-header h1{font-size:27px;letter-spacing:-1.5px}.brand-mark{font-size:24px}main{min-height:500px;justify-content:center;padding-bottom:24px}.banana{width:min(650px,110vw);margin:-18px -35px 5px;transform:rotate(-18deg)}.world-entry{margin-top:4px;gap:27px;font-size:15px}.entry-arrow{width:48px;height:48px}}
@media(max-width:420px){.page{padding:0 22px 23px}.site-header{height:94px}.site-header h1{font-size:25px;letter-spacing:-1.3px}.brand-mark{font-size:23px}main{min-height:calc(100svh - 117px);justify-content:center;padding-bottom:30px}.banana{width:calc(100vw + 18px);margin:-28px -35px 22px}.world-entry{margin-top:0;font-size:14px;gap:25px}.entry-arrow{width:46px;height:46px}}
@media(max-width:350px){.page{padding-inline:19px}.site-header{height:84px}.site-header h1{font-size:23px}main{min-height:calc(100svh - 107px);padding-bottom:18px}.banana{margin-top:-25px;margin-bottom:16px}.world-entry{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.banana-inner,.banana:hover .banana-inner{transform:none!important}}

.palette{display:flex;gap:2px;align-items:center}.palette button{display:grid;place-items:center;width:42px;height:44px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.palette button span{display:block;width:18px;height:18px;border-radius:50%;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #11256b22}.palette button:nth-child(1) span{background:#f8df58}.palette button:nth-child(2) span{background:#f3a4b8}.palette button:nth-child(3) span{background:#a9decb}.palette button[aria-pressed="true"] span{outline:1px solid var(--ink);outline-offset:5px}.palette button:hover span{transform:scale(1.15)}@media(max-width:420px){.palette{gap:0;margin-right:-9px}.palette button{width:35px;height:44px}.palette button span{width:15px;height:15px}}