.bp{--ink:#223d41;--green:#316854;--cream:#faf7ef;--line:#cbd9d0;color:var(--ink);font:17px/1.5 system-ui,sans-serif;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px 52px;box-sizing:border-box}.bp *{box-sizing:border-box;min-width:0}.bp [hidden]{display:none!important}.bp h1{font:700 clamp(2rem,4vw,3.6rem)/1.1 Georgia,serif;margin:12px 0}.bp h2{font:700 clamp(1.5rem,3vw,2.2rem)/1.2 Georgia,serif;margin:12px 0}.bp p{margin:8px 0 18px}.bp button,.bp .bp-button{font:600 15px/1.3 system-ui,sans-serif;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 16px;min-height:46px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal}.bp button:hover,.bp .bp-button:hover{background:#edf5ef}.bp button:focus-visible,.bp a:focus-visible,.bp textarea:focus-visible{outline:3px solid #ae570e;outline-offset:3px}.bp button[aria-pressed=true],.bp .bp-primary{background:var(--green);color:#fff;border-color:var(--green)}.bp button:disabled{cursor:default;opacity:.55}.bp .bp-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:750;color:#49665e;margin:0}.bp .bp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.bp .bp-card{display:block;background:var(--cream);border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s}.bp .bp-card:hover{transform:translateY(-3px)}.bp .bp-card img{width:100%;height:auto;display:block}.bp .bp-card-body{padding:18px}.bp .bp-card h2{font-size:25px;margin:0 0 9px}.bp .bp-card small{display:block;color:#4a625a}.bp .bp-card b{display:block;margin-top:16px}.bp .bp-card.done{border:2px solid #316854}.bp .bp-top,.bp .bp-tools,.bp .bp-levels,.bp .bp-tray-nav,.bp .bp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bp .bp-top{justify-content:space-between;margin-bottom:12px}.bp .bp-levels{margin:12px 0}.bp .bp-levels span{margin-right:4px}.bp .bp-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.bp .bp-board-wrap{border:8px solid #e3cda8;border-radius:18px;background:#edf0e6;box-shadow:0 10px 25px #253a3310;overflow:hidden;position:relative}.bp .bp-board{width:100%;position:relative;aspect-ratio:var(--ratio);isolation:isolate}.bp .bp-board button{position:absolute;padding:0;border:0;border-radius:0;min-height:0;background:transparent;overflow:visible;display:block}.bp .bp-board button:focus-visible{outline:3px solid #b45114;z-index:4}.bp .bp-board button svg{position:absolute;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;display:block;pointer-events:none;overflow:visible}.bp .bp-board button.placed{pointer-events:none;opacity:1;z-index:2}.bp .bp-board button.wrong{background:#ffe4b5}.bp .bp-peek{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5}.bp .bp-progress{height:7px;width:100%;accent-color:var(--green);display:block;margin:14px 0}.bp .bp-feedback{min-height:52px;font-size:15px;margin:8px 0!important;overflow-wrap:anywhere}.bp .bp-feedback.error{background:#fff1da;border-left:4px solid #b15d18;padding:8px}.bp .bp-tray{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:12px;padding:12px 6px 18px;scroll-snap-type:x proximity;touch-action:pan-x pan-y;min-height:116px}.bp .bp-tray .bp-piece{flex:0 0 100px;width:100px;height:95px;padding:8px;border:2px solid #cad8ce;background:#f9f7ef;scroll-snap-align:start;touch-action:pan-x pan-y}.bp .bp-piece[aria-pressed=true]{border:3px solid var(--green)!important;background:#e2f0de!important;box-shadow:0 0 0 2px #fff inset}.bp .bp-piece svg{width:100%;height:100%;pointer-events:none}.bp .bp-tray-nav{justify-content:space-between;font-size:13px}.bp .bp-tray-nav button{padding:10px;min-width:46px}.bp .bp-aside{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:20px}.bp .bp-aside img{display:block;width:100%;height:auto;border-radius:14px}.bp .bp-aside h2{font-size:24px}.bp .bp-storage{font-size:13px;color:#49665e;margin-top:24px}.bp details{margin-top:18px}.bp summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.bp select,.bp textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.bp dialog{max-width:min(560px,calc(100vw - 28px));width:100%;max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:24px;padding:24px;color:var(--ink);background:var(--cream)}.bp dialog::backdrop{background:#162c2ac9}.bp dialog img{width:100%;height:auto;max-height:40vh;object-fit:contain;border-radius:14px}.bp .bp-congrats{background:#e7f2e4;border-radius:18px;padding:18px;margin-top:12px}.bp .bp-congrats h2{font-size:25px}.bp .bp-greeting-image{width:100%;height:auto;margin:12px 0}.bp .bp-link{display:block;overflow-wrap:anywhere}.bp .bp-dialog-close{float:right}.bp-shell{background:#fffdf8}.bp-shell>main{max-width:none!important;padding:0!important}.bp-promote{display:block;padding:18px;margin:20px 0;border:1px solid #cbd9d0;border-radius:18px;background:#faf7ef;color:#223d41;font-weight:650;text-decoration:none}.bp .bp-stage-focus{scroll-margin-top:110px}@media(max-width:760px){.bp{padding:18px 14px 36px}.bp .bp-cards{grid-template-columns:minmax(0,1fr);gap:16px}.bp .bp-card{display:grid;grid-template-columns:42% minmax(0,1fr)}.bp .bp-card img{height:100%;object-fit:contain;background:#eee7d7}.bp .bp-card-body{padding:14px}.bp .bp-card h2{font-size:22px}.bp .bp-card b{margin-top:8px}.bp .bp-layout{grid-template-columns:minmax(0,1fr)}.bp .bp-aside{display:none}.bp .bp-tools button{flex:1 1 auto;padding:11px 9px}.bp .bp-board-wrap{border-width:6px}.bp .bp-top button{font-size:14px}.bp .bp-levels button{flex:1 1 0}.bp .bp-levels span{flex-basis:100%;font-size:14px}.bp .bp-tray-nav{font-size:12px}.bp .bp-feedback{min-height:48px}.bp dialog{padding:18px}}@media(prefers-reduced-motion:reduce){.bp *{scroll-behavior:auto!important;transition:none!important}}