.herd-screen{height:100vh;background:#f4f3ec;overflow:hidden}.herd-top{max-width:none;height:95px;padding:0 30px;gap:28px;background:#fffdf8}.herd-title{margin-right:auto}.herd-title h1{font:600 24px Outfit,Arial;letter-spacing:-.6px;margin:0}.herd-title p{font-size:11px;margin:6px 0 0;color:#7f8178}.herd-totals{display:grid;grid-template-columns:35px 88px;gap:0 5px;align-items:center}.herd-totals b{font:700 29px Outfit;color:#e27920;grid-row:span 2}.herd-totals span{font-size:11px}.herd-totals small{font-size:9px;color:#7c8572}.herd-join{background:#f58220;border-radius:8px;padding:12px 16px;color:#242424;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.herd-main{min-height:0;max-width:none;height:calc(100vh - 95px);display:flex;flex-direction:column;padding:16px 24px;gap:15px}.herd-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.herd-world{border:1px solid #dadfd0;border-radius:16px;position:relative;overflow:hidden;background:#eef0e7;min-height:0}.herd-world canvas{display:block;width:100%;height:100%}.herd-world-head{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.herd-world-head h2{font:600 18px Outfit,Arial;margin:4px 0;color:#30382f;letter-spacing:-.3px}.herd-world-head p{font-size:8px;letter-spacing:1.2px;color:#77816d;margin:0}.herd-count{font-size:10px;background:#fffdf3da;border:1px solid #d8decd;border-radius:20px;padding:7px 10px}.herd-world-foot{position:absolute;bottom:11px;left:18px;right:15px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#75816b;pointer-events:none}.herd-focus{pointer-events:auto;font-size:9px;border:1px solid #d9dfcd;border-radius:5px;padding:6px 8px;background:#fffdf3de}.herd-grid.focused{grid-template-columns:1fr;grid-template-rows:1fr}.herd-grid.focused .herd-world:not(.is-focused){display:none}.herd-bottom{height:105px;display:flex;gap:25px;align-items:center;flex-shrink:0;border-top:1px solid #dfdfd3;padding-top:10px}.herd-bottom>div:first-child{min-width:190px;max-width:230px}.herd-bottom b{display:block;font-size:9px;letter-spacing:1.5px}.herd-bottom span{display:block;font-size:10px;color:#788170;margin:7px 0}.herd-bottom code{font:10px monospace;color:#9d5a24}.herd-gallery{display:flex;gap:10px;overflow-x:auto;min-width:0;flex:1}.herd-gallery-card{display:flex;gap:5px;align-items:center;background:#fffdf5;border:1px solid #e1e3d6;padding:4px 10px 4px 0;border-radius:9px;min-width:145px}.herd-gallery-card canvas{width:60px;height:72px;display:block;border-radius:7px}.herd-gallery-card b{font-size:10px;letter-spacing:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.herd-gallery-card span{font-size:8px;margin:4px 0;color:#7b8470}.herd-gallery-card small{font-size:8px;color:#a56a2d}.herd-empty{font-size:12px;color:#7d8573;padding:10px}.herd-link-error{color:#a75f1a!important}@media(min-width:1600px){.herd-top{height:110px;padding:0 45px}.herd-main{height:calc(100vh - 110px);padding:24px 40px;gap:20px}.herd-grid{gap:20px}.herd-world-head{top:23px;left:26px}.herd-world-head h2{font-size:25px}.herd-world-head p{font-size:10px}.herd-count{font-size:12px}.herd-bottom{height:140px}.herd-gallery-card canvas{width:80px;height:100px}.herd-gallery-card{min-width:185px}.herd-gallery-card b{font-size:12px}}@media(max-width:800px){.herd-top{padding:0 18px;height:85px;gap:15px}.herd-top .brand>span,.herd-top .brand i{display:none}.herd-title h1{font-size:17px}.herd-title p{font-size:9px}.herd-totals{grid-template-columns:25px 70px}.herd-totals b{font-size:23px}.herd-join{font-size:9px;padding:10px}.herd-top .text-btn{display:none}.herd-main{height:calc(100vh - 85px);padding:10px;gap:10px}.herd-grid{gap:8px}.herd-world-head{top:9px;left:11px;right:10px}.herd-world-head h2{font-size:13px}.herd-world-head p{font-size:7px;letter-spacing:.3px}.herd-count{font-size:8px;padding:5px}.herd-world-foot{font-size:7px;left:10px;right:10px}.herd-world-foot>span{display:none}.herd-world-foot{justify-content:flex-end}.herd-bottom{height:93px;gap:10px}.herd-bottom>div:first-child{min-width:120px;max-width:130px}.herd-bottom b{font-size:8px}.herd-bottom span{font-size:8px}.herd-bottom code{font-size:8px}.herd-gallery-card{min-width:130px}.herd-gallery-card canvas{width:48px;height:65px}}@media(max-width:480px){.herd-totals{display:none}.herd-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,300px);overflow:auto}.herd-main{overflow:auto}.herd-grid{flex:none}.herd-bottom{flex-direction:column;align-items:stretch;height:auto}.herd-bottom>div:first-child{max-width:none}.herd-gallery{min-height:83px}.herd-world{min-height:300px}}

/* One event screen, rather than four separate room panels. */
.herd-screen .herd-grid{display:flex;flex:1;overflow:hidden;min-height:0}.herd-screen .common-campus{flex:1;min-height:0}.district-counts{position:absolute;right:16px;bottom:18px;display:flex;gap:7px;flex-wrap:wrap;max-width:90%;padding:9px;background:#fffdf2eb;border:1px solid #dbe1d1;border-radius:12px}.district-counts>span{display:flex;gap:8px;align-items:center;padding:6px 9px;border-radius:7px;background:#f3f5eb}.district-counts b{font-size:10px;font-weight:600}.district-counts i{font-size:10px;font-style:normal;background:#e0e9d3;padding:3px 6px;border-radius:20px}.herd-screen .herd-title h1{font-size:24px}@media(max-width:800px){.district-counts{left:10px;right:10px;bottom:12px;max-width:none;justify-content:center;padding:6px;gap:4px}.district-counts b{font-size:8px}.district-counts>span{padding:4px}.herd-screen .herd-title h1{font-size:18px}}@media(max-width:480px){.herd-screen .herd-main{overflow:hidden}.herd-screen .common-campus{min-height:0}.herd-screen .herd-bottom{height:93px;flex-direction:row}.herd-screen .herd-bottom>div:first-child{display:none}.herd-screen .herd-gallery{min-height:0}.herd-world-head{max-width:90%}}