.ob-game{max-width:44rem;margin:0 auto}.ob-head{text-align:center;margin-bottom:var(--space-16,1rem)}.ob-title{margin:0 0 var(--space-4,.25rem);color:var(--ff-ink);font-size:clamp(1.5rem,6vw,2rem)}.ob-tag{margin:0}.ob-chooser{gap:var(--space-8,.5rem);margin:0 auto var(--space-16,1rem);flex-wrap:wrap;justify-content:center;display:flex}.ob-lvl{border:3px solid var(--ff-line);background:var(--ff-card);min-width:52px;min-height:52px;color:var(--ff-ink);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;transition:border-color .12s,transform 80ms;display:inline-flex}.ob-lvl:hover{border-color:var(--pc-select)}.ob-lvl:active{transform:translateY(1px)}.ob-lvl:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ob-lvl--on{border-color:var(--pc-select);background:var(--pc-select-bg,var(--ff-warm))}.ob-lvl-emoji{line-height:1}.ob-goal{text-align:center;color:var(--ff-ink);margin:0 auto var(--space-8,.5rem);max-width:30rem;font-size:1.15rem;font-weight:800}.ob-stage{padding:var(--space-16,1rem)}.ob-grid{flex-wrap:nowrap;justify-content:center;gap:2px;margin:0 auto;display:flex;overflow-x:auto}.ob-col{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:.5rem;flex-direction:column;gap:2px;padding:2px;transition:background-color .1s,border-color .1s;display:flex}.ob-col:hover{background:var(--pc-select-bg,color-mix(in srgb, var(--pc-select) 14%, transparent))}.ob-col:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ob-col--stuck{background:#dc26261f;border-color:#dc2626}.ob-cell{border-radius:.3rem;justify-content:center;align-items:center;width:clamp(1.9rem,8vw,2.5rem);height:clamp(1.9rem,8vw,2.5rem);font-size:clamp(1.1rem,5vw,1.5rem);line-height:1;display:flex}.ob-sky{background:color-mix(in srgb, var(--pc-select) 6%, transparent)}.ob-terrain,.ob-brick,.ob-goal,.ob-nims{background:0 0}.ob-hint{text-align:center;margin:var(--space-8,.5rem) auto 0;max-width:32rem}.ob-btns{gap:var(--space-16,1rem);margin:var(--space-16,1rem) auto 0;flex-wrap:wrap;justify-content:center;display:flex}.ob-send{min-width:12rem;min-height:52px;font-size:1.15rem}.ob-clear{border:2px solid var(--ff-line);min-height:48px;color:var(--ff-ink);cursor:pointer;background:0 0;border-radius:.8rem;padding:.5rem 1rem;font-size:1rem;font-weight:700}.ob-clear:hover{border-color:var(--pc-select)}.ob-clear:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ob-result{max-width:32rem;padding:var(--space-16,1rem);text-align:center;margin:var(--space-16,1rem) auto 0}.ob-result-head{color:var(--ff-ink);margin:0 0 var(--space-4,.25rem);font-size:1.25rem;font-weight:900}.ob-result-teach{color:var(--ff-ink);margin:0;font-weight:600}.ob-result--ok{border:3px solid var(--pc-select)}.ob-check{max-width:32rem;padding:var(--space-16,1rem);margin:var(--space-8,.5rem) auto 0}.ob-check-head{color:var(--ff-ink);margin:0 0 var(--space-8,.5rem);font-weight:800}.ob-check-list{margin:0;padding:0;list-style:none}.ob-check-item{color:var(--ff-ink);margin:.35rem 0;font-weight:600}.ob-check-item--ok{color:var(--pc-select)}.ob-share{gap:var(--space-16,1rem);margin:var(--space-16,1rem) auto 0;flex-wrap:wrap;justify-content:center;display:flex}.ob-sharebtn{min-height:48px}.ob-learn{max-width:42rem;margin:0 auto}.ob-h{margin:0 0 var(--space-16,1rem);color:var(--ff-ink);font-size:1.5rem}.ob-sub{margin:var(--space-16,1rem) 0 var(--space-4,.25rem);color:var(--ff-ink);font-size:1.15rem}.ob-list{margin:var(--space-8,.5rem) 0;padding-left:1.2rem}.ob-list li{margin:.3rem 0}.ob-back{margin-top:var(--space-24,1.5rem);font-weight:700}@media (prefers-reduced-motion:reduce){.ob-lvl,.ob-col{transition:none}}.ob-3d{justify-content:center;align-items:center;width:100%;min-height:clamp(14rem,46vw,20rem);display:flex}.ob-3d canvas{border-radius:.6rem;max-width:100%;height:auto}.ob-viewrow{gap:var(--space-8,.5rem);margin:var(--space-8,.5rem) auto 0;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.ob-view-toggle{cursor:pointer;border:2px solid var(--ff-line);background:var(--ff-card);min-height:44px;color:var(--ff-ink);border-radius:.8rem;padding:.5rem 1rem;font-size:1rem;font-weight:800;transition:border-color .12s}.ob-view-toggle:hover{border-color:var(--pc-select)}.ob-view-toggle[aria-pressed=true]{border-color:var(--pc-select);background:var(--pc-select-bg,var(--ff-warm))}.ob-view-toggle:focus-visible{outline:3px solid var(--ff-focus,var(--pc-select));outline-offset:2px}.ob-view-hint{max-width:18rem}@media (prefers-reduced-motion:reduce){.ob-view-toggle{transition:none}}.pc-theme-obbypals.pc-immersive{--pc-env-bg:radial-gradient(120% 90% at 50% 6%, #e7f9f7 0%, #beefeb 42%, #0000 72%), linear-gradient(to bottom, #daf6f4 0%, #9de7e1 46%, #68d9d0 76%, #3bcec3 100%);--pc-env-bg-dark:radial-gradient(120% 90% at 50% 6%, #123f3c 0%, #0b2825 46%, #0000 74%), linear-gradient(to bottom, #103734 0%, #0b2825 52%, #071816 100%);--pc-env-bg-flat:oklab(90.9144% -.0542845 -.00950181);--pc-env-bg-flat-dark:#0b2825}.pc-theme-obbypals{--pc-select:#0f766e;--pc-select-bg:color-mix(in srgb, var(--pc-select) 12%, transparent);color:var(--ff-ink)}@media (prefers-color-scheme:dark){.pc-theme-obbypals{--pc-select:#5eead4}}