@font-face{font-family:Anton;src:url(/worlds/oddkin/fonts/anton-latin.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Space;src:url(/worlds/oddkin/fonts/space-grotesk-latin.woff2)format("woff2");font-display:swap;font-weight:300 700}:root{color:#f0f1e9;font-synthesis:none;--acid:#d2f34b;--ink:#11160f;--muted:#b4bba7;--pad:clamp(24px, 4.4vw, 90px);--display:clamp(68px, 8.2vw, 145px);--heading:clamp(25px, 2.1vw, 37px);--body:clamp(14px, 1.05vw, 17px);--scene-dim:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;background:#11160f;font-family:Space,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}p,h1,h2,h3,h4{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:7px}button svg,a svg{flex-shrink:0;width:22px;height:22px}::selection{background:var(--acid);color:var(--ink)}.skip-link{z-index:100;background:var(--acid);color:var(--ink);padding:14px;position:fixed;top:10px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:none}.universe-stage{z-index:-2;opacity:calc(1 - var(--scene-dim) * .58);position:fixed;inset:0;overflow:hidden}.universe-stage canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block}.universe-poster{object-fit:contain;opacity:1;filter:brightness(.82);width:80%;height:100%;transition:opacity 1.4s;position:absolute;right:-3%}body[data-graphics=webgl] canvas{opacity:1}body[data-graphics=webgl] .universe-poster{opacity:0}.stage-veil{pointer-events:none;background:linear-gradient(90deg,#0c110988,#0000 48%),linear-gradient(#11160f55,#0000 14% 75%,#11160fb0);position:absolute;inset:0}.grain-layer{z-index:20;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.universe-header{z-index:15;padding:27px var(--pad);height:91px;font-size:var(--body);background:linear-gradient(#11160f95,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.oddmark{letter-spacing:-.06em;align-items:center;font-family:Anton,sans-serif;font-size:36px;line-height:1;display:flex}.oddmark>svg{width:29px;height:29px;color:var(--acid);margin-left:9px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}a:hover .oddmark>svg{transform:rotate(170deg)}.odd-eye{position:relative}.odd-eye i{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:40%;left:37%}.universe-nav{align-items:center;gap:35px;display:flex}.universe-nav a{align-items:center;gap:10px;padding:8px 0;display:flex;position:relative}.universe-nav a:after{content:"";background:var(--acid);transform-origin:0;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.universe-nav a:hover:after{transform:scaleX(1)}.header-tools{gap:18px;display:flex}.header-tools button{place-items:center;width:38px;height:38px;display:grid}.universe-menu{display:none!important}.universe-story{height:850svh;position:relative}.story-panel{padding:130px var(--pad) 100px;opacity:var(--presence,0);transform:translateY(var(--rise,0));pointer-events:none;will-change:opacity, transform;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.story-panel a,.story-panel button{pointer-events:auto}.story-panel[aria-hidden=true],.story-panel[aria-hidden=true] a,.story-panel[aria-hidden=true] button{pointer-events:none}.story-panel h1,.story-panel h2{font-family:Anton,sans-serif;font-size:var(--display);letter-spacing:-.035em;font-weight:400;line-height:1.02}.story-panel h1 span,.story-panel h2 span{color:var(--acid)}.story-panel p{font-size:var(--body);line-height:1.65}.invitation{justify-content:flex-end}.invitation-title{margin-bottom:35px}.invitation h1{font-size:clamp(70px,8vw,146px)}.studio-line{color:#e5e9d8;margin-bottom:24px}.invitation-tail{justify-content:space-between;align-items:flex-end;max-width:100%;display:flex}.invitation-tail p{max-width:400px}.action-button{background:var(--acid);color:#171e0d;min-height:62px;font-size:var(--body);transform-style:preserve-3d;align-items:center;gap:55px;padding:20px 26px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:inline-flex;transform:perspective(600px)rotateX(0);box-shadow:0 5px #798d2a}.action-button:hover,.action-button:focus-visible{transform:perspective(600px)rotateX(12deg)rotateY(-6deg)translateY(-5px);box-shadow:5px 11px #758729,0 25px 60px #c3ed4733}.action-button svg{transition:transform .4s}.action-button:hover svg{transform:translate3d(4px,-4px,20px)}.opening{justify-content:center}.opening-copy{max-width:57%}.opening h2{font-size:clamp(75px,9vw,155px)}.opening-copy p{margin-top:30px}.round-action{right:var(--pad);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #b8ce7055;border-radius:50%;place-items:center;width:90px;height:90px;transition:background .4s,transform .4s;display:grid;position:absolute;bottom:17%}.round-action svg{width:38px;height:38px}.round-action:hover{background:var(--acid);color:var(--ink);transform:rotate(-15deg)scale(1.08)}.world-name{top:19%;left:var(--pad);position:absolute}.world-name>p{color:var(--muted);margin-bottom:22px}.world-name h2{font-size:clamp(95px,12.3vw,216px);line-height:.95}.world-description{right:var(--pad);width:min(360px,28vw);position:absolute;bottom:17%}.world-description>p:first-child{font-size:var(--heading);letter-spacing:-.04em;margin-bottom:23px;line-height:1.15}.world-description .muted{color:var(--muted);margin-bottom:24px}.text-action{font-size:var(--body);border-bottom:1px solid #d2f34b66;align-items:center;gap:28px;padding:13px 0;transition:color .3s;display:inline-flex}.text-action:hover{color:var(--acid)}.text-action svg{transition:transform .6s cubic-bezier(.2,.9,.1,1)}.text-action:hover svg{transform:rotate(100deg)translateZ(10px)}.world-response{min-height:54px;color:var(--acid);margin-top:17px}.concept-note{color:#b0b99e;margin-top:22px;line-height:1.5;display:block;font-size:12px!important}.letter-message{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1),opacity .4s;display:grid}.letter-message.open{opacity:1;grid-template-rows:1fr}.letter-message>div{overflow:hidden}.letter-message p{color:var(--acid);padding-top:25px}.letter-message span{color:var(--muted);margin-top:12px;font-size:12px;display:block}.grub-copy{max-width:min(650px,52%)}.grub-copy h2{font-size:clamp(60px,6.4vw,115px)}.grub-speech{color:#20291a;background:#eceddf;border-radius:3px 24px 24px;max-width:490px;margin-top:27px;padding:23px 27px;position:relative;box-shadow:0 15px 65px #070d0844}.grub-speech p{font-size:var(--body);line-height:1.6}.grub-speech:after{content:"";background:inherit;clip-path:polygon(0 0,100% 100%,0 70%);width:20px;height:24px;position:absolute;bottom:20px;right:-14px}.grub-choices{flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px;display:flex}.choice-button{text-align:left;width:100%;max-width:490px;font-size:var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:0;transform-style:preserve-3d;background:#172011a8;border:1px solid #abbc7755;justify-content:space-between;align-items:center;gap:24px;padding:15px 19px;transition:transform .4s,background .4s,color .4s;display:flex}.choice-button:hover,.choice-button:focus-visible{background:var(--acid);color:var(--ink);transform:perspective(600px)rotateY(-5deg)translate(6px);box-shadow:8px 4px #52641b}.grub-poke{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--body);border:1px solid #a9bf6555;border-radius:40px;align-items:center;gap:20px;padding:15px;display:flex;position:absolute;bottom:18%;right:17%}.grub-poke:hover{background:var(--acid);color:var(--ink)}.encounter-ending{color:var(--acid);max-width:440px}.universe-studio{padding:140px var(--pad) 120px;background:linear-gradient(#11160f55,#11160fe8);scroll-margin-top:80px;position:relative}.studio-statement{max-width:1100px}.studio-asterisk{color:var(--acid);width:72px;height:72px;margin-bottom:50px}.studio-statement h2{letter-spacing:-.035em;font-family:Anton;font-size:clamp(52px,8.4vw,145px);font-weight:400;line-height:1.06}.studio-statement h2 span{color:var(--acid)}.studio-statement>p{font-size:var(--heading);letter-spacing:-.035em;max-width:750px;color:var(--muted);margin-top:50px;line-height:1.45}.studio-principles{border-top:1px solid #a6b87933;grid-template-columns:1fr 1.1fr;gap:12%;margin-top:140px;padding-top:50px;display:grid}.studio-principles h3{font-size:var(--heading);letter-spacing:-.035em;font-weight:400;line-height:1.3}.principle{margin-bottom:18px}.principle h4{font-weight:400}.principle button{text-align:left;width:100%;font-size:var(--heading);letter-spacing:-.035em;justify-content:space-between;gap:20px;padding:12px 0;display:flex}.principle button svg{color:var(--acid)}.principle-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .4s;display:grid}.principle-body.open{opacity:1;grid-template-rows:1fr}.principle-body>div{overflow:hidden}.principle-body p{font-size:var(--body);color:var(--muted);padding:13px 0 20px;line-height:1.8}.universe-footer{padding:75px var(--pad) 35px;background:#11160f;position:relative}.universe-footer>div:first-child{font-size:var(--body);justify-content:space-between;align-items:flex-end;margin-bottom:70px;line-height:1.7;display:flex}.universe-footer a:not(:has(.oddmark)){align-items:center;gap:20px;display:flex}.large-mark{letter-spacing:-.04em;justify-content:space-between;font-size:clamp(92px,23vw,450px);line-height:.94}.large-mark>svg{width:15vw;height:15vw;margin:0;transition:transform 1s cubic-bezier(.16,1,.3,1)}.large-mark .odd-eye i{width:3vw;height:3vw;top:37%;left:32%}.footer-caption{font-size:var(--body);color:var(--muted);justify-content:space-between;gap:20px;padding-top:55px;display:flex}.journey-navigation{z-index:12;padding:18px var(--pad) 24px;opacity:calc(1 - var(--scene-dim));pointer-events:none;background:linear-gradient(#0000,#11160fa1);justify-content:space-between;align-items:center;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.journey-navigation>div{pointer-events:auto;gap:22px;display:flex}.journey-navigation button{color:#b1bba5;width:36px;height:28px;font-size:12px;position:relative}.journey-navigation button[aria-current=step]{color:var(--acid)}.journey-navigation button:after{content:"";background:var(--acid);height:2px;transition:transform .4s;position:absolute;bottom:0;left:6px;right:6px;transform:scaleX(0)}.journey-navigation button[aria-current=step]:after{transform:scaleX(1)}.journey-line{left:var(--pad);right:var(--pad);background:#c8d69826;height:1px;position:absolute;top:0}.journey-line:after{content:"";height:1px;width:var(--journey,0);background:var(--acid);opacity:.55;display:block}@media (width>=1600px){.invitation h1{font-size:8.4vw}.invitation-title{margin-bottom:35px}}@media (width<=1000px){.universe-nav{gap:18px}.universe-nav a{font-size:13px}.world-description{width:32vw}.grub-copy{max-width:58%}.grub-poke{right:10%}}@media (width<=767px){:root{--display:clamp(49px, 12vw, 85px);--body:14px;--heading:26px}.universe-header{height:77px;padding:20px 24px}.oddmark{font-size:31px}.oddmark>svg{width:25px;height:25px}.header-tools{gap:8px}.universe-menu{display:grid!important}.universe-nav{opacity:0;visibility:hidden;background:#1d2814;border:1px solid #b7cb6744;flex-direction:column;align-items:stretch;padding:20px 25px;transition:opacity .3s,transform .3s,visibility .3s;position:absolute;top:77px;left:18px;right:18px;transform:translateY(-10px)}.universe-nav.open{opacity:1;visibility:visible;transform:none}.universe-nav a{padding:13px 0;font-size:16px}.universe-story{height:900svh}.story-panel{padding:100px 24px 92px}.invitation{justify-content:flex-end}.studio-line{margin-bottom:18px;font-size:12px!important}.invitation-title{margin-bottom:25px}.invitation h1{font-size:clamp(49px,11.8vw,90px)}.invitation-tail{display:block}.invitation-tail p{max-width:310px}.action-button{gap:45px;min-height:53px;margin-top:23px;padding:16px 21px}.opening{justify-content:flex-end}.opening-copy{max-width:100%;margin-bottom:20px}.opening h2{font-size:clamp(62px,16vw,105px)}.opening-copy p{max-width:270px;margin-top:25px}.round-action{width:58px;height:58px;bottom:13%;right:24px}.round-action svg{width:25px;height:25px}.world-name{top:14%;left:24px}.world-name>p{margin-bottom:14px;font-size:12px}.world-name h2{font-size:clamp(84px,21vw,128px)}.world-description{background:radial-gradient(at 0 100%,#11160f80,#0000 80%);width:auto;max-width:360px;padding:20px 0 0;bottom:12%;left:24px;right:24px}.world-description>p:first-child{margin-bottom:11px;font-size:22px}.world-description .muted{max-width:300px;margin-bottom:7px;font-size:13px;line-height:1.6}.text-action{padding:10px 0;font-size:14px}.concept-note{margin-top:13px;font-size:10px!important}.world-response{min-height:20px;margin-top:10px;font-size:12px!important}.letter-message p{padding-top:13px;font-size:13px}.letter-message span{font-size:10px}.letter-message.open~.concept-note{margin-top:10px}.grub-meeting{justify-content:flex-end;padding-bottom:95px}.grub-copy{max-width:100%}.grub-copy h2{max-width:100%;font-size:clamp(40px,9.6vw,66px)}.grub-speech{background:#eceddfed;max-width:100%;margin-top:18px;padding:16px 19px}.grub-speech p{font-size:13px;line-height:1.5}.grub-speech:after{top:-14px;bottom:auto;right:22px;transform:rotate(-90deg)}.grub-choices{gap:8px;margin-top:13px}.choice-button{gap:12px;max-width:100%;padding:12px 15px;font-size:12px}.grub-poke{background:#11160f55;padding:11px;font-size:12px;top:20%;bottom:auto;right:25px}.grub-poke span{display:none}.grub-poke svg{width:18px;height:18px}.encounter-ending{font-size:12px!important;line-height:1.4!important}.universe-poster{width:145%;height:65%;top:8%;right:-35%}.universe-studio{padding:95px 24px 75px}.studio-asterisk{width:48px;height:48px;margin-bottom:35px}.studio-statement h2{font-size:clamp(40px,10.6vw,70px)}.studio-statement>p{margin-top:35px;font-size:22px;line-height:1.5}.studio-principles{grid-template-columns:1fr;gap:37px;margin-top:75px;padding-top:35px}.studio-principles h3{font-size:24px}.principle button{font-size:21px}.universe-footer{padding:45px 24px 25px}.universe-footer>div:first-child{gap:24px;margin-bottom:45px;font-size:12px}.large-mark{font-size:21vw}.large-mark>svg{width:14vw;height:14vw}.footer-caption{flex-wrap:wrap;gap:14px;padding-top:28px;font-size:10px}.footer-caption span:last-child{display:none}.journey-navigation{padding:15px 20px 20px}.journey-navigation>div{gap:6px}.chapter-name{max-width:120px;font-size:10px}.journey-navigation button{width:29px;font-size:10px}}@media (height<=720px) and (width>=768px){.story-panel{padding-top:100px;padding-bottom:78px}.invitation h1{font-size:12vh}.invitation-title{margin-bottom:20px}.world-name h2{font-size:19vh}.grub-copy h2{font-size:9vh}.grub-speech{margin-top:15px;padding:15px 22px}.grub-choices{margin-top:15px}.concept-note{margin-top:12px}.world-name{top:16%}.world-description{bottom:15%}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.universe-story{height:auto}.story-panel{min-height:100svh;position:relative;inset:auto;opacity:1!important;transform:none!important}.opening-copy{max-width:100%}.world-name,.world-description{position:relative;inset:auto}.world-description{width:min(500px,100%);margin-top:35px}.world-name h2{font-size:var(--display)}.grub-copy{max-width:600px}.grub-poke,.journey-navigation{display:none}.universe-stage{opacity:.3!important}.universe-studio{background:#11160fa8}}.world-description{text-shadow:0 2px 18px #080d05}.world-description:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#11160fcc 10%,#11160f99 40%,#0000 73%);position:absolute;inset:-40px -50px}body[data-graphics=fallback] .universe-story{height:auto}body[data-graphics=fallback] .story-panel{min-height:100svh;position:relative;inset:auto;opacity:1!important;transform:none!important}body[data-graphics=fallback] .journey-navigation{display:none}body[data-graphics=fallback] .universe-stage{opacity:.3!important}body[data-graphics=fallback] .world-name,body[data-graphics=fallback] .world-description{position:relative;inset:auto}body[data-graphics=fallback] .world-description{width:min(500px,100%);margin-top:35px}body[data-graphics=fallback] .grub-poke{display:none}@media (width<=767px) and (height<=740px){.invitation h1{font-size:12vw}.studio-line{margin-bottom:10px}.invitation-title{margin-bottom:14px}.invitation-tail p{font-size:12px}.action-button{margin-top:14px}.world-name{top:15%}.world-name h2{font-size:19vw}.world-name>p{margin-bottom:10px;font-size:11px}.world-description{bottom:12%}.world-description>p:first-child{font-size:20px}.world-description .muted{font-size:12px}.world-response{min-height:0}.grub-copy h2{font-size:9vw}.grub-speech{margin-top:12px;padding:12px 16px}.grub-speech p{font-size:12px}.grub-choices{margin-top:10px}.choice-button{padding:10px 13px}.grub-copy .concept-note{margin-top:9px}.letter-message.open p{font-size:12px}}.pocket-universe:is([data-chapter="2"],[data-chapter="3"]) .stage-veil{background:linear-gradient(270deg,#11160feb,#11160faa 22%,#0000 48%),linear-gradient(90deg,#0c110977,#0000 38%),linear-gradient(#11160f55,#0000 14% 75%,#11160fb0)}@media (width<=767px){.pocket-universe:is([data-chapter="2"],[data-chapter="3"]) .stage-veil{background:linear-gradient(#0000 47%,#11160fe6 76%,#11160f 100%),linear-gradient(90deg,#11160f55,#0000 70%)}}