.keyboq-page{color:#59402e;background:#fff3d9;min-height:100vh;padding:34px clamp(10px,3vw,42px) 76px}.keyboq-intro{text-align:center;max-width:1040px;margin:0 auto 18px}.keyboq-intro h1{margin:.16em 0;font-size:clamp(2.5rem,6vw,5rem);line-height:1.08}.keyboq-intro>p:last-child{font-size:clamp(.95rem,1.8vw,1.25rem);line-height:1.8}.keyboq-forest{isolation:isolate;cursor:copy;background:#b8d88b url(/art/islands/keyboq-forest-clay-v1.png) 50%/cover no-repeat;border:6px solid #76543d;border-radius:42px;width:min(1440px,100%);min-height:clamp(760px,67vw,980px);margin:auto;position:relative;overflow:hidden;box-shadow:0 12px #bd8b5c,0 20px 34px #65442730}.keyboq-forest:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff9df20,#5e813008 58%,#335d2828);position:absolute;inset:0}.forest-dialogue{z-index:200;pointer-events:none;background:#fff9e8ef;border:4px solid #76543d;border-radius:22px;align-items:center;gap:10px;min-width:min(430px,86%);max-width:720px;min-height:66px;padding:8px 20px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px #c99a65}.forest-dialogue p{text-align:center;flex:1;margin:0;font-size:clamp(.86rem,1.5vw,1.15rem);font-weight:800}.forest-dialogue .keyboq{flex:none;width:54px}.forest-dialogue.is-talking{animation:.28s forest-talk}.forest-residents{z-index:10;pointer-events:none;position:absolute;inset:0}.forest-resident{z-index:calc(20 + var(--depth));color:#533a2a;cursor:pointer;filter:drop-shadow(0 5px 3px #51351f42);pointer-events:auto;background:0 0;border:0;width:clamp(62px,6.4vw,94px);min-width:0;height:clamp(82px,8.2vw,118px);padding:20px 0 0;transition:left 2.7s ease-in-out,top 2.7s ease-in-out,filter .2s;display:block;position:absolute;transform:translate(-50%,-50%)}.forest-resident .keyboq{width:100%;box-shadow:none;animation:forest-idle 3.2s var(--delay) ease-in-out infinite;background:0 0;border:0;border-radius:0;padding:0;transition:transform .24s,filter .24s;position:relative;top:auto;left:auto;transform:none}.forest-resident .keyboq-art{width:100%;height:auto;display:block}.forest-resident>span:last-child{z-index:4;white-space:nowrap;background:#fff8e5df;border:0;border-radius:999px;padding:1px 7px;font-size:clamp(.58rem,.82vw,.78rem);font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%,-70%);box-shadow:0 2px 5px #4b342632}.forest-resident:hover,.forest-resident:focus-visible,.forest-resident.is-active{z-index:180;filter:drop-shadow(0 9px 6px #3d2b2048)}.forest-resident:hover .keyboq,.forest-resident:focus-visible .keyboq,.forest-resident.is-active .keyboq{transform:translateY(-9px)scale(1.12)}.forest-resident:focus-visible{outline-offset:3px;border-radius:20px;outline:4px solid #fff3a7}.forest-resident.is-active>span:last-child{background:#ffd46c}.forest-apple-art{z-index:170;pointer-events:none;background:radial-gradient(circle at 35% 28%,#ffd3aa 0 3px,#0000 4px),#df5844;border:3px solid #7d3f2c;border-radius:48% 52% 50% 50%;width:42px;height:39px;display:block;position:relative;box-shadow:inset -7px -7px #b53e35,0 6px 7px #4e351f55}.forest-apple-art:before{content:"";background:#70472e;border-radius:5px;width:6px;height:16px;position:absolute;top:-12px;left:20px;transform:rotate(14deg)}.forest-apple-art:after{content:"";background:#60944f;border-radius:100% 0;width:16px;height:9px;position:absolute;top:-9px;left:24px;transform:rotate(-18deg)}.forest-apple{z-index:170;pointer-events:none;width:42px;height:39px;position:absolute;transform:translate(-50%,-50%)}.apple-radius{z-index:165;pointer-events:none;border:4px solid #fff3b4b8;border-radius:50%;width:88px;height:42px;animation:1.5s ease-out infinite apple-aroma;position:absolute;transform:translate(-50%,-50%)}@keyframes forest-talk{50%{transform:translate(-50%)scale(1.04)}}@keyframes forest-idle{50%{transform:translateY(-4px)rotate(1.2deg)}}@keyframes apple-aroma{0%{opacity:.8;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@media (max-width:900px){.keyboq-forest{background-position:50%;min-height:1180px}.forest-resident{width:clamp(54px,9vw,78px);height:clamp(74px,12vw,102px)}}@media (max-width:560px){.keyboq-page{padding-inline:5px}.keyboq-intro h1{white-space:nowrap;font-size:clamp(2rem,10vw,3.1rem)}.keyboq-forest{border-radius:28px;min-height:1550px}.forest-resident{width:52px;height:72px}.forest-resident>span:last-child{font-size:.58rem}.forest-dialogue{min-width:90%;padding-inline:10px}}@media (prefers-reduced-motion:reduce){.forest-resident,.forest-resident .keyboq{transition:none;animation:none}.apple-radius{opacity:.6;animation:none}}.keyboq-page{padding-left:0;padding-right:0}.keyboq-intro{padding-left:16px;padding-right:16px}.keyboq-forest{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0}@media (max-width:560px){.keyboq-page{padding-left:0;padding-right:0}.keyboq-forest{border-radius:0}}