:root{--red:#e21d32;--blue:#1a7fff;--green:#8fff34;--gold:#ffca45;--shadow:0 20px 60px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 0% 20%,rgba(226,29,50,.18),transparent 25%),radial-gradient(circle at 100% 30%,rgba(26,127,255,.18),transparent 28%),linear-gradient(180deg,#05070d,#08111d 60%,#05070d);color:#f5f7fb;min-height:100vh}a{color:inherit}.eh-site-header{position:sticky;top:0;z-index:100;background:rgba(1,6,12,.985);border-bottom:1px solid rgba(226,29,50,.45);box-shadow:0 1px 0 rgba(26,127,255,.35)}.eh-header-inner{position:relative;width:min(1750px,calc(100vw - 24px));margin:0 auto;display:grid;grid-template-columns:430px minmax(0,1fr) 56px;gap:18px;align-items:center;min-height:104px}.eh-brand{height:80px;display:block}.eh-brand-image{display:block;width:430px;max-width:100%;height:80px;object-fit:contain}.eh-primary-nav{justify-self:end}.eh-nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}.eh-nav-list li{display:flex}.eh-nav-list a{display:flex;align-items:center;justify-content:center;min-height:102px;padding:0 clamp(8px,.8vw,16px);color:#f3f6fa;font:900 17px/1.02 "Arial Narrow",Impact,sans-serif;letter-spacing:.03em;text-transform:uppercase;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}.eh-nav-list li:hover a,.eh-nav-list .is-current a{color:#fff;border-bottom-color:var(--red);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(226,29,50,.05))}.eh-search-toggle,.eh-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;border:1px solid rgba(255,69,86,.65);background:linear-gradient(180deg,#be1528,#950514);color:#fff;text-decoration:none;font-size:30px;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}.eh-nav-toggle{display:none;font-size:20px}.page-shell,.login-shell,.admin-shell{width:min(1460px,calc(100vw - 30px));margin:0 auto;padding:18px 0 26px}.riddle-frame,.login-card,.admin-panel,.table-panel{position:relative;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.04) inset;background:linear-gradient(145deg,rgba(8,11,18,.96),rgba(8,15,26,.92));overflow:hidden}.riddle-frame:before,.login-card:before,.admin-panel:before,.table-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-35deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 2px,transparent 2px,transparent 14px);pointer-events:none;opacity:.4}.login-card>*,.admin-panel>*,.table-panel>*{position:relative;z-index:1}.hub-shell{padding:18px}.hub-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px 22px 10px;min-height:310px;background:radial-gradient(circle at left center,rgba(226,29,50,.12),transparent 38%),radial-gradient(circle at right center,rgba(26,127,255,.14),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.08))}.hero-copy{position:relative;z-index:3;max-width:640px;padding:16px 0 0 180px}.hero-title{font:900 clamp(64px,6.5vw,108px)/.9 Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;margin:0;color:#eee;text-shadow:0 4px 0 rgba(0,0,0,.35)}.hero-kicker{font:900 clamp(24px,2vw,36px)/1.05 "Arial Narrow",Impact,sans-serif;color:var(--red);text-transform:uppercase;font-style:italic;letter-spacing:.04em;margin:6px 0 14px}.hero-blurb{font-size:22px;line-height:1.45;color:rgba(255,255,255,.9);max-width:520px}.hero-graphic{position:relative;min-height:290px}.bash-burst{position:absolute;right:10px;top:-6px;height:290px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}.hero-copy .doodle-left,.hero-graphic .doodle-right{position:absolute;color:rgba(226,29,50,.9);font:900 26px/1.1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em}.hero-copy .doodle-left{left:0;top:18px;transform:rotate(-14deg)}.hero-graphic .doodle-right{right:22px;top:40px;transform:rotate(-7deg);text-align:right}.question-doodles{position:absolute;right:280px;top:18px;color:rgba(26,127,255,.75);font-size:92px;font-weight:900;letter-spacing:-10px}.riddle-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 18px 18px}.riddle-card{position:relative;min-height:340px;border-radius:18px;border:1px solid rgba(255,255,255,.16);overflow:hidden;text-decoration:none;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.26));box-shadow:0 15px 30px rgba(0,0,0,.35)}.riddle-card.green{box-shadow:0 0 0 1px rgba(143,255,52,.55),0 16px 28px rgba(0,0,0,.36)}.riddle-card.blue{box-shadow:0 0 0 1px rgba(26,127,255,.55),0 16px 28px rgba(0,0,0,.36)}.riddle-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5)),radial-gradient(circle at top left,rgba(143,255,52,.18),transparent 34%)}.riddle-card.blue:before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5)),radial-gradient(circle at top left,rgba(26,127,255,.18),transparent 34%)}.riddle-card .card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.card-razzkel{position:absolute;z-index:3}.card-razzkel.riot{left:14px;bottom:10px;width:140px}.card-razzkel.fizz{right:10px;bottom:8px;width:130px}.card-content{position:absolute;inset:auto 16px 16px 16px;z-index:4;padding-right:120px}.card-logo{font:900 28px/1 Impact,"Arial Narrow",sans-serif;color:#d8f56c;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.55);margin:0 0 12px}.card-logo.blue{color:#58a6ff}.card-title{font:900 34px/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-style:italic;margin:0 0 10px}.card-desc{font-size:18px;line-height:1.42;color:rgba(255,255,255,.9);max-width:560px;margin:0 0 18px}.btn-red,.btn-gray{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:54px;padding:10px 18px;font:900 21px/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.07) inset}.btn-red{background:linear-gradient(180deg,#ea2642,#a20d1f)}.btn-gray{background:linear-gradient(180deg,#1e2b3b,#121b26)}.how-it-works{display:grid;grid-template-columns:260px 1fr 1fr 1fr;gap:0;margin:0 18px 18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.16))}.how-pixi{padding:12px 12px 0;position:relative}.how-pixi img{width:160px;display:block}.how-pixi h3{position:absolute;left:120px;top:28px;font:900 28px/1 Impact,"Arial Narrow",sans-serif;font-style:italic;margin:0}.how-step{padding:24px;border-left:1px solid rgba(255,255,255,.12)}.how-step .icon{font-size:54px;color:var(--red);margin-bottom:10px}.how-step h4{font:900 24px/1 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;margin:0 0 10px}.how-step p{font-size:18px;line-height:1.45;color:rgba(255,255,255,.88);margin:0}.play-wrap{padding:18px}.play-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 16px}.small-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:900 18px/1 "Arial Narrow",Impact,sans-serif;border:1px solid rgba(255,255,255,.12)}.admin-spot{margin-left:auto}.hero-detail{position:relative;padding:34px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 0% 20%,rgba(143,255,52,.08),transparent 28%),radial-gradient(circle at 100% 40%,rgba(26,127,255,.12),transparent 30%),linear-gradient(145deg,rgba(8,13,23,.96),rgba(13,20,33,.9));box-shadow:var(--shadow)}.hero-detail:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-35deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 2px,transparent 2px,transparent 14px);pointer-events:none}.detail-kicker,.hero-detail>*{position:relative;z-index:1}.detail-kicker{color:var(--green);font:900 17px/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.1em}.detail-title{font:900 clamp(58px,6vw,92px)/.95 Impact,"Arial Narrow",sans-serif;margin:10px 0 8px;text-shadow:2px 4px 0 rgba(20,80,20,.85),6px 7px 0 rgba(0,0,0,.35)}.detail-desc{font-size:28px;line-height:1.35;font-weight:700;max-width:1100px;margin:0 0 18px;color:rgba(255,255,255,.95)}.detail-banner{border-radius:22px;overflow:hidden;border:1px solid rgba(143,255,52,.45);height:280px;background:radial-gradient(circle at left center,rgba(143,255,52,.12),transparent 34%),linear-gradient(135deg,#0d160d,#08110a)}.detail-banner img{width:100%;height:100%;object-fit:cover;opacity:.75}.detail-banner .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:linear-gradient(145deg,rgba(0,0,0,.28),rgba(0,0,0,.48))}.placeholder .motm{font:900 42px/1 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;color:#ddff7b;max-width:340px}.placeholder .qmark{font:900 180px/1 Impact,"Arial Narrow",sans-serif;color:rgba(143,255,52,.22)}.stat-row{display:flex;gap:12px;align-items:center;margin:16px 0 10px}.stat-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font:900 20px/1 "Arial Narrow",Impact,sans-serif;border:1px solid rgba(255,255,255,.12)}.badge-green{background:rgba(143,255,52,.12);color:var(--green)}.badge-gold{background:rgba(255,202,69,.12);color:var(--gold)}.story-box,.prompt-box,.answer-panel{margin-top:18px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.15));padding:28px;position:relative;z-index:1}.story-box p,.prompt-box p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.95);margin:0 0 12px}.prompt-box h3,.answer-panel h3{font:900 22px/1.1 Arial,Helvetica,sans-serif;margin:0;color:#fff}.answer-panel form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px}.answer-panel input[type=text],.login-card input[type=text],.login-card input[type=password],.admin-grid input[type=text],.admin-grid input[type=number],.admin-grid input[type=url],.admin-grid textarea,.admin-grid select{width:100%;padding:14px 16px;background:#07101a;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:17px}.admin-grid textarea{min-height:120px;resize:vertical}.hint-note,.message-note{margin-top:14px;color:#ffd36b;font-weight:700}.success-note{color:#8fff34}.error-note{color:#ff6a6a}.points-note{font-size:18px;font-weight:700;color:rgba(255,255,255,.92)}.login-card,.admin-panel,.table-panel{border-radius:22px;padding:24px}.admin-layout{display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;gap:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-grid .full{grid-column:1/-1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{padding:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:16px}.stat-card strong{display:block;font:900 34px/1 Impact,"Arial Narrow",sans-serif;color:#fff}.stat-card span{display:block;margin-top:6px;color:rgba(255,255,255,.8);font-size:15px}.message-banner{margin:0 0 14px;padding:12px 16px;border-radius:14px;background:rgba(143,255,52,.1);border:1px solid rgba(143,255,52,.25)}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}.data-table th{font:900 16px/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.03)}.data-table td{font-size:15px;color:rgba(255,255,255,.92)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions form{display:inline}.mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font:900 15px/1 "Arial Narrow",Impact,sans-serif}.mini-btn.danger{background:rgba(226,29,50,.18)}.site-footer{padding:22px 12px 34px;text-align:center}.footer-rule{display:flex;justify-content:center;align-items:center;margin:0 0 12px}.footer-rule img{width:56px;height:56px;object-fit:contain}.site-footer p{font:italic 900 19px "Arial Narrow",Impact,sans-serif;margin:0;color:#fff}.site-footer p span{color:var(--red)}.footer-links{margin-top:10px;display:flex;gap:18px;justify-content:center;color:rgba(255,255,255,.7)}.footer-links a{text-decoration:none}@media(max-width:1120px){.eh-header-inner{grid-template-columns:1fr 48px 48px;min-height:84px}.eh-brand{height:72px}.eh-brand-image{width:100%;height:72px}.eh-nav-toggle{display:inline-flex}.eh-primary-nav{display:none;position:absolute;top:84px;left:12px;right:12px;background:#050912;border:1px solid rgba(255,255,255,.12)}.eh-primary-nav.is-open{display:block}.eh-nav-list{flex-direction:column}.eh-nav-list a{min-height:50px;font-size:17px;justify-content:flex-start;padding:0 18px}.hub-hero{grid-template-columns:1fr}.hero-copy{padding-left:0;max-width:none}.bash-burst{position:relative;right:auto;top:auto;height:240px;display:block;margin:0 auto}.question-doodles{right:10px;top:0;font-size:80px}.riddle-grid,.admin-layout{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr}.how-step{border-left:none;border-top:1px solid rgba(255,255,255,.12)}.how-pixi h3{position:static;margin:10px 0 0}.stat-grid{grid-template-columns:repeat(2,1fr)}.answer-panel form{grid-template-columns:1fr}.detail-title{font-size:68px}.detail-desc{font-size:22px}}@media(max-width:780px){.eh-header-inner{width:calc(100vw - 12px);grid-template-columns:1fr 44px 44px;min-height:74px}.eh-brand{height:62px}.eh-brand-image{height:62px;width:auto;max-width:100%}.page-shell,.login-shell,.admin-shell{width:calc(100vw - 12px)}.hub-shell,.play-wrap{padding:10px}.hero-title{font-size:58px}.hero-kicker{font-size:22px}.hero-blurb{font-size:18px}.card-title{font-size:28px}.card-content{padding-right:0}.card-razzkel.riot,.card-razzkel.fizz{width:90px;opacity:.85}.detail-title{font-size:52px}.detail-desc{font-size:18px}.detail-banner{height:210px}.placeholder .motm{font-size:28px}.placeholder .qmark{font-size:120px}.stat-grid{grid-template-columns:1fr}.hero-copy .doodle-left,.hero-graphic .doodle-right,.question-doodles{display:none}}

/* Approved Riddle Hub homepage, v1.1.0
   The approved artwork is the page. Interactive links are aligned over it. */
body.exact-riddle-home{
  margin:0;
  min-height:100vh;
  background:#000;
  overflow-x:auto;
  color:#fff;
}
.exact-riddle-home .skip-link{
  position:fixed;
  left:12px;
  top:-80px;
  z-index:10000;
  padding:12px 16px;
  background:#fff;
  color:#000;
  font-weight:800;
  text-decoration:none;
}
.exact-riddle-home .skip-link:focus{top:12px}
.approved-home-stage{
  width:max(100vw,1100px);
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:#000;
}
.approved-home-artboard{
  position:relative;
  width:min(1664px,100%);
  aspect-ratio:1664 / 936;
  flex:0 0 auto;
  isolation:isolate;
}
.approved-home-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  user-select:none;
  -webkit-user-drag:none;
}
.hotspot{
  position:absolute;
  z-index:3;
  display:block;
  border:2px solid transparent;
  border-radius:4px;
  color:transparent;
  text-decoration:none;
  cursor:pointer;
}
.hotspot:hover{
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 -3px 0 rgba(226,29,50,.85),0 0 18px rgba(20,120,255,.16);
}
.hotspot:focus-visible{
  outline:3px solid #fff;
  outline-offset:-3px;
  background:rgba(20,120,255,.14);
}
/* Header navigation, measured against the 1664 x 936 approved artwork. */
.hs-home{left:34.92%;top:3.1%;width:4.2%;height:7.3%}
.hs-about{left:39.1%;top:3.1%;width:6.2%;height:7.3%}
.hs-games{left:45.6%;top:3.1%;width:6.2%;height:7.3%}
.hs-gear{left:52.4%;top:3.1%;width:6.4%;height:7.3%}
.hs-gallery{left:59.7%;top:3.1%;width:6.2%;height:7.3%}
.hs-2b2a{left:65.7%;top:3.1%;width:4.8%;height:7.3%}
.hs-forums{left:70.6%;top:3.1%;width:5.5%;height:7.3%}
.hs-contact{left:75.8%;top:3.1%;width:7.6%;height:7.3%}
.hs-herolink{left:83.0%;top:3.1%;width:6.2%;height:7.3%}
.hs-search{left:89.0%;top:3.3%;width:3.1%;height:6.0%}
/* The entire cards are clickable, not merely the painted buttons. */
.hs-riddle-one{left:7.9%;top:45.4%;width:41.5%;height:31.9%;border-radius:14px}
.hs-riddle-two{left:50.2%;top:45.4%;width:40.8%;height:31.9%;border-radius:14px}
.hs-riddle-one:hover{box-shadow:inset 0 0 0 2px rgba(143,255,52,.8),0 0 24px rgba(143,255,52,.22)}
.hs-riddle-two:hover{box-shadow:inset 0 0 0 2px rgba(26,127,255,.85),0 0 24px rgba(26,127,255,.24)}
.admin-access{
  position:fixed;
  z-index:50;
  right:8px;
  bottom:8px;
  width:7px;
  height:7px;
  overflow:hidden;
  opacity:.16;
  color:transparent;
  background:#e21d32;
  border-radius:50%;
}
.admin-access:focus-visible,.admin-access:hover{
  width:auto;
  height:auto;
  padding:8px 12px;
  opacity:1;
  color:#fff;
  border-radius:2px;
  text-decoration:none;
  font-weight:800;
}
.additional-riddles{
  width:min(1460px,calc(100vw - 30px));
  margin:20px auto 50px;
  padding:22px;
  background:linear-gradient(145deg,#080c13,#07111e);
  border:1px solid rgba(255,255,255,.16);
}
.additional-riddles h2{
  margin:0 0 18px;
  font:900 42px/1 Impact,"Arial Narrow",sans-serif;
  text-transform:uppercase;
}
.additional-riddle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.additional-riddle-card{
  position:relative;
  min-height:230px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  text-decoration:none;
  border:1px solid #237fe7;
  background:#07111d;
}
.additional-riddle-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.additional-riddle-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.94))}
.additional-riddle-copy{position:relative;z-index:1;display:grid;gap:8px;padding:20px}
.additional-riddle-copy strong{font:900 30px/1 Impact,"Arial Narrow",sans-serif;text-transform:uppercase}
.additional-riddle-copy small{font-size:16px;line-height:1.4;color:#d6dce2}
.additional-riddle-copy b{width:max-content;padding:10px 18px;background:linear-gradient(#d41a31,#8a0715);text-transform:uppercase}
@media(max-width:1099px){
  .approved-home-stage{width:1100px}
  .additional-riddles{width:1060px;margin-left:20px}
}
@media(max-width:700px){
  .additional-riddle-grid{grid-template-columns:1fr}
}




/* Approved exact riddle pages, v1.3.0 */
body.exact-riddle-play{
  margin:0;
  min-height:100vh;
  background:#000;
  overflow-x:auto;
  color:#fff;
}
.approved-play-stage{
  width:max(100vw,1100px);
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:#000;
}
.approved-play-artboard{
  position:relative;
  width:min(1672px,100%);
  aspect-ratio:1672 / 941;
  flex:0 0 auto;
  isolation:isolate;
}
.approved-play-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  user-select:none;
  -webkit-user-drag:none;
}
.approved-play-artboard .hotspot{border-radius:10px}
.approved-play-artboard .hp-back,
.approved-play-artboard .hp-admin{z-index:12}
.clockmaker-play .hp-back{left:11.6%;top:13.0%;width:12.0%;height:4.7%;border-radius:999px}
.clockmaker-play .hp-admin{left:79.9%;top:12.8%;width:7.6%;height:4.7%;border-radius:999px}
.dimensional-play .hp-back{left:13.6%;top:11.6%;width:11.8%;height:4.9%;border-radius:999px}
.dimensional-play .hp-admin{left:79.8%;top:3.0%;width:7.0%;height:4.8%;border-radius:999px}

.live-answer-panel{
  position:absolute;
  z-index:10;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);
  gap:22px;
  align-items:center;
  padding:15px 20px;
  background:linear-gradient(180deg,rgba(7,10,15,.985),rgba(4,7,11,.985));
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  box-shadow:0 14px 38px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);
}
.clockmaker-live-answer{left:13.4%;top:79.0%;width:72.6%;height:13.1%}
.answer-copy h2{
  margin:0 0 7px;
  color:#fff;
  font:italic 900 clamp(19px,1.55vw,31px)/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.answer-copy p{
  margin:3px 0;
  color:rgba(255,255,255,.82);
  font-size:clamp(12px,.93vw,17px);
  line-height:1.25;
}
.live-hint{color:#72b9ff!important;font-weight:800}
.live-message{margin-top:8px!important;font-weight:900}
.live-answer-panel form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:15px;
  align-items:stretch;
}
.live-answer-panel input,
.live-answer-panel button{
  min-width:0;
  min-height:54px;
  border-radius:5px;
}
.live-answer-panel input{
  width:100%;
  padding:0 16px;
  background:#080c12;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font:700 17px/1 Arial,Helvetica,sans-serif;
}
.live-answer-panel input::placeholder{color:rgba(255,255,255,.56)}
.live-answer-panel button{
  padding:0 18px;
  border:1px solid rgba(255,77,95,.7);
  background:linear-gradient(180deg,#e31c36,#a1081b);
  color:#fff;
  cursor:pointer;
  font:900 21px/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.live-answer-panel button:hover{filter:brightness(1.08)}

/* The generated dimensional art had Clockmaker copy baked into the lower half.
   These opaque live panels replace that false content with the real database riddle. */
.dimensional-type-fix{
  position:absolute;
  z-index:9;
  left:17.55%;
  top:15.9%;
  width:18.5%;
  min-height:4.1%;
  display:flex;
  align-items:center;
  padding:0 8px;
  background:#03070b;
  color:#2c91ff;
  font:900 clamp(11px,.9vw,17px)/1 "Arial Narrow",Impact,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.dimensional-banner-fix{
  position:absolute;
  z-index:9;
  left:18.2%;
  top:39.2%;
  width:29%;
  height:10.7%;
  display:flex;
  align-items:center;
  padding-left:18px;
  background:linear-gradient(90deg,#06101b 0%,#06101b 72%,rgba(6,16,27,0) 100%);
  color:#187dff;
  font:900 clamp(24px,2.55vw,48px)/.88 Georgia,serif;
  text-transform:uppercase;
  text-shadow:0 0 20px rgba(30,125,255,.35);
}
.dimensional-live-content{
  position:absolute;
  z-index:10;
  left:15.75%;
  top:58.4%;
  width:67.0%;
  height:37.3%;
  display:grid;
  grid-template-rows:29% 42% 29%;
  gap:10px;
  padding:0;
}
.dimensional-case-panel,
.dimensional-clue-panel,
.dimensional-question-panel{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(7,10,15,.99),rgba(4,7,11,.99));
  border:1px solid rgba(255,255,255,.19);
  border-radius:12px;
  padding:13px 18px;
  box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025);
}
.dimensional-case-panel h2,
.dimensional-clue-panel h2,
.dimensional-question-panel h2{
  margin:0 0 7px;
  color:#2e92ff;
  font:900 clamp(13px,1vw,18px)/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.dimensional-case-panel p,
.dimensional-clue-panel p,
.dimensional-question-panel p{
  margin:3px 0;
  color:rgba(255,255,255,.91);
  font-size:clamp(10px,.78vw,14px);
  line-height:1.32;
}
.dimensional-grid-row{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:10px;
}
.dimensional-clue-panel pre{
  margin:8px 0 0;
  white-space:pre-wrap;
  color:#fff;
  font:700 clamp(11px,.84vw,15px)/1.32 "Courier New",monospace;
}
.dimensional-live-answer{
  position:relative;
  inset:auto;
  width:auto;
  height:auto;
  border-radius:12px;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  padding:12px 18px;
}
.dimensional-live-answer .answer-copy h2{color:#2e92ff;font-size:clamp(15px,1.15vw,21px)}
.dimensional-live-answer .answer-copy p{font-size:clamp(10px,.75vw,14px)}
.dimensional-live-answer input,
.dimensional-live-answer button{min-height:46px}
.dimensional-live-answer button{font-size:18px}

.sr-only{
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media(max-width:1099px){
  .approved-play-stage{width:1100px}
}