:root{color-scheme:dark;--wine:#210f0c;--mahogany:#2c1711;--dark:#150b08;--gold:#cda35c;--pale:#ffebc6;--mid:#cbb18a;--line:#745437;--green:#8da67a;--red:#ca8074;--shadow:#0c0503;--card:linear-gradient(150deg,#392118,#21110d);font-family:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 38% 10%,#47281b,#1a0e0a 60%,#100806);color:var(--pale)}body{font-family:Georgia,serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}a{color:var(--pale)}.hidden{display:none!important}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(24deg,#fff 0,#fff 1px,transparent 1px,transparent 6px)}.app-shell{position:relative;min-height:100vh}.masthead{min-height:120px;padding:15px clamp(16px,2.8vw,42px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(175deg,#3a2118,#1d0f0a);border-bottom:5px ridge #b99662;box-shadow:0 9px 18px #08030280}.brand-line{font-size:clamp(31px,4.2vw,64px);line-height:.98;letter-spacing:.06em;text-shadow:2px 3px 1px #100704}.brand-line strong{color:#f7d791}.eyebrow,.brand-sub,.kicker,.mini-label,.mast-right,.section-bar,.panel-head span,.kpi span,.kpi small,.tile-tail,.note-bar,.workspace-footer,.control-buttons button,.small-copy,.login-foot,.minor-copy,.service-settings,.game-meter span,.quicklinks a,.sound-console,.bridge-warning,.volume-presets,.display-grid,.toast,.demo-banner,.side-bottom,.nav-button,.action-tile small,.clock{font-family:Arial,Helvetica,sans-serif}.eyebrow{font-size:9px;letter-spacing:.29em;color:#c1a07b}.brand-sub{letter-spacing:.28em;font-size:clamp(9px,1vw,13px);margin-top:7px;color:#d0ad75;font-weight:700}.small-crest{color:#977b55;font-size:25px;margin-left:16px}.mast-right{display:flex;align-items:center;gap:17px}.status-meta{text-align:right;font-weight:700;font-size:11px;letter-spacing:.09em;color:#e4c8a0;line-height:1.9}.dot{display:inline-block;width:10px;height:10px;border:1px solid #bfa480;border-radius:50%;background:#865e52;margin-right:6px}.dot.connected{background:#85b475;box-shadow:0 0 8px #81bd63}.clock{font-size:clamp(22px,2.6vw,39px);color:#ffe2a8;font-weight:700;letter-spacing:.05em;border-left:1px solid #745437;padding-left:16px;font-variant-numeric:tabular-nums}.top-button{border:1px solid var(--gold);background:#2b160f;color:var(--pale);border-radius:4px;padding:12px;letter-spacing:.05em;font-size:11px;font-weight:700}.demo-banner{background:#8d6622;color:#fff3d5;padding:9px 18px;text-align:center;font:700 12px Arial,sans-serif;letter-spacing:.08em}.login-view{display:grid;place-items:center;padding:26px 16px;min-height:calc(100vh - 120px)}.login-plaque{width:min(480px,100%);padding:32px;border:7px ridge #a6874e;background:linear-gradient(140deg,#432416,#1d0d09);box-shadow:0 17px 45px #0009;text-align:center}.plaque-line{color:var(--gold);font:700 12px Arial,sans-serif;letter-spacing:.25em}.login-plaque h1{font-size:36px;margin:10px 0}.login-plaque p{color:#d7bb91;line-height:1.6}.login-plaque form{text-align:left;margin-top:24px}.login-plaque label{display:block;font:700 11px Arial,sans-serif;letter-spacing:.09em;color:var(--gold);margin-bottom:14px}.login-plaque input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #98734b;background:#140a07;color:#fff;border-radius:4px;font:16px Arial,sans-serif}.login-plaque .btn{width:100%;margin:6px 0}.login-foot{font-size:11px!important}.text-link{border:none;text-decoration:underline;background:none;color:#eacb8b;margin-top:6px}.error{color:#ef9996!important;font:13px Arial,sans-serif!important}.app-content{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:calc(100vh - 120px)}.sidebar{background:linear-gradient(180deg,#2d190f,#190e0a);border-right:4px ridge #81603b;display:flex;flex-direction:column;justify-content:space-between}.nav{padding:18px 10px;display:grid;gap:8px}.nav-button{display:flex;align-items:center;gap:11px;padding:13px 10px;background:linear-gradient(180deg,#45271b,#2c160e);border:1px solid #775534;border-radius:6px;color:#e8d4ac;text-align:left;font-size:11px;font-weight:800;letter-spacing:.06em;min-height:54px;box-shadow:inset 0 1px #cba06b35,0 3px #110803}.nav-button.active{background:linear-gradient(#ab7541,#714420);color:#fff1ce;border-color:#ffd18a;box-shadow:inset 0 1px #ffe6af7d,0 3px #120b07}.nav-icon{font:29px Georgia,serif;color:#e2bc78;width:30px;text-align:center}.nav-button.active .nav-icon{color:#fff}.count-badge{margin-left:auto;background:#ad4238;padding:4px 6px;border-radius:14px;color:#fff;font-size:10px}.side-bottom{border-top:1px solid #58412f;padding:18px 15px;color:#e8cf98}.side-bottom strong,.side-bottom small,.side-bottom span{display:block}.side-bottom strong{margin:7px 0;font-size:15px}.side-bottom small{font-size:10px;color:#bca687}.mini-label{letter-spacing:.15em;color:#a8916b;font-size:9px}.workspace{min-width:0;padding:22px clamp(15px,2.4vw,38px) 14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.page-heading h1{font-size:clamp(23px,2.6vw,39px);margin:4px 0 7px;color:#f4daa2}.page-heading p{margin:0;font-style:italic;color:#c8ad85}.kicker{color:#d9b574;font-size:10px;letter-spacing:.18em;font-weight:800}.btn{padding:12px 16px;border:2px ridge #bf955f;background:linear-gradient(#68412a,#3c2115);color:#f8e7c9;border-radius:5px;font:800 12px Arial,sans-serif;letter-spacing:.06em;min-height:45px;box-shadow:0 3px #160905}.btn.gold{background:linear-gradient(#bb8e4d,#846033);color:#200e08;border-color:#e7ba6a}.btn.muted{background:#34241b}.btn.danger{border-color:#b96d61;background:linear-gradient(#722f28,#3b1511)}.btn:not(:disabled):active,.nav-button:active,.action-tile:active{transform:translateY(2px)}.view{display:none}.view.active{display:block}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}.kpi{background:linear-gradient(160deg,#422719,#24130d);border:2px ridge #927047;border-radius:8px;box-shadow:inset 0 1px #bd99524b,0 5px 15px #11080378;color:#e5ca96;text-align:left;padding:17px;min-width:0;min-height:118px}.kpi span,.kpi small{display:block;letter-spacing:.09em;font-size:10px;font-weight:700}.kpi strong{display:block;font-size:clamp(21px,2.4vw,36px);margin:13px 0 6px;color:#ffe0a2;overflow-wrap:anywhere}.kpi small{font-weight:400;color:#b8a085;letter-spacing:0}.section-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #796044;padding-bottom:8px;margin:24px 0 13px;gap:12px}.section-bar h2{margin:0;color:#edc781;font:800 12px Arial,sans-serif;letter-spacing:.17em}.section-bar span{color:#9f8568;letter-spacing:.1em;font-size:10px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.action-tile{min-width:0;min-height:171px;padding:16px 18px;display:flex;flex-direction:column;text-align:left;border:3px ridge #ac8452;border-radius:8px;color:#efd8a9;background:radial-gradient(ellipse at 78% 17%,#563323,#27140e 80%);box-shadow:inset 0 1px #e0b57950,0 5px 15px #08030266}.tile-icon{font-size:35px;color:#deb171;min-height:46px}.action-tile b{font:800 clamp(12px,1.25vw,16px) Arial,sans-serif;letter-spacing:.075em}.action-tile small{font-size:12px;margin-top:7px;color:#ddbea0}.tile-tail{margin-top:auto;font-size:10px;color:#e8b875;letter-spacing:.08em;font-weight:800;padding-top:16px}.note-bar{margin-top:24px;border:1px dashed #916f4c;padding:14px 19px;display:flex;align-items:center;gap:15px;color:#e0c79d;background:#27190f;font-size:12px}.note-bar span{font-size:32px;color:var(--gold)}.note-bar p{margin:0;line-height:1.6}.panel{padding:24px;background:var(--card);border:3px ridge #8b6b46;border-radius:8px;margin:0 0 18px;box-shadow:0 5px 20px #0d06036b}.panel.compact{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #735637;padding-bottom:16px;gap:15px;margin-bottom:18px}.panel-head h2{margin:0;font-size:clamp(18px,2.2vw,28px);color:#f3d38c}.panel-head span{font-size:10px;letter-spacing:.09em;color:#d6af74;text-align:right;font-weight:bold}.orders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.order-card{background:#20100b;border:1px solid #94714b;border-radius:7px;padding:17px;box-shadow:0 3px 12px #0006}.order-card.new{border-color:#ddba79;box-shadow:0 0 0 2px #9e71305a}.order-head{display:flex;align-items:start;justify-content:space-between;gap:10px;font:700 12px Arial,sans-serif}.order-head strong{font:700 20px Georgia,serif;color:#f3d28d}.order-state{font:800 10px Arial,sans-serif;letter-spacing:.08em;background:#65431d;color:#ffe8b3;padding:5px;border-radius:4px}.order-items{margin:18px 0 12px;line-height:1.8}.order-note{color:#edbe9f;font-style:italic;font-size:13px}.order-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.order-actions .btn{font-size:10px;padding:9px 11px;min-height:38px}.empty{padding:30px;text-align:center;color:#d4b388;font-size:19px}.service-settings,.settings-row{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.service-settings label,.settings-row label{font-size:11px;font-weight:800;letter-spacing:.08em;display:flex;flex-direction:column;gap:8px;color:#cba768}.service-settings .check-line{flex-direction:row;align-items:center}.service-settings select,.settings-row select{background:#160c08;border:1px solid #86623e;color:#f0d29e;padding:12px;border-radius:3px;font:700 12px Arial,sans-serif}.service-settings input[type=checkbox]{width:22px;height:22px;accent-color:#ba8a42}.game-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0}.game-meter>div{border:1px solid #8d633d;padding:20px 16px;background:#1c0d0a;text-align:center;border-radius:6px}.game-meter span{font-size:11px;letter-spacing:.14em;color:#bf9962;display:block}.game-meter strong{display:block;font:700 clamp(19px,2.4vw,37px) Georgia,serif;color:#ffe1a6;margin-top:11px}.muted-copy{color:#ddc298;font-style:italic;line-height:1.6}.minor-copy{font-size:12px;color:#c5ab88;line-height:1.6}.control-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.settings-row{margin-top:15px}.portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin:20px 0}.portrait-thumb{padding:7px;border:2px ridge #b68a51;background:#2b180d;color:#eed7ad;border-radius:4px;text-align:center}.portrait-thumb img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.portrait-thumb b,.portrait-thumb small{display:block;margin:7px 0 2px;overflow-wrap:anywhere}.portrait-thumb small{font:11px Arial,sans-serif;color:#bd9e75}.bridge-warning{margin-top:22px;background:#2c2012;border:1px dashed #c0984c;padding:15px;display:grid;gap:7px;font-size:12px;line-height:1.5}.bridge-warning b{color:#f1c777;letter-spacing:.1em}.sound-console{padding:21px;background:#1c100c;border:2px ridge #9b7442;border-radius:7px}.volume-label{display:flex;justify-content:space-between;color:#e7c78e;font-size:13px;font-weight:800}.volume-label strong{font-size:27px}#master-volume{width:100%;margin:21px 0;accent-color:#e8b368}.volume-presets{display:flex;gap:9px}.volume-presets button,.display-grid button{background:linear-gradient(#765032,#3b2516);border:2px ridge #8f6540;color:#ffdc9c;padding:12px;flex:1;border-radius:5px;font-weight:800}.sub-console{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.sub-console>div{flex:1;min-width:130px;font-size:11px}.fake-meter{height:9px;margin-top:9px;background:linear-gradient(90deg,#75925f 0 28%,#ccaa61 28% 48%,#4e3a26 48%);border:1px solid #89704b}.display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.display-grid button{min-height:80px}.quicklinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quicklinks a{padding:20px;background:#3b2315;border:1px solid #9e7549;text-align:center;font-weight:800;font-size:12px;text-decoration:none;letter-spacing:.03em}.workspace-footer{display:flex;justify-content:space-between;color:#a48a6b;font-size:10px;padding:14px 0;gap:12px}.toast{position:fixed;right:20px;bottom:20px;background:#725024;color:#fff4d7;padding:17px 24px;border:2px solid #e7bc72;border-radius:5px;box-shadow:0 6px 22px #000a;z-index:100;font-weight:700;max-width:350px}.toast.bad{background:#642a21}.portrait-modal{position:fixed;z-index:300;inset:0;background:#000e;display:flex;align-items:center;justify-content:center;padding:24px}.portrait-modal figure{text-align:center;max-height:94vh;margin:0}.portrait-modal img{display:block;max-width:85vw;max-height:78vh;object-fit:contain;border:8px ridge #bd9256}.portrait-modal figcaption{margin-top:13px;color:#f8d595}.modal-close{position:absolute;top:14px;right:20px;background:#4f3021;border:1px solid #e8bd7e;color:#fff;font-size:30px;width:45px;height:45px;border-radius:4px}
@media(max-width:1020px){.masthead{min-height:103px}.sidebar{width:auto}.app-content{grid-template-columns:164px minmax(0,1fr)}.nav-button{font-size:10px}.nav-icon{font-size:23px;width:23px}.tile-grid{gap:10px}.action-tile{padding:13px}.kpi{padding:12px}.status-meta{display:none}}
@media(max-width:760px){.masthead{min-height:90px}.brand-sub{font-size:9px}.brand-line{font-size:35px}.mast-right{gap:9px}.clock{font-size:21px}.app-content{display:block}.sidebar{border-right:0;border-bottom:2px ridge #856344}.nav{display:flex;overflow:auto;padding:9px;gap:6px}.nav-button{flex-shrink:0;min-height:43px;padding:9px}.nav-button .nav-icon{display:none}.side-bottom{display:none}.workspace{padding:18px 13px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.kpi-row{grid-template-columns:repeat(2,1fr);gap:9px}.tile-grid{grid-template-columns:repeat(2,1fr)}.game-meter>div{padding:10px}.orders-list{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.panel{padding:13px}.display-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.tile-grid{grid-template-columns:1fr}.brand-line{font-size:29px}.top-button{font-size:9px}.panel-head{display:block}.panel-head span{display:block;margin-top:7px}}

/* V0.2 — Real NUC state and permanent master desk controls. */
.nuc-quickbar{position:fixed;bottom:0;left:0;right:0;z-index:110;min-height:62px;padding:9px 13px;display:flex;align-items:center;gap:11px;background:linear-gradient(#3d2418,#1a0b08);border-top:3px ridge #c19758;box-shadow:0 -4px 14px #0009;font:800 11px Arial,sans-serif;color:#f8dca8}
.nuc-quickbar .quickbar-title{white-space:nowrap;color:#f0c478;letter-spacing:.1em}
.quick-nuc-status{min-width:68px;color:#c9ac81;font-size:10px}
.nuc-quickbar input[type=range]{flex:1;min-width:60px;accent-color:#e1ae61;height:28px}
.nuc-quickbar strong{min-width:38px;text-align:right;font-size:16px}
.nuc-quickbar button,.limit-row button{min-height:40px;background:#614124;border:1px solid #c39a5e;border-radius:5px;color:#f8ddac;padding:8px 13px;font:800 11px Arial,sans-serif}
.nuc-quickbar button.emergency,.volume-presets button.emergency{background:#7b2b22;color:#fff4e0;border-color:#d38a79}
.limit-row{display:flex;align-items:center;gap:9px;margin:17px 0 4px;font:800 11px Arial,sans-serif;letter-spacing:.08em;color:#d6b482}
.limit-row input{width:58px;min-height:39px;background:#23140f;color:#ffdea4;border:1px solid #967043;text-align:center;font:800 16px Arial,sans-serif}
.limit-row button{min-height:38px}
.sub-note{font-size:10px;color:#a78b69;margin-top:6px}
.sound-console button:disabled,.nuc-quickbar button:disabled{opacity:.38}
/* On a dedicated landscape tablet, the overview fits the viewport; detailed records scroll inside the workspace. */
@media (orientation:landscape) and (min-width:761px) and (max-height:820px){
 html,body,.app-shell{height:100dvh;overflow:hidden}
 .masthead{min-height:75px;height:75px;padding:7px 16px}
 .brand-line{font-size:36px}.eyebrow{font-size:8px}.brand-sub{font-size:9px;margin-top:3px}.clock{font-size:22px}
 .app-content{height:calc(100dvh - 75px - 62px);min-height:0}
 .sidebar{min-height:0;overflow-y:auto}.nav{padding:9px;gap:6px}.nav-button{min-height:40px;padding:7px 9px}.nav-icon{font-size:21px;width:22px}
 .workspace{min-height:0;padding:10px 14px 5px;overflow-y:auto}
 .page-heading{margin-bottom:9px}.page-heading h1{font-size:22px;margin:3px 0}.page-heading p{font-size:11px;margin:0}.kicker{font-size:9px}
 .kpi-row{gap:8px;margin-bottom:8px}.kpi{min-height:68px;padding:7px 9px}.kpi strong{font-size:20px;margin:3px 0}.kpi span,.kpi small{font-size:9px}
 .section-bar{margin:9px 0 7px;padding-bottom:5px}
 .tile-grid{gap:8px}.action-tile{min-height:90px;padding:8px 10px}.tile-icon{font-size:23px;min-height:26px}.action-tile b{font-size:12px}.action-tile small{display:none}.tile-tail{padding-top:3px;font-size:9px}
 #view-home .note-bar{display:none}#view-home + .workspace-footer{display:none}
 .workspace-footer{padding:7px 0}
}
@media(max-width:760px){.nuc-quickbar .quickbar-title{display:none}.nuc-quickbar{gap:6px;padding:6px;min-height:58px}.nuc-quickbar button{padding:5px;font-size:9px}.quick-nuc-status{min-width:45px}.workspace{padding-bottom:75px}}

/* V0.2.4: one-touch Gallery-to-NUC controls without changing the approved theme. */
.gallery-controls{background:linear-gradient(145deg,#362216,#1c110b);border:2px ridge #a77d49;border-radius:6px;padding:13px 16px;margin:12px 0 18px}
.gallery-control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f3cd86;font:800 12px Arial,sans-serif;letter-spacing:.08em}
.gallery-control-heading span{color:#d0b28a;font-size:10px;text-align:right}
.gallery-controls .control-buttons{margin:10px 0 3px;gap:7px}
.gallery-controls .control-buttons .btn{min-height:44px;font-size:11px;padding:10px}
.gallery-controls button:disabled,.portrait-to-nuc:disabled{opacity:.45;cursor:not-allowed}
.portrait-to-nuc{margin-top:12px;min-height:48px}

/* Quiz Night touchscreen scoreboard */
.quiz-scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:12px 0 18px}
.quiz-score-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(210,167,93,.32);border-radius:9px;background:rgba(0,0,0,.2)}
.quiz-score-row strong{overflow-wrap:anywhere}.quiz-score-row b{color:#e8c88b;font-variant-numeric:tabular-nums}
#view-quiz .control-buttons button{min-height:48px}

/* Order-watch diagnostics: shows whether a new order was detected separately from sound playback. */
#order-watch-status{font-family:system-ui,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.025em;color:#d1bc91;border-bottom:1px solid rgba(217,178,102,.18);padding:8px 16px 10px;margin-bottom:10px;}