.tea-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;margin:22px 0}.tea-host{align-self:start;background:#fff0d9;border:2px solid #b69e81;border-radius:22px;padding:14px;text-align:center;color:#294e58}.tea-host>svg{width:120px;height:165px}.tea-host h2{font-size:22px;margin:8px 0}.tea-host p{font-size:13px;line-height:1.65}.tea-vessels{display:block;width:100%;height:auto;background:#edf6ec;border-radius:20px;margin-bottom:16px}.tea-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tea-sources button{min-width:0;min-height:55px;padding:9px;background:#fff6df;border:2px solid #80958c;border-radius:12px;color:#294e58;font-size:14px}.tea-sources small{display:block;font-size:11px;line-height:1.7}.tea-sources [aria-pressed=true]{border-color:#a83252;background:#ffe1ce;box-shadow:0 0 0 1px #a83252}.tea-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:15px 0}.tea-controls button,.tea-controls select,.tea-hint button{min-height:44px;padding:9px 12px;border:1px solid #768b82;border-radius:10px;background:#fff8e8;color:#294e58;font-size:13px}.tea-controls label{font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tea-hint{padding:12px;border:1px dashed #916244;border-radius:12px;font-size:13px;line-height:1.8}.tea-guests{display:flex;justify-content:center;align-items:center;gap:15px}.tea-guests>svg{width:65px;height:90px;flex:none}.tea-guests p{font-size:12px;max-width:350px;line-height:1.7}#teapot-game button:focus-visible,#teapot-game select:focus-visible{outline:4px solid #275b9a;outline-offset:3px}.tea-sources button:disabled{opacity:1}.tea-vessels rect{transition:height .35s,y .35s}@media(max-width:760px){.tea-layout{grid-template-columns:1fr;gap:15px}.tea-host{display:flex;text-align:left;align-items:center;gap:12px;padding:8px}.tea-host>svg{width:80px;height:110px;flex:none}.tea-host h2{font-size:20px}.tea-host p{margin:6px 0;font-size:12px}.tea-sources button{font-size:12px}.tea-guests{gap:7px}.tea-guests p{font-size:11px}.tea-controls{gap:8px}.tea-controls select{max-width:150px}}@media(prefers-reduced-motion:reduce){.tea-vessels *{transition:none!important}}