:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0}body{margin:0}.theme-dark{--bg-primary: #0a0a0f;--bg-card: #16161e;--bg-card-hover: #1e1e2a;--text-primary: #f0ece4;--text-secondary: #9a9490;--text-muted: #5a5652;--accent-gold: #c8a55a;--accent-gold-dim: rgba(200, 165, 90, .15);--border: rgba(200, 165, 90, .1);--urgency-plenty: #3a9a5c;--urgency-low: #c8a55a;--urgency-critical: #e04040;--urgency-soldout: #3a3a3a;--shadow: 0 4px 24px rgba(0, 0, 0, .4)}.theme-light{--bg-primary: #faf7f2;--bg-card: #ffffff;--bg-card-hover: #f5f0e8;--text-primary: #2a2520;--text-secondary: #6b6560;--text-muted: #9a9490;--accent-gold: #a0833a;--accent-gold-dim: rgba(160, 131, 58, .1);--border: rgba(160, 131, 58, .15);--urgency-plenty: #2d8049;--urgency-low: #a0833a;--urgency-critical: #cc3030;--urgency-soldout: #c0bcb8;--shadow: 0 4px 24px rgba(0, 0, 0, .08)}.board{width:100vw;height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;font-size:clamp(16px,2.5vh,28px)}.fomo-inner{font-size:calc(var(--fomo-scale, 18vh) * .14)}.board-header{padding:.3em 1em;border-bottom:1px solid var(--border);flex-shrink:0}.header-brand{display:flex;align-items:center;gap:.5em}.header-logo-img{height:2em;width:auto;object-fit:contain}.header-location{font-size:1em;color:var(--accent-gold);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.board-items{flex:1;padding:.5em 1em;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:.5em;overflow:hidden}.item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.3em;padding:.4em;background:var(--bg-card);border-radius:.75em;border:1px solid var(--border);min-height:0;position:relative;overflow:hidden;transition:transform .2s ease,background .3s ease;animation:cardEnter .4s ease-out}.item-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;border-radius:4px 4px 0 0;transition:background .4s ease}.item-card.plenty:before{background:var(--urgency-plenty)}.item-card.low:before{background:var(--urgency-low)}.item-card.critical:before{background:var(--urgency-critical)}.item-card.sold-out:before{background:var(--urgency-soldout)}.item-card.sold-out{opacity:.5;animation:soldOutPulse .6s ease-in-out}.item-image{width:100%;aspect-ratio:1 / 1;border-radius:.5em;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--accent-gold-dim);position:relative;flex-shrink:1;min-height:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-emoji{font-size:4em}.item-info{width:100%;min-width:0;text-align:center}.item-name{font-size:1.2em;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-description{display:none}.item-variations{margin-top:.15em;display:flex;flex-direction:column;gap:.1em}.item-var-row{display:flex;justify-content:space-between;align-items:center;font-size:.85em}.item-var-name{color:var(--text-secondary);flex:1}.item-var-price{color:var(--text-muted, #888);font-size:.85em;margin:0 .5em}.item-var-count{font-weight:700;color:var(--urgency-plenty);min-width:2.5em;text-align:right}.item-var-count.low{color:var(--urgency-critical)}.item-var-count.out{color:var(--urgency-soldout);font-size:.65rem;font-weight:600}.item-price{font-size:1em;color:var(--accent-gold);font-weight:600;margin-top:.15em}.item-count{position:absolute;bottom:.3em;left:.3em;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:.15em;padding:.2em .5em;border-radius:.5em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .15s ease;z-index:2}.plenty .item-count{background:#3a9a5cd9}.low .item-count{background:#c8a55ad9}.critical .item-count{background:#e04040d9}.sold-out .item-count{background:#3a3a3ad9}.count-number{font-size:1.8em;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.plenty .count-number,.low .count-number,.critical .count-number{color:#fff}.sold-out .count-number{color:#ccc}.count-label{font-size:.6em;color:#ffffffd9;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.item-count.bounce{animation:countBounce .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes countBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.sold-out-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sold-out-stamp{font-size:1.8rem;font-weight:900;color:var(--urgency-critical);letter-spacing:.15em;transform:rotate(-8deg);opacity:.6;text-shadow:0 2px 8px rgba(0,0,0,.4)}.board-footer{padding:.3em 1em;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);flex-shrink:0;font-size:.75em}.footer-hashtag{font-size:.85rem;color:var(--accent-gold);font-weight:600;letter-spacing:.03em}.footer-status{font-size:.75rem;font-weight:500}.footer-status.online{color:var(--urgency-plenty)}.footer-status.offline{color:var(--urgency-critical)}.board-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.board-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.empty-emoji{font-size:4rem}.empty-sub{color:var(--text-muted);font-size:.9rem}.location-picker{width:100vw;height:100vh;background:#0a0a0f;color:#f0ece4;display:flex;align-items:center;justify-content:center}.location-picker-inner{text-align:center;max-width:420px;width:100%;padding:2rem}.picker-logo{font-size:3rem;margin-bottom:.5rem}.location-picker h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;color:#f0ece4;line-height:1.2}.picker-subtitle{font-size:.95rem;color:#c8a55a;font-weight:500;margin-top:.25rem}.picker-divider{width:60px;height:2px;background:#c8a55a4d;margin:1.5rem auto}.location-picker h2{font-size:1rem;color:#9a9490;font-weight:500;margin-bottom:1.25rem}.location-list{display:flex;flex-direction:column;gap:.75rem}.location-button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:1rem 1.25rem;background:#16161e;border:1px solid rgba(200,165,90,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;color:#f0ece4;font-family:inherit;font-size:inherit}.location-button:hover{background:#1e1e2a;border-color:#c8a55a4d;transform:translateY(-1px)}.loc-name{font-size:1.1rem;font-weight:600}.loc-address{font-size:.8rem;color:#9a9490;margin-top:.15rem}.up-next-bar{display:flex;align-items:center;gap:.5em;padding:.4em .75em;background:var(--accent-gold-dim);border-radius:.5em;border:1px solid var(--border);margin:0 1em;font-size:.85em;flex-shrink:0}.up-next-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-gold);white-space:nowrap}.up-next-names{font-size:.9rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coming-soon-badge{background:var(--accent-gold-dim)!important}.coming-soon-badge .count-label{color:var(--accent-gold);font-size:.75rem}.board.landscape .board-items{padding:.5em 1.5em}.board.landscape .up-next-bar{margin:0 1.5rem;padding:.4rem 1rem;font-size:.8rem}.board-info-bar{display:grid;grid-template-columns:1fr 1fr;gap:.4em;padding:.3em 1em;flex-shrink:0;font-size:1em}.weather-widget{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.weather-current{display:flex;align-items:center;gap:.75rem}.weather-icon{font-size:2.5rem}.weather-main{display:flex;flex-direction:column;line-height:1.3}.weather-temp{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.weather-label{font-size:1rem;color:var(--text-secondary)}.weather-extra{display:flex;flex-direction:column;font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-left:auto}.weather-forecast{display:flex;gap:1rem;border-top:1px solid var(--border);padding-top:.4rem}.forecast-hour{display:flex;align-items:center;gap:.35rem;font-size:.95rem;color:var(--text-secondary)}.forecast-time{font-weight:600;color:var(--text-muted)}.forecast-icon{font-size:1.1rem}.forecast-temp{font-weight:600;color:var(--text-primary)}.forecast-precip{color:var(--urgency-low);font-size:.85rem}.coffee-quote{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:10px;border:1px solid var(--border);transition:opacity .5s ease}.coffee-quote.fading{opacity:0}.quote-icon{font-size:2rem;flex-shrink:0}.quote-text{font-size:1.15rem;color:var(--text-secondary);font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promo-display{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;transition:opacity .6s ease}.promo-display.fading{opacity:0}.promo-slide-image{width:100%;height:100%;object-fit:contain;display:block}.promo-empty{flex-direction:column;gap:.5rem}.promo-empty-content{text-align:center;color:var(--text-secondary)}.promo-caption{position:absolute;bottom:3.5rem;left:0;right:0;text-align:center;padding:.75rem 1.5rem;background:#0009;color:#fff;font-size:1.2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.promo-indicators{position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.promo-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:background .3s}.promo-dot.active{background:#ffffffe6}.promo-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.85rem}.specials-display{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.specials-header{text-align:center;padding:1.5vh 1em;flex-shrink:0}.specials-header h1{font-size:clamp(40px,8vh,100px);color:var(--accent, #c8a55a);font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:0}.specials-location{display:block;margin-top:.15em;font-size:clamp(14px,2vh,24px);color:var(--text-secondary)}.specials-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:clamp(20px,3vh,40px)}.specials-grid{flex:1;display:flex;flex-direction:column;gap:.5vh;padding:0 2vw .5vh;overflow:hidden}.specials-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5vh 2vw;align-content:stretch;grid-auto-rows:1fr}.specials-grid.single-item{align-items:center;justify-content:center}.specials-grid.single-item .specials-item{max-width:80%}.specials-item{display:flex;align-items:center;gap:calc(var(--spec-scale, 40vh) * .08);padding:calc(var(--spec-scale, 40vh) * .05) calc(var(--spec-scale, 40vh) * .06);background:var(--bg-card);border:1px solid var(--border);border-radius:.6em;flex:1;min-height:0}.specials-item-icon{width:calc(var(--spec-scale, 40vh) * .45);height:calc(var(--spec-scale, 40vh) * .45);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-input);overflow:hidden;aspect-ratio:1}.specials-item-icon img{width:100%;height:100%;object-fit:cover}.specials-emoji{font-size:calc(var(--spec-scale, 40vh) * .2)}.specials-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--spec-scale, 40vh) * .02)}.specials-item-name{font-size:calc(var(--spec-scale, 40vh) * .1);font-weight:700;color:var(--text-primary);text-transform:uppercase}.specials-item-desc{font-size:calc(var(--spec-scale, 40vh) * .065);color:var(--text-secondary);line-height:1.3}.specials-item-notes{font-size:calc(var(--spec-scale, 40vh) * .05);color:var(--text-muted);font-style:italic}.specials-item-price{font-size:calc(var(--spec-scale, 40vh) * .1);font-weight:700;color:var(--accent, #c8a55a);white-space:nowrap}.specials-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:.5vh 2vw;font-size:clamp(12px,1.5vh,20px);color:var(--text-muted)}.multizone-display{position:relative;width:100%;height:100%;overflow:hidden}.multizone-zone{overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.zone-placeholder{color:var(--text-muted);font-size:1rem;text-align:center;padding:2rem}.zone-image{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .5s ease;background:var(--bg-primary)}.zone-fading{opacity:0}.zone-catalog{width:100%;height:100%;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.zone-catalog-title{font-size:1.4rem;color:var(--accent, #c8a55a);margin-bottom:.75rem;text-align:center}.zone-catalog-list{display:flex;flex-direction:column;gap:.4rem;flex:1}.zone-catalog-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;background:var(--bg-card);border-radius:8px}.zone-catalog-img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.zone-catalog-name{flex:1;font-size:1rem;color:var(--text-primary)}.zone-catalog-price{font-size:1rem;font-weight:700;color:var(--accent, #c8a55a)}.zone-weather{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%}.zone-weather-icon{font-size:4rem}.zone-weather-temp{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.zone-weather-loc{font-size:1rem;color:var(--text-secondary)}.zone-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;padding:2rem;text-align:center}.zone-text-heading{font-size:2rem;color:var(--accent, #c8a55a);font-weight:700}.zone-text-body{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;max-width:40ch}.playlist-display{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:opacity .5s ease}.playlist-display.playlist-fading{opacity:0}.playlist-slot{flex:1;min-height:0;display:flex}.playlist-slot>*{width:100%}.playlist-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:.5rem}.playlist-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:.3em .5em;background:#0a0a0f99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.playlist-indicators{display:flex;gap:.4em}.playlist-indicator{flex:1;display:flex;flex-direction:column;gap:.15em}.playlist-indicator-label{font-size:.55em;color:#fff6;text-transform:uppercase;letter-spacing:.05em;text-align:center}.playlist-indicator.active .playlist-indicator-label{color:#ffffffe6}.playlist-progress{height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.default-display{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);gap:clamp(16px,3vh,40px)}.default-logo{display:flex;align-items:center;justify-content:center}.default-logo img{height:clamp(120px,25vh,300px);width:auto;object-fit:contain}.default-widgets{display:flex;gap:clamp(12px,2vw,32px);align-items:stretch}.default-footer{display:flex;gap:2rem;font-size:clamp(12px,1.5vh,20px);color:var(--text-muted);letter-spacing:.05em}.playlist-progress-fill{height:100%;background:var(--accent-gold, #c8a55a);border-radius:2px;transition:width .1s linear}.menu-display{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;color:#1a1a1a;padding:2vh 3vw;overflow:hidden}.menu-header{text-align:center;padding-bottom:1vh;flex-shrink:0}.menu-header h1{font-size:clamp(32px,5vh,72px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#2d6a2e;margin:0}.menu-grid{flex:1;display:grid;gap:1vh 2vw;align-content:stretch;grid-auto-rows:1fr}.menu-grid-single{place-items:center}.menu-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(var(--menu-scale, 45vh) * .02);padding:calc(var(--menu-scale, 45vh) * .01);min-height:0;overflow:hidden}.menu-item-image{width:100%;flex:1;min-height:0;border-radius:8px;overflow:hidden;flex-shrink:1}.menu-item-image img{width:100%;height:100%;object-fit:cover}.menu-item-placeholder{width:100%;height:100%;background:#f0ece6;border-radius:8px}.menu-item-info{display:flex;flex-direction:column;gap:calc(var(--menu-scale, 45vh) * .01)}.menu-item-name-row{display:flex;align-items:baseline;justify-content:center;gap:1vw;flex-wrap:wrap}.menu-item-name{font-size:calc(var(--menu-scale, 45vh) * .065);font-weight:700;text-transform:uppercase;letter-spacing:.01em}.menu-item-price{font-size:calc(var(--menu-scale, 45vh) * .06);font-weight:600;color:#444}.menu-item-desc{font-size:calc(var(--menu-scale, 45vh) * .04);color:#666;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:40ch;margin:0 auto}.menu-item-stock{display:inline-block;font-size:calc(var(--menu-scale, 45vh) * .035);font-weight:600;padding:3px 14px;border-radius:12px;background:#e8f5e9;color:#2d6a2e;margin-top:4px}.menu-item-stock.low{background:#fff3e0;color:#e65100}.menu-item-stock.sold-out{background:#ffebee;color:#c62828}.menu-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:.5rem;font-size:clamp(18px,3vh,36px)}.menu-empty-sub{font-size:.7em;color:#bbb}.menu-footer{text-align:center;padding-top:1vh;display:flex;align-items:center;justify-content:center;gap:2rem;flex-shrink:0}.menu-footer-text{font-size:clamp(16px,2.5vh,32px);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.menu-page-indicator{font-size:clamp(12px,1.5vh,20px);color:#999}.board.has-bg-image{background-size:cover;background-position:center;background-repeat:no-repeat}.has-bg-image .board-header{background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.has-bg-image .item-card{background:#16161ed9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.has-bg-image .up-next-bar{background:#16161ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.has-bg-image .board-info-bar .weather-widget,.has-bg-image .board-info-bar .coffee-quote{background:#16161ed9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.has-bg-image .board-footer{background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-light.has-bg-image .board-header{background:#faf7f2cc}.theme-light.has-bg-image .item-card{background:#ffffffd9}.theme-light.has-bg-image .up-next-bar{background:#fffc}.theme-light.has-bg-image .board-info-bar .weather-widget,.theme-light.has-bg-image .board-info-bar .coffee-quote{background:#ffffffd9}.theme-light.has-bg-image .board-footer{background:#faf7f2cc}.board.rotate-90{transform:rotate(90deg);transform-origin:top left;width:100vh;height:100vw;position:absolute;top:0;left:100vw}.board.rotate-180{transform:rotate(180deg)}.board.rotate-270{transform:rotate(270deg);transform-origin:top left;width:100vh;height:100vw;position:absolute;top:100vh;left:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes soldOutPulse{0%{transform:scale(1)}15%{transform:scale(1.02)}30%{transform:scale(.98)}to{transform:scale(1)}}.theme-light .sold-out-stamp{color:var(--urgency-critical);text-shadow:0 1px 4px rgba(0,0,0,.1)}.theme-light .item-card.sold-out{opacity:.6;background:#f0ece6}