@font-face{font-family:DynaPuff;src:url("assets/fonts/DynaPuff-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
/* Only eyes, copy and navigation. No creature silhouette or CRT decoration. */
.portal-dialog.is-oddlings{background:#000;color:#eeeae3;font-family:monospace;}
.is-oddlings .oddlings-shell{width:min(980px,100%);min-height:100%;margin:auto;padding:24px clamp(20px,5vw,48px);box-sizing:border-box;display:flex;flex-direction:column;}
.oddlings-nav{display:flex;justify-content:flex-end;}
.is-oddlings button{background:transparent;color:#d7d1c7;border:0;padding:12px 4px;min-height:48px;font:11px/1.5 monospace;letter-spacing:.07em;cursor:pointer;}
.is-oddlings button:hover,.is-oddlings a:hover{color:#fff;}
.is-oddlings :focus-visible{outline:2px solid #edaa71;outline-offset:5px;}
.is-oddlings h1:focus{outline:none;}
.oddlings-teaser{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0 32px;}
.oddlings-eyes{display:flex;gap:clamp(24px,5vw,44px);margin:0 0 clamp(42px,7vh,64px);pointer-events:none;}
.oddling-eye{position:relative;width:clamp(86px,18vw,132px);aspect-ratio:1 / 1.08;overflow:hidden;border-radius:49% 49% 46% 46%;background:radial-gradient(ellipse at 36% 25%,#fffaf0,#e6ddcc 68%,#bcb19b);box-shadow:inset 0 0 0 3px #b3a38b,inset 0 0 0 6px #f7edda, inset -7px -9px 13px #63554255;transform-origin:50% 50%;}
.oddling-eye::before{content:'';position:absolute;inset:0;border:5px dotted #a18d6b70;border-radius:inherit;}
.oddling-pupil{position:absolute;width:64%;height:68%;left:18%;top:16%;border-radius:48%;background:radial-gradient(ellipse at 38% 20%,#343b38 0,#101512 31%,#030504 69%,#111710 100%);box-shadow:0 2px 4px #40332566,inset -3px -5px 6px #000;transform:translate(var(--look-x,0px),var(--look-y,0px));}
.oddling-pupil::before{content:'';position:absolute;width:25%;height:20%;left:20%;top:14%;border-radius:50%;background:#fffbef;transform:rotate(-25deg);box-shadow:0 0 4px #fff8;}
.oddling-pupil::after{content:'';position:absolute;width:9%;height:8%;right:18%;bottom:22%;border-radius:50%;background:#eee8d3a6;}
.oddlings-eyes.is-blinking .oddling-eye{animation:oddling-blink 260ms ease-in-out both;}
@keyframes oddling-blink{0%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(.035)}}
.oddlings-coming{font:10px/1.6 monospace;letter-spacing:.18em;color:#b9afa2;margin:0 0 16px;}
.is-oddlings h1{font:700 clamp(22px,4vw,36px)/1.35 DynaPuff,monospace;letter-spacing:.035em;margin:0;color:#f5f0e7;}
.oddlings-description{max-width:43ch;font:16px/1.75 system-ui,sans-serif;color:#bfb9b0;margin:24px 0 0;}
.oddlings-tagline{font:italic 18px/1.6 Georgia,serif;color:#eee7dc;margin:28px 0 12px;}
.oddlings-update{font:11px/1.7 monospace;color:#aaa197;margin:0;}
.oddlings-classic{margin-top:42px;}
.is-oddlings .oddlings-classic button{border:1px solid #615c54;padding:12px 20px;}
.oddlings-classic p{font:10px/1.7 monospace;color:#a79e92;margin:10px 0 0;max-width:40ch;}
.oddlings-footer{display:flex;justify-content:center;}
.is-oddlings .oddlings-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:#aaa197;font:10px monospace;text-underline-offset:4px;}
@media(max-width:600px){.is-oddlings .oddlings-shell{padding:12px 24px;}.oddlings-teaser{padding:36px 0 28px;}.oddlings-description{font-size:15px;}.oddlings-tagline{font-size:17px;}.oddlings-coming{font-size:9px;letter-spacing:.12em;}}
@media(max-height:550px) and (orientation:landscape){.oddlings-teaser{padding:24px 0;}.oddling-eye{width:86px;}.oddlings-eyes{margin-bottom:32px;}.oddlings-description{margin-top:18px;}.oddlings-tagline{margin-top:20px;}}
@media(prefers-reduced-motion:reduce){.is-oddlings *{animation:none!important;transition:none!important;}.oddling-pupil{transform:none!important;}}