/* K I J O B E — Part of the KIJOBE universe
 * Project: World of Bits · © 2026–∞ World of Bits
 * Bytesize heritage: 2002–∞ · Origin: https://worldofbits.kijobe.com/ */
:root{color-scheme:light;--ink:#173024;--paper:#f3f0e4;--green:#64d653;--gold:#c3a565;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #238b43;outline-offset:5px}button:disabled{cursor:default}button[hidden]{display:none}h1,h2,p{margin-top:0}.kijobe-skip{position:absolute;top:-80px;left:20px;padding:12px;background:white;z-index:20}.kijobe-skip:focus{top:12px}.kijobe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.kijobe-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;padding:24px 42px;margin:auto;border-bottom:1px solid #d7d7c9}.kijobe-brand{text-decoration:none;font-weight:950;letter-spacing:-1px;font-size:18px;display:flex;gap:10px;align-items:center}.kijobe-brand span{background:var(--ink);color:var(--green);font-size:25px;padding:3px 7px}.kijobe-header nav{display:flex;align-items:center;gap:25px;font-size:12px}.kijobe-header nav a{text-decoration:none}.kijobe-header button{border:1px solid #bec6b7;background:transparent;padding:8px 10px;font-size:11px}.kijobe-intro{text-align:center;padding:42px 20px 30px}.kijobe-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:15px}.kijobe-intro h1{font-size:clamp(28px,4vw,48px);letter-spacing:-2px;line-height:1.1;margin-bottom:15px}.kijobe-intro>p:last-child{font-size:12px;line-height:1.7;margin-bottom:0;color:#4b6151}.kijobe-world-wrap{max-width:1196px;margin:0 auto 68px;padding:0 0 15px;border:2px solid #213627;background:#15291f;color:#f3f0df;box-shadow:8px 8px 0 #dfdfce}.kijobe-world-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #39533d;font-size:9px;letter-spacing:1px}.kijobe-world-top i{display:inline-block;width:7px;height:7px;background:var(--green);margin-right:4px}#kijobe-world{width:100%;aspect-ratio:960/420;background:#a9bea1;overflow:hidden}#kijobe-world canvas{display:block;image-rendering:pixelated;width:100%}.kijobe-world-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px 8px}.kijobe-world-bottom p{font-size:11px;margin:0;color:#c4ceb5;max-width:550px;line-height:1.6}.kijobe-walk-controls{display:flex;gap:7px}.kijobe-walk-controls button{border:1px solid #799168;background:#283b2b;color:#f6f2d9;min-height:44px;padding:10px 14px;font-weight:700;font-size:11px}.kijobe-walk-controls #kijobe-enter{background:#c9ad73;color:#112519;border-color:#d2bd91;white-space:nowrap}.kijobe-caption{font-size:9px;line-height:1.7;margin:9px 20px 0;color:#acbaa3}.kijobe-doors-section,.kijobe-about{max-width:1196px;margin:0 auto 72px}.kijobe-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.kijobe-section-heading h2,.kijobe-about h2{font-size:26px;letter-spacing:-1px;margin-bottom:0}.kijobe-section-heading>p{max-width:390px;font-size:11px;line-height:1.8;margin:0;color:#526252}.kijobe-door-list{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.kijobe-door-card{border:1px solid #c5caba;background:#ebeadd;padding:18px 15px;position:relative;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:8px;min-height:161px;transition:transform .15s,background .15s}.kijobe-door-card:hover{background:#e0e7d0;transform:translateY(-3px)}.kijobe-door-card .kijobe-door-number{font-size:9px;color:#6a7966;letter-spacing:1px}.kijobe-door-card strong{font-size:13px}.kijobe-door-card small{font-size:10px;line-height:1.5;min-height:30px}.kijobe-door-card .kijobe-tag{font-size:8px;letter-spacing:1px;background:#d8dfc7;padding:4px 6px;align-self:start;margin-top:auto}.kijobe-door-card[data-playable="true"] .kijobe-tag{background:#265236;color:#eff0dc}.kijobe-about{border-top:1px solid #c9cbbb;padding-top:36px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.kijobe-about p:not(.kijobe-eyebrow){font-size:12px;line-height:1.9;color:#4d6150}.kijobe-about a{font-size:11px;font-weight:800}.kijobe-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1280px;padding:25px 42px;margin:auto;border-top:1px solid #d7d7c9;color:#627160;font-size:9px}dialog{background:#f5f3e9;color:var(--ink);border:2px solid var(--ink);padding:24px;width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 30px);box-shadow:8px 8px 0 #101f1555}dialog::backdrop{background:#102116cc;backdrop-filter:blur(3px)}.kijobe-room-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.kijobe-room-header h2{margin:0;font-size:25px}.kijobe-room-header .kijobe-eyebrow{margin-bottom:7px}.kijobe-room-header>button{width:44px;height:44px;font-size:30px;color:var(--ink);background:transparent;border:1px solid #c0c8b7}.kijobe-room-footer{margin:18px 0 0;font-size:10px;color:#627660}.kijobe-room-copy{max-width:700px;font-size:14px;line-height:1.9}.kijobe-sketch-label{display:inline-block;font-size:11px;border:1px solid #c5c6b5;padding:8px 12px;margin-bottom:18px}.kijobe-story-choices{display:flex;gap:12px;flex-wrap:wrap}.kijobe-story-choices button,.kijobe-pong-controls button{padding:13px 16px;background:#1e3c28;color:#faf4df;border:0;min-height:44px;font-size:11px}.kijobe-story-art{height:70px;width:70px;margin-bottom:20px;position:relative;background:#141919;box-shadow:5px 5px 0 #bdd9c0;border:7px solid #2a3030}.kijobe-story-art::before{content:"";position:absolute;width:10px;height:24px;background:#e861c6;left:9px;top:9px;box-shadow:25px 0 0 #e861c6}.kijobe-story-art::after{content:"";position:absolute;width:14px;height:10px;right:-7px;top:-10px;background:#ec7bce;box-shadow:10px 5px 0 #d94bb3}#kijobe-pong{width:100%;aspect-ratio:960/420;background:#112419}#kijobe-pong canvas{display:block;width:100%;image-rendering:pixelated}.kijobe-pong-controls{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.kijobe-pong-controls p{font-size:11px;line-height:1.6;margin:0}.kijobe-pong-controls>div{display:flex;gap:7px}.kijobe-game-target{min-height:200px}
@media(max-width:1250px){.kijobe-world-wrap,.kijobe-doors-section,.kijobe-about{margin-left:24px;margin-right:24px}}@media(max-width:760px){.kijobe-header{padding:18px 20px}.kijobe-brand{font-size:12px}.kijobe-header nav{gap:12px;font-size:10px}.kijobe-header nav a:first-child{display:none}.kijobe-intro{padding:30px 22px 25px}.kijobe-intro h1{letter-spacing:-1px}.kijobe-intro>p:last-child{font-size:11px}.kijobe-world-wrap,.kijobe-doors-section,.kijobe-about{margin-left:15px;margin-right:15px;margin-bottom:42px}.kijobe-world-top{padding:10px 12px;font-size:7px;letter-spacing:.3px}.kijobe-world-bottom{flex-direction:column;align-items:stretch;padding:14px 13px 7px;gap:12px}.kijobe-walk-controls{justify-content:center}.kijobe-caption{font-size:8px;margin:8px 13px 0}.kijobe-door-list{grid-template-columns:repeat(2,1fr);gap:9px}.kijobe-door-card{min-height:145px;padding:15px 12px}.kijobe-section-heading{display:block}.kijobe-section-heading h2,.kijobe-about h2{font-size:23px;margin-bottom:14px}.kijobe-section-heading>p{font-size:11px}.kijobe-about{grid-template-columns:1fr;gap:20px;padding-top:24px}.kijobe-footer{padding:22px 20px;font-size:8px}.kijobe-room-header h2{font-size:21px}dialog{padding:18px}.kijobe-room-copy{font-size:12px}.kijobe-pong-controls{flex-wrap:wrap}#kijobe-world{aspect-ratio:640/420}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kijobe-door-card{transition:none}}

.kijobe-character-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:16px;background:#f1efdf;color:#223b28;border-top:2px solid #304b32;font-size:12px}.kijobe-character-controls select,.kijobe-character-controls button{font:inherit;min-height:44px;border:1px solid #68755c;background:#fffdf0;color:#233a27;padding:8px 14px}.kijobe-character-controls button[aria-pressed=true]{background:#304b32;color:#fff}.kijobe-character-controls span{font-size:10px;opacity:.8}

#kijobe-kindness-status{width:100%;text-align:center;margin:0;line-height:1.6}#kijobe-kindness:disabled{opacity:.65;cursor:default}