@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#020806;
  --bg2:#071b13;
  --panel:#07170f;
  --panel2:#0d2619;
  --gold:#c99a4b;
  --gold2:#f0d38a;
  --cream:#f7ecd4;
  --muted:rgba(247,236,212,.74);
  --line:rgba(201,154,75,.42);
  --danger:#b74335;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--cream)}
.display{width:100vw;height:100vh;overflow:hidden;font-family:Inter,Arial,sans-serif;background:
radial-gradient(circle at 20% 12%,rgba(201,154,75,.22),transparent 28%),
radial-gradient(circle at 86% 24%,rgba(39,93,61,.45),transparent 30%),
linear-gradient(135deg,#020806,#0b2418 46%,#020806)}
.screen{height:100vh;padding:18px;display:grid;grid-template-rows:132px 1fr 54px;gap:16px}

.display-header,.slide-area,.live-panel,.display-footer{
  border:1px solid var(--line);border-radius:28px;background:
  linear-gradient(145deg,rgba(3,12,8,.95),rgba(12,38,25,.88));
  box-shadow:0 24px 90px rgba(0,0,0,.36),inset 0 0 0 1px rgba(240,211,138,.1);
  overflow:hidden;position:relative
}
.display-header:after,.slide-area:after,.live-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,transparent,rgba(240,211,138,.08),transparent)}

.display-header{display:grid;grid-template-columns:112px 1fr 220px;align-items:center;gap:22px;padding:12px 28px}
.brand-mark img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
.brand-name{font-family:Cinzel,Georgia,serif;font-size:clamp(38px,4.4vw,72px);letter-spacing:.08em;color:var(--gold2);line-height:.95}
.brand-tagline{font-family:Georgia,serif;font-size:clamp(20px,2vw,32px);font-style:italic;color:var(--cream);margin-top:8px}
.time-block{text-align:right;font-family:Cinzel,Georgia,serif}
.clock{font-size:52px;color:var(--gold2);line-height:1}
.date{text-transform:uppercase;letter-spacing:.13em;font-size:16px;margin-top:8px}

.stage{display:grid;grid-template-columns:1fr 420px;gap:16px;min-height:0}
.slide-area{min-width:0}
.slide-bg{position:absolute;inset:0;background:var(--slide-image) center/cover no-repeat;opacity:.38}
.slide-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,6,.92),rgba(2,8,6,.55),rgba(2,8,6,.82))}
.slide-content{position:relative;z-index:2;height:100%;padding:56px;display:flex;flex-direction:column;justify-content:center;max-width:980px}
.kicker{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em;font-weight:800;color:var(--gold2);margin-bottom:18px}
.slide-content h2{font-family:Cinzel,Georgia,serif;font-size:clamp(56px,6.6vw,122px);line-height:.9;color:var(--gold2);margin:0 0 24px;letter-spacing:.05em}
.slide-content p{font-family:Georgia,serif;font-size:clamp(27px,3vw,50px);font-style:italic;margin:0 0 18px;color:var(--cream)}
.slide-content small{font-size:clamp(19px,1.6vw,28px);line-height:1.45;color:var(--muted);max-width:820px}
.slide-content em{margin-top:34px;font-style:normal;color:var(--gold2);font-weight:800;font-size:clamp(18px,1.5vw,26px);border:1px solid var(--line);border-radius:18px;padding:16px 20px;width:max-content;background:rgba(201,154,75,.12)}
.featured-specials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;max-width:900px}
.featured-specials div{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(201,154,75,.09)}
.featured-specials span{display:block;text-transform:uppercase;letter-spacing:.08em}
.featured-specials b{display:block;color:var(--gold2);font-family:Cinzel,Georgia,serif;font-size:34px;margin-top:8px}

.live-panel{padding:24px;display:flex;flex-direction:column;min-height:0}
.panel-title{text-transform:uppercase;letter-spacing:.2em;color:var(--gold2);font-weight:800;margin-bottom:14px}
.specials-list{display:grid;gap:12px;overflow:hidden}
.special-item{display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:1px solid rgba(201,154,75,.25);padding-bottom:14px}
.badge{display:inline-block;color:#0c170f;background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;text-transform:uppercase}
.special-item h3{font-family:Cinzel,Georgia,serif;color:var(--cream);font-size:28px;margin:8px 0 4px}
.special-item p{margin:0;color:var(--muted);line-height:1.35}
.special-item strong{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:28px;align-self:center}
.guest-box{margin-top:auto;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(201,154,75,.08)}
.guest-title{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:26px;margin-bottom:12px}
.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-link{border:1px solid rgba(201,154,75,.26);border-radius:14px;padding:12px}
.quick-link b{display:block;color:var(--gold2);font-size:14px;text-transform:uppercase}
.quick-link span{display:block;color:var(--muted);font-size:13px;margin-top:4px}

.display-footer{display:flex;align-items:center;justify-content:center;padding:0 24px;color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:17px;white-space:nowrap}

/* Admin */
.admin{font-family:Inter,Arial,sans-serif;min-height:100vh;background:
radial-gradient(circle at 20% 6%,rgba(201,154,75,.2),transparent 24%),
linear-gradient(135deg,#020806,#071b13);color:var(--cream)}
.admin-layout{display:grid;grid-template-columns:320px 1fr;min-height:100vh}
.sidebar{border-right:1px solid var(--line);padding:34px 28px;background:rgba(3,12,8,.7);position:sticky;top:0;height:100vh}
.sidebar-logo{width:150px;height:150px;object-fit:contain}
.sidebar h1{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:28px;line-height:1.08;letter-spacing:.08em}
.sidebar p{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:13px}
.preview-link{display:block;margin-top:26px;border:1px solid var(--line);border-radius:16px;color:var(--cream);text-decoration:none;padding:14px 16px;background:rgba(201,154,75,.09)}
.admin-main{padding:34px;max-width:1280px}
.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px}
.admin-top h2{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:44px;margin:0}
.admin-top p,.note{color:var(--muted)}
.auth-card,.admin-card{border:1px solid var(--line);border-radius:24px;background:rgba(5,18,12,.78);padding:22px;margin-bottom:18px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.admin-card h3{font-family:Cinzel,Georgia,serif;color:var(--gold2);font-size:26px;margin:0 0 14px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:1fr 1fr}
label{display:grid;gap:7px;color:var(--gold2);font-weight:800}
input,textarea,select{width:100%;border:1px solid rgba(201,154,75,.38);border-radius:13px;padding:12px 13px;background:rgba(255,255,255,.94);color:#101a14;font:inherit}
textarea{min-height:96px}
button{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#0b160f;font-weight:900;padding:14px 18px;cursor:pointer}
button.small{padding:10px 13px;font-size:13px}
.editor-row{border:1px solid rgba(201,154,75,.25);border-radius:18px;padding:16px;margin:14px 0;background:rgba(255,255,255,.03)}
.row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.row-top strong{font-family:Cinzel,Georgia,serif;color:var(--gold2)}
.row-top button{background:transparent;color:var(--cream);border-color:rgba(183,67,53,.65)}
#status,#uploadStatus{font-weight:800;margin-top:10px;color:var(--gold2)}

@media(max-width:1100px){
  .screen{height:auto;min-height:100vh;grid-template-rows:auto auto auto}
  .display-header{grid-template-columns:90px 1fr}
  .time-block{grid-column:1/-1;text-align:left}
  .stage{grid-template-columns:1fr}
  .admin-layout{grid-template-columns:1fr}
  .sidebar{height:auto;position:relative}
  .grid.two{grid-template-columns:1fr}
}