:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f6e4be;background:#0e1716}*{box-sizing:border-box}body{margin:0}.feature-shell{height:100dvh;min-height:360px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-width:1500px;margin:auto;background:linear-gradient(#0e1716df,#0e1716f5),var(--room) center/cover}a{color:inherit}button,select{font:inherit;color:inherit;background:#273631;border:1px solid #a78b54;border-radius:8px;min-height:44px;padding:8px 14px}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff0a0;outline-offset:3px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #856d45}header h1{font:clamp(17px,2.6vw,27px) Georgia,serif;letter-spacing:.08em;margin:0}header nav,footer div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status{padding:9px 16px;display:flex;justify-content:space-between;gap:12px;background:#312417;border-bottom:1px solid #80683d;font-size:14px}.stage{min-height:0;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:18px;padding:16px}aside{text-align:center}aside .guest-picture{display:block;width:100%;height:180px}aside p{color:#d9cab2;font-size:13px;line-height:1.45}footer{border-top:1px solid #856d45;border-bottom:0;font-size:12px}.table-area{min-width:0;min-height:0}.oware-score{display:flex;justify-content:space-between;margin:10px 0;font-size:18px}.oware-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:16px;border:9px ridge #785132;border-radius:35px;background:linear-gradient(10deg,#694625,#a57c4a,#56381d)}.house{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:clamp(74px,15vh,155px);padding:5px;border-radius:50%;background:radial-gradient(ellipse,#281b10 40%,#674529 75%,#b08854);box-shadow:inset 0 5px 12px #0008;border:2px solid #3e2918}.house:disabled{opacity:1}.house[data-house]:enabled{border-color:#ffe3a5;box-shadow:0 0 0 2px #e7c56c55,inset 0 4px 10px #0008}.house.last{outline:3px solid #e8d286}.house b{font-size:clamp(17px,2.5vw,28px);text-shadow:0 2px 3px #000}.house small{font-size:10px}.seeds{width:46px;height:35px;background:url('/savanna-lodge/assets/symbols-v1.webp') 100% 100%/400% 200%;border-radius:50%}.row-guide{text-align:center;color:#ddc8a4;font-size:12px;margin:6px}.action-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}.encore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px;margin:auto}.instrument{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;height:clamp(92px,23vh,215px);background:#241c1b;border:2px solid #8d704e}.instrument:disabled{opacity:.8}.instrument.lit{background:#765c31;border-color:#fff2ad;box-shadow:0 0 30px #e5bc6277}.instrument .photo{width:clamp(52px,13vh,130px);height:clamp(52px,13vh,130px);background-image:url('/music-row/assets/symbols-v1.webp');background-size:400% 200%;border-radius:12px}.instrument b{font-size:15px}.set-progress{text-align:center;font-size:16px;min-height:24px;margin:10px 0}.fine{font-size:12px;color:#d3c4aa}dialog{color:#f6e4be;background:#16231f;border:1px solid #b4975c;border-radius:16px;max-width:min(650px,94vw);max-height:88dvh;padding:22px}dialog::backdrop{background:#000b}dialog p{line-height:1.55}dialog header{padding:0 0 12px}dialog a{color:#f7d685}.paused{opacity:.6}button[aria-pressed=true]{border-color:#fff2ad;background:#58452d}.music-control{font-size:12px;padding:7px 10px;min-height:36px}
@media(max-width:650px){header{padding:8px;gap:8px;flex-wrap:wrap}header h1{flex:1}header nav{gap:6px}header nav button{font-size:12px;padding:7px}header a{font-size:12px}.status{flex-direction:column;gap:3px;padding:7px 10px;font-size:12px}.stage{grid-template-columns:1fr;grid-template-rows:68px minmax(0,1fr);gap:5px;padding:8px}aside{height:68px;display:flex;align-items:center;gap:8px;text-align:left}aside .guest-picture{width:68px;height:68px;flex-shrink:0}aside p{font-size:11px;margin:3px 0}aside strong{font-size:13px}.oware-grid{gap:4px;padding:8px;border-width:6px;border-radius:23px}.house{height:clamp(68px,12vh,110px);padding:2px}.seeds{width:34px;height:26px}.oware-score{font-size:14px}.action-row{margin:7px 0;gap:7px}.action-row button{font-size:13px}footer{padding:8px;gap:8px;align-items:center}footer>span{max-width:150px;font-size:10px}.instrument{height:clamp(90px,20vh,165px);gap:5px}.instrument b{font-size:13px}.instrument .photo{width:clamp(48px,12vh,92px);height:clamp(48px,12vh,92px)}.set-progress{font-size:13px;margin:5px 0}.encore-grid{gap:8px}}
@media(max-height:500px) and (min-width:651px){header,footer{padding:5px 12px}.status{padding:5px 12px}.stage{padding:6px 12px;grid-template-columns:125px 1fr;gap:12px}aside .guest-picture{height:100px}aside p{font-size:11px;margin:4px}.oware-grid{padding:6px;border-width:6px;gap:6px}.house{height:62px}.seeds{height:24px;width:32px}.oware-score{font-size:14px;margin:3px}.row-guide{font-size:10px;margin:2px}.action-row{margin:3px}.action-row button{min-height:34px;padding:5px 10px}.instrument{height:78px;flex-direction:row;gap:8px}.instrument .photo{height:58px;width:58px}.encore-grid{gap:7px}.set-progress{margin:2px;font-size:12px}}