.kitchen-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:24px;align-items:start}.scene-wrap{border-radius:24px;overflow:hidden;background:#e9ede4;border:1px solid #d5ded0}.scene-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y}#kitchen-scene{height:470px;position:relative}.fallback{padding:30px;color:#173f35}.scene-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;background:#173f35;color:white;font-size:14px}.scene-toolbar div{display:flex;gap:4px}.scene-toolbar button{border:1px solid #789485;background:transparent;color:white;border-radius:8px;min-height:36px;padding:6px 10px;font:inherit;cursor:pointer}.scene-hint{padding:0 16px;font-size:14px}.builder-panel{padding:24px;background:white;border-radius:24px;border:1px solid #dce3d8}.builder-panel h2{margin:10px 0}.builder-panel p{margin:10px 0}.field{display:grid;gap:8px;margin:18px 0;font-weight:600}.field select,.field input,.field textarea,#topic-draft{font:inherit;font-weight:400;padding:12px;border:1px solid #bbc9bd;border-radius:10px;background:white;width:100%;box-sizing:border-box}.field textarea,#topic-draft{min-height:120px}.mode-tabs,.topic-nav{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.mode-tabs button,.topic-nav button{font:inherit;font-size:14px;background:#f2f5ed;border:1px solid #d5dfcf;padding:8px 12px;border-radius:9px;cursor:pointer}.mode-tabs .selected,.topic-nav .selected{background:#173f35;color:white;border-color:#173f35}.built-phrase{padding:16px;border-radius:14px;background:#f2f6ec;margin:16px 0}.built-phrase .sentence-output{font-size:24px;line-height:1.5;background:none;padding:0}.gender{font-weight:700;border-radius:4px;padding:1px 3px}.masc{color:#225ea5;background:#e9f1ff}.fem{color:#a63843;background:#ffeded}.neut{color:#226447;background:#e5f5e8}.plural{color:#715092;background:#f3edfa}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.legend span{padding:3px 6px;border-radius:4px}.inventory-section{margin:30px 0}.between{justify-content:space-between}.object-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.object-tile{text-align:left;display:flex;flex-direction:column;gap:7px;border:1px solid #d5dfcf;border-radius:12px;padding:14px;background:white;cursor:pointer;font:inherit;min-height:96px}.object-tile.selected{outline:2px solid #315b4a;background:#f2f6eb}.object-number{font-size:12px;color:#65776c}.object-tile small{font-size:14px}.text-link{color:#235b47;background:transparent;border:0;border-bottom:1px solid #a7bbaa;padding:5px 0;margin:4px 16px 4px 0;font:inherit;font-size:14px;cursor:pointer}.why-form{margin-top:18px;font-size:14px}.why-form summary{cursor:pointer;font-weight:600}.personal-steps li{padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.saved-phrase{padding:16px 0;border-bottom:1px solid #dce4d8}.saved-phrase summary{cursor:pointer;color:#245d46;margin:12px 0}.recipe-card{background:white;border:1px solid #dce4d8;border-radius:22px;overflow:hidden;margin:24px 0}.recipe-cover{height:220px;position:relative}.recipe-cover img{width:100%;height:100%;object-fit:cover}.recipe-cover .pill{position:absolute;bottom:14px;left:20px;background:white}.recipe-body{padding:28px}.recipe-steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;counter-reset:step}.recipe-steps li{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:12px;background:#f7f8f2;border-radius:12px}.recipe-steps img{width:95px;height:90px;object-fit:cover;border-radius:9px}.recipe-steps p{margin:4px 0 10px}.recipe-steps summary{font-size:14px;color:#42664c;cursor:pointer}.table-scroll{overflow-x:auto}.grammar-table{border-collapse:collapse;width:100%;font-size:16px}.grammar-table td,.grammar-table th{padding:14px 12px;border-bottom:1px solid #dbe4d7;text-align:left;vertical-align:top}.grammar-table th{background:#f0f5e9;color:#264f3c}.grammar-entry{padding:20px;margin-bottom:24px;background:#eef5e4;border-radius:18px}.grammar-entry h2{font-size:20px;margin:0 0 12px}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b08022;outline-offset:3px}.content{max-width:1440px}.action-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.object-preview{width:100%;height:130px;object-fit:contain;background:#e9ede4}.vocab-card .object-preview{height:170px}
@media(min-width:1600px){#kitchen-scene{height:540px}}@media(max-width:1150px){.kitchen-workspace{grid-template-columns:1fr}.builder-panel{display:block}.object-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.recipe-steps{grid-template-columns:1fr}}@media(max-width:600px){#kitchen-scene{height:350px}.object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-toolbar{align-items:flex-start;flex-direction:column}.builder-panel,.recipe-body{padding:18px}.action-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kitchen-workspace{gap:14px}.legend{font-size:12px;gap:4px}.recipe-steps li{grid-template-columns:70px 1fr}.recipe-steps img{width:70px;height:76px}.built-phrase .sentence-output{font-size:22px}.topic-nav button{width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.object-tile[hidden]{display:none}.object-tile .object-preview{height:100px;border-radius:8px}.object-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}

.actions-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.action-library-card{border:1px solid #d6dfd1;border-radius:18px;overflow:hidden;background:#fff}.action-library-card>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e9ede4}.action-library-copy{padding:20px}.action-library-copy h2{margin:0}.action-targets{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.action-targets>span{width:100%;font-size:14px}.action-targets .secondary{padding:7px;font-size:14px}.action-library-card[hidden]{display:none}.image-unavailable{display:block;padding:14px;font-size:14px;background:#eef3e8}.object-preview:not([src]),.action-library-card>img:not([src]){visibility:hidden}@media(max-width:1100px){.actions-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.actions-library{grid-template-columns:1fr}}

.action-options{margin-top:16px}.action-options summary{cursor:pointer;color:#315b4a}.action-library-copy>.primary{margin-top:12px;display:block}
/* A cabinet is the primary picker; hit targets never depend on WebGL. */
.shelf-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px;align-items:start}.shelf-catalog{min-width:0;border:1px solid #cbbca7;border-radius:18px;overflow:hidden;background:#fff}.shelf-controls{padding:18px 20px 14px}.shelf-controls .field{margin:0}.shelf-controls .mode-tabs{margin:12px 0}.shelf-meta{display:flex;justify-content:space-between;gap:12px;color:#506258;font-size:14px}.shelf-scroll{max-height:720px;overflow:auto;scrollbar-gutter:stable;background:#9e7a53 url('assets/materials/wood.png') center/500px}.cabinet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;padding:20px 16px 28px}.cabinet-grid .object-tile{position:relative;padding:0;gap:0;overflow:hidden;border-radius:10px;background:#fff;border:2px solid transparent;box-shadow:0 7px 0 #694a30,0 12px 14px #35281544;min-width:0;text-align:center;transition:border-color .15s,transform .15s}.cabinet-grid .object-tile:hover{border-color:#50785d;transform:translateY(-3px)}.cabinet-grid .object-tile.selected{outline:none;border-color:#173f35;background:#f2f7e9}.shelf-photo{display:block;background:#fff;aspect-ratio:1.12;overflow:hidden;width:100%}.cabinet-grid .object-tile .object-preview{display:block;height:100%;width:100%;border-radius:0;object-fit:contain;background:white}.shelf-label{display:grid;gap:7px;padding:12px 6px 8px;min-height:78px;align-content:start;overflow-wrap:anywhere}.shelf-label .gender{font-size:16px;line-height:1.4;justify-self:center}.shelf-russian{font-size:14px;color:#45574b;line-height:1.4}.shelf-select{font-size:14px;padding:7px 10px;border-top:1px solid #e3e9df;color:#315b4a}.object-tile.selected .shelf-select{background:#173f35;color:#fff}.shelf-legend{padding:15px}.shelf-workspace .builder-panel{position:sticky;top:18px;min-width:0}.builder-panel .selected-photo{height:190px;background:white;border-radius:12px;object-fit:contain}.shelf-return{display:none}.optional-room{margin:24px 0}.optional-room .scene-wrap{margin-top:16px}.shelf-empty{padding:30px;margin:16px;background:white;border-radius:10px}.shelf-empty[hidden]{display:none}.shelf-workspace #selected-name:focus{outline:2px solid #b08022;outline-offset:5px}.shelf-workspace .mode-tabs button{min-height:42px}.shelf-workspace .built-phrase .sentence-output{font-size:22px}.shelf-workspace .builder-panel h2{font-size:25px;overflow-wrap:anywhere}.shelf-workspace button:focus-visible{outline:3px solid #d7a33e;outline-offset:3px}
@media(max-width:1200px){.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-workspace{gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}}
@media(max-width:900px){.shelf-workspace{grid-template-columns:1fr}.shelf-workspace .builder-panel{position:static;scroll-margin-top:15px}.shelf-return{display:block}.shelf-scroll{max-height:560px}.cabinet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-panel .selected-photo{height:210px}}
@media(max-width:550px){.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding:14px 10px 25px}.shelf-controls{padding:15px}.shelf-meta{flex-direction:column;gap:3px}.shelf-legend{gap:6px;font-size:13px}.shelf-label .gender{font-size:15px}.shelf-workspace .builder-panel{padding:18px}.shelf-scroll{max-height:490px}}
.kitchen-overview{border:1px solid #c9d3c4;border-radius:18px;overflow:hidden;background:white;margin:20px 0 26px}.kitchen-photo-map{position:relative;isolation:isolate;background:#dde0d5}.kitchen-photo-map>img{width:100%;height:auto;max-height:550px;object-fit:cover;display:block}.room-point{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:#173f35eF;color:#fff;border:2px solid white;border-radius:30px;padding:4px;font:inherit;cursor:pointer;box-shadow:0 5px 16px #0005;min-width:48px;min-height:48px;z-index:1}.room-point>span:first-child{display:grid;place-items:center;min-width:36px;height:36px;font-size:20px;font-weight:750}.room-point-label{display:none;font-size:14px;padding-right:12px;white-space:nowrap}.room-point:is(:hover,:focus-visible,.selected){z-index:2;background:#e3f6b1;color:#173f35}.room-point:is(:hover,:focus-visible,.selected) .room-point-label{display:block}.zone-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#d8e0d2}.zone-nav button{background:#fff;padding:14px 8px;border:0;font:inherit;font-size:14px;text-align:left;cursor:pointer;min-height:65px}.zone-nav button.selected{background:#173f35;color:white}.zone-nav button small{display:block;margin-top:5px;font-size:13px;opacity:.8}.zone-nav b{margin-right:5px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.shelf-heading h2{margin:0;scroll-margin-top:20px}.speak-toggle{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.speak-toggle input{width:20px;height:20px;accent-color:#173f35}.room-point:focus-visible,.zone-nav button:focus-visible{outline:3px solid #bc8620;outline-offset:3px}.cabinet-grid button>*{pointer-events:none}
@media(max-width:900px){.zone-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.kitchen-photo-map>img{min-height:260px;object-fit:cover}.shelf-heading{flex-wrap:wrap}.room-point{min-width:40px;min-height:40px}.room-point>span:first-child{min-width:28px;height:28px;font-size:18px}.room-point-label{display:none!important}}
@media(prefers-reduced-motion:reduce){.cabinet-grid .object-tile{transition:none}.cabinet-grid .object-tile:hover{transform:none}}
.kitchen-photo-map>img{max-height:none;min-height:0;aspect-ratio:1672/941;object-fit:contain}.photo-credits{font-size:14px;margin:18px 0;color:#4b6552}.photo-credits summary{cursor:pointer}.photo-credits li{margin:8px 0}.photo-credits a{color:#245d46}
.zone-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.zone-nav button:first-child{grid-column:span 2}.room-point{min-width:44px;min-height:44px}.room-point>span:first-child{min-width:32px;height:32px}
@media(max-width:600px){.zone-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-nav button:first-child{grid-column:1/-1}.room-point{min-width:30px;min-height:30px;border-width:1px;padding:2px}.room-point>span:first-child{min-width:24px;height:24px;font-size:15px}.zone-nav button{min-height:64px;font-size:14px}}
@media(max-width:600px){.room-point{min-width:40px;min-height:40px}.room-point>span:first-child{min-width:30px;height:30px;font-size:16px}}
.room-point-label{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:#fff;color:#173f35;border-radius:10px;padding:10px 14px;box-shadow:0 4px 18px #0003;text-align:left;pointer-events:none}.room-point-label small{display:block;font-size:14px;font-weight:400;margin-top:4px}.room-point[data-zone="fridge"] .room-point-label,.room-point[data-zone="freezer"] .room-point-label{left:0;transform:none}.room-point[data-zone="shelf"] .room-point-label,.room-point[data-zone="counter"] .room-point-label{left:auto;right:0;transform:none}
@media(max-width:600px){
 .room-point[data-zone="fridge"]{left:8%!important;top:38%!important}
 .room-point[data-zone="freezer"]{left:8%!important;top:83%!important}
 .room-point[data-zone="sink"]{left:27%!important;top:30%!important}
 .room-point[data-zone="dishwasher"]{left:27%!important;top:65%!important}
 .room-point[data-zone="cupboard"]{left:47%!important;top:15%!important}
 .room-point[data-zone="island"]{left:47%!important;top:82%!important}
 .room-point[data-zone="stove"]{left:66%!important;top:65%!important}
 .room-point[data-zone="drawer"]{left:75%!important;top:40%!important}
 .room-point[data-zone="shelf"]{left:91%!important;top:15%!important}
 .room-point[data-zone="counter"]{left:91%!important;top:80%!important}
}
@media(max-width:600px){.room-point{min-width:44px;min-height:44px}.room-point>span:first-child{min-width:34px;height:34px}}
.noun-plural{display:block;font-size:14px;line-height:1.5;font-weight:400;color:#35483d;overflow-wrap:anywhere}.noun-plural b{font-weight:600}.shelf-label .noun-plural{border-top:1px solid #e0e5da;margin-top:4px;padding-top:8px}.noun-number{padding:12px 14px;background:#eef5e5;border-radius:10px;margin:12px 0}.noun-number .noun-plural{font-size:17px}.noun-inflection{display:grid;font-size:14px;color:#53674e;margin-bottom:12px}.noun-inflection .text-link{justify-self:start}.grammar-sources{font-size:14px}.grammar-sources a{color:#235b47}

.built-action-photo{margin:16px 0}.built-action-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.built-action-photo figcaption{font-size:14px;color:#53674e;margin-top:6px}
/* Keep the hands, tools and food visible in every teaching scene. */
.action-image{background:#f2eee7}.action-image img{object-fit:contain}
.action-thumb img{object-fit:contain;background:#f2eee7}
.recipe-steps li{display:flex;flex-direction:column;gap:14px}
.recipe-steps .recipe-action-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f2eee7}
.built-action-photo img{object-fit:contain;background:#f2eee7}

.noun-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}.noun-controls .field{flex:1;min-width:220px}.vocab-card[hidden]{display:none}.word-actions{margin-top:18px;border-top:1px solid #dbe4d7;padding-top:14px}.word-actions summary{cursor:pointer;color:#235b47;font-weight:600}.word-action-example{padding:14px 0;border-bottom:1px solid #e4e8de}.word-action-example p{margin:0 0 8px}.related-objects{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.related-objects>b{flex-basis:100%;font-size:14px}.related-objects button{font-size:14px;padding:8px 12px}

.catalog-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:28px 0}.catalog-pager [role="status"]{color:var(--muted,#64685f)}[data-word-action]:focus{outline:3px solid #677f54;outline-offset:5px}.action-library-card[hidden],.vocab-card[hidden]{display:none!important}
