:root{font:16px Nunito,system-ui,sans-serif;color:#263d43;background:#f7f3e9;color-scheme:light}*{box-sizing:border-box}body{margin:0}#app{max-width:72rem;margin:auto;padding:1rem}h1{font-size:1.8rem;margin:.2rem 0}p,li{line-height:1.5;overflow-wrap:anywhere}nav,#actions,.row,.choices{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}button{font:inherit;color:inherit;background:#fffefa;border:2px solid #6a8589;border-radius:.7rem;padding:.6rem .8rem;min-height:44px;min-width:44px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}button:hover{background:#e7efeb}button:focus-visible{outline:3px solid #a24e22;outline-offset:3px}button:disabled{opacity:.48;cursor:default}button.selected{outline:3px solid #a24e22;outline-offset:2px;background:#e3eee7}.primary{background:#376b68;color:white}.primary:hover{background:#285451}.panel{padding:.8rem;border:1px solid #bac5bd;border-radius:1rem;margin:.7rem 0;background:#fffdf8}.hand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,3.4rem),1fr));gap:.55rem;max-width:38rem}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;padding:.35rem}.card strong{font-size:1.3rem;white-space:nowrap}.red{color:#a13f2e}.black{color:#263d43}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.pair{display:flex;gap:.4rem;align-items:center;justify-content:center;min-height:88px;width:100%}.pair span{display:block;overflow-wrap:anywhere}.warning{border:1px solid #b67434;background:#fff0c9;padding:.6rem;border-radius:.6rem}footer{margin:1.2rem 0;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}label{font-weight:bold}@media(min-width:800px){.table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

summary{min-height:44px;padding:.6rem 0;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
ol{padding-left:1.4rem;overflow-wrap:anywhere}
:root{--cream:#f7f3e9;--ink:#263d43;--sage:#376b68;--ochre:#a24e22}body{background:radial-gradient(ellipse at top,#fffdfa,#f0e9d9)}h1,h2{font-family:'Baloo 2',Nunito,system-ui,sans-serif}h2{font-size:1.25rem;line-height:1.4}header{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:.5rem}.veranda{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1.2rem;align-items:start}#content{min-width:0}#host-area{margin:0;position:sticky;top:1rem}#host-canvas{display:block;width:100%;height:auto;aspect-ratio:300/270}#host-caption{font-size:.85rem;line-height:1.5;text-align:center}#hero{margin:.6rem 0 1rem;max-height:330px;overflow:hidden;border-radius:2rem;border:1px solid #c6c9b5}#hero img{display:block;width:100%;max-height:330px;object-fit:contain;background:#e7eada}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffefa;border:1px solid #6a8589;border-radius:.45rem;min-width:2.8rem;min-height:4.3rem;padding:.2rem;flex-shrink:0}.card-face strong{white-space:nowrap}.pair{flex-wrap:wrap;align-content:center;gap:.3rem}.pair>span:first-child{flex-basis:100%}.pair>span:not(.card-face){font-size:.8rem}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.shelf figure{margin:0;text-align:center;min-width:0}.shelf img{max-width:100%;height:120px;object-fit:contain}.shelf figcaption{line-height:1.5;overflow-wrap:anywhere}.table-summary{font-weight:700}#notice:empty,#preview:empty{display:none}#stats{background:#e6eadd;border-radius:.6rem;padding:.5rem .75rem}#stats:empty{display:none}.lesson-cards{border-block:1px solid #c0ccbf;padding:.6rem 0}.lesson-cards .row{justify-content:center}#actions{padding-top:.5rem}.panel{box-shadow:0 2px 0 #e0ded1}.card{box-shadow:0 3px 0 #cccaba}.card.selected{transform:translateY(-3px)}@media(max-width:700px){.veranda{grid-template-columns:minmax(0,1fr)}#host-area{position:static;max-width:150px;margin:.5rem auto;grid-row:2}#hero{max-height:none}#hero img{max-height:none}#app{padding:.75rem}.shelf{grid-template-columns:minmax(0,1fr)}.shelf img{height:130px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[hidden]{display:none!important}
#app[data-screen="play"] #tagline,#app[data-screen="result"] #tagline{display:none}#app[data-screen="play"] h1,#app[data-screen="result"] h1{font-size:1.3rem}#app[data-screen="play"] header,#app[data-screen="result"] header{gap:.2rem}#app[data-screen="play"] #nav,#app[data-screen="result"] #nav{margin:.2rem 0}#app[data-screen="home"] #content{display:flex;flex-direction:column}#app[data-screen="home"] #actions{order:-1}.hand-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.2rem),1fr))}.card{min-height:80px}

h1,h2,figcaption{overflow-wrap:anywhere}