.cat-page{background:#f4eddf}.cat-main{padding:clamp(1rem,3vw,2.8rem) 0 4rem}.cat-intro{max-width:920px;margin:1rem 0 1.3rem}.cat-intro h1{font-size:clamp(2.35rem,7vw,5rem);color:#193f2e}.cat-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(270px,350px);gap:1.3rem;justify-content:center;align-items:start}.cat-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.55rem;margin-bottom:.65rem;border-radius:13px;background:#183828;color:#fff}.cat-scoreboard div{padding:.5rem;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0c}.cat-scoreboard span{display:block;color:#e7c875;font-size:.58rem;font-weight:900;text-transform:uppercase}.cat-scoreboard strong{font:700 clamp(.82rem,3vw,1.2rem) Georgia,serif}.cat-board{position:relative;width:min(100%,720px);padding:9px;margin:auto;border:4px solid #6e4a2e;border-radius:18px;background-image:linear-gradient(#1b422e99,#172d22d9),url("/assets/images/wellness/heartworks-bell-tent-golden-hour.webp");background-size:cover;background-position:center 55%;box-shadow:0 18px 45px #17342544}.cat-board canvas{display:block;width:100%;aspect-ratio:1;border:2px solid #ddbd70;border-radius:10px;background:rgba(28,67,44,.53);touch-action:none;outline:none}.cat-board canvas:focus-visible{outline:4px solid #f1c85f;outline-offset:4px}.cat-photo-label{position:absolute;right:17px;bottom:16px;padding:.25rem .5rem;border-radius:99px;background:#11291fcc;color:#f2ddac;font-size:.6rem}.cat-dpad{display:grid;grid-template-columns:repeat(3,68px);grid-template-rows:repeat(2,62px);justify-content:center;gap:5px;margin:.75rem auto}.cat-dpad button{border:2px solid #69462b;border-radius:12px;background:#e5bc67;color:#173626;font-size:1.4rem;font-weight:950;box-shadow:0 4px 0 #755033;touch-action:none}.cat-dpad button:active{transform:translateY(3px);box-shadow:0 1px 0 #755033}.cat-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem}.cat-actions button{min-height:48px}.cat-secondary{display:flex;gap:.5rem;margin-top:.55rem}.cat-secondary p{flex:1;min-height:46px;margin:0;padding:.65rem;border-left:4px solid #c6933a;background:#eee0c1}.cat-secondary button{min-height:46px;border:1px solid #8d816c;background:#fffaf0}.cat-sidebar{display:grid;gap:1rem}.cat-panel{padding:1rem;border:1px solid #cdbb9c;border-radius:12px;background:#fffaf0;box-shadow:var(--shadow-soft)}.cat-panel h2,.cat-panel legend{font:700 1.25rem Georgia,serif;color:#174431}.cat-panel fieldset{border:0;padding:0}.cat-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.cat-options label{position:relative}.cat-options input{position:absolute;opacity:0}.cat-options span{display:grid;place-items:center;min-height:48px;border:1px solid #8f8068;border-radius:7px}.cat-options input:checked+span{background:#1d4b36;color:#fff}.cat-options input:focus-visible+span{outline:3px solid #d3a342}.cat-panel ul,.cat-panel ol{padding-left:1.2rem}@media(max-width:899px){.cat-layout{grid-template-columns:1fr}.cat-sidebar{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cat-scoreboard{gap:.2rem;padding:.35rem}.cat-scoreboard div{padding:.35rem .2rem;text-align:center}.cat-dpad{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,62px)}.cat-actions{grid-template-columns:1fr 1fr}.cat-actions [data-cat-start]{grid-column:1/-1}.cat-secondary{flex-direction:column}.cat-sidebar{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cat-board *{animation:none!important;transition:none!important}}