@font-face{font-family:"BIT Secular";src:url(secular-one-heb.woff2) format("woff2");font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
body.bit{background:#07080a;color:#efe6d2;font:16px/1.5 Arial,"Noto Sans Hebrew",Helvetica,sans-serif;overflow-x:hidden}
[hidden]{display:none!important}
a{color:#ffd76a}
:focus-visible{outline:2px solid #ffd76a;outline-offset:3px}
.bit-home{position:fixed;top:12px;left:12px;z-index:60;padding:7px 13px;border-radius:18px;background:rgba(10,10,12,.82);border:1px solid #ffd76a;color:#ffd76a;font-weight:bold;font-size:13px;text-decoration:none;backdrop-filter:blur(4px)}
.bit-home:hover{background:#ffd76a;color:#111}
body.in-flash .bit-home{display:none}

/* entry: dig site */
.dig{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 50% 35%,#2a1d14 0%,#120d0a 55%,#07080a 100%)}
.strata{position:absolute;inset:auto 0 0 0;height:46%;pointer-events:none;opacity:.55}
.strata i{position:absolute;left:-5%;right:-5%;height:28%;border-top:1px solid rgba(255,215,106,.12);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 2px,transparent 2px 9px)}
.strata i:nth-child(1){bottom:72%;background-color:rgba(70,48,30,.25);transform:rotate(-.6deg)}
.strata i:nth-child(2){bottom:46%;background-color:rgba(58,38,24,.35);transform:rotate(.4deg)}
.strata i:nth-child(3){bottom:22%;background-color:rgba(44,28,18,.45);transform:rotate(-.3deg)}
.strata i:nth-child(4){bottom:0;background-color:rgba(30,18,12,.6)}
.dig-in{position:relative;z-index:2;text-align:center;padding:72px 20px 40px;max-width:760px}
.kicker{margin:0 0 6px;letter-spacing:.22em;font-size:12px;color:#c9b38a;text-transform:uppercase}
.dig-title{margin:0;font-family:"BIT Secular",Arial,sans-serif;font-weight:normal;font-size:clamp(40px,8.4vw,92px);line-height:1.02;color:#ffe9b0;
  text-shadow:0 0 18px rgba(255,190,80,.25),0 2px 0 #3a2410}
.dig-sub{margin:14px auto 28px;font-size:clamp(16px,2.2vw,20px);color:#e6d7b8;max-width:560px}
.go{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:16px 40px 18px;border-radius:999px;cursor:pointer;
  border:2px solid #ffd76a;background:linear-gradient(180deg,#3a2a10,#1a1206);color:#ffe9b0;font-family:"BIT Secular",Arial,sans-serif;
  box-shadow:0 0 0 0 rgba(255,215,106,.45),inset 0 1px 0 rgba(255,255,255,.15);animation:goPulse 2.4s ease-in-out infinite;transition:transform .15s ease,background .2s}
.go:hover{transform:translateY(-2px) scale(1.03);background:linear-gradient(180deg,#59401a,#251a08)}
.go:active{transform:scale(.97)}
.go-label{font-size:clamp(28px,4.6vw,40px);line-height:1}
.go-year{font:bold 13px/1 ui-monospace,"Courier New",monospace;letter-spacing:.18em;color:#d9b66a;direction:ltr}
@keyframes goPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,215,106,.4),inset 0 1px 0 rgba(255,255,255,.15)}50%{box-shadow:0 0 0 14px rgba(255,215,106,0),inset 0 1px 0 rgba(255,255,255,.15)}}
.dig-how{margin:26px 0 0;font-size:14px;color:#cdbb9a}
.dig-tech{margin:16px auto 0;font-size:11.5px;color:#8f826c;max-width:520px}
.nojs{position:fixed;bottom:0;left:0;right:0;margin:0;padding:10px;background:#3a2b00;color:#ffd76a;text-align:center}

/* time travel overlay */
.tt{position:fixed;inset:0;z-index:50;background:#000;overflow:hidden}
.tt-dust{position:absolute;inset:0;width:100%;height:100%}
.tt-year{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;direction:ltr;
  font:bold clamp(72px,18vw,200px)/1 ui-monospace,"Courier New",monospace;color:#ffe9b0;letter-spacing:.04em;
  text-shadow:2px 0 rgba(255,60,60,.55),-2px 0 rgba(60,200,255,.5),0 0 30px rgba(255,200,90,.35);animation:yJit .12s steps(2) infinite}
@keyframes yJit{0%{transform:translate(0,-50%)}50%{transform:translate(1px,calc(-50% - 1px))}}
.tt-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,rgba(255,255,255,.03) 2px 4px);mix-blend-mode:multiply}
.tt-crt{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#fff;box-shadow:0 0 24px 6px rgba(255,255,255,.8);transform:scaleX(0);opacity:0}
.tt.crt .tt-year{opacity:0;transition:opacity .12s}
.tt.crt .tt-crt{animation:crtOn .75s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes crtOn{0%{opacity:1;transform:scaleX(0)}35%{opacity:1;transform:scaleX(1);height:2px}70%{opacity:1;top:0;margin-top:0;height:100%;background:#fff}100%{opacity:0;top:0;margin-top:0;height:100%;background:#fff}}
.tt.out{animation:ttOut .35s ease-in forwards}
@keyframes ttOut{to{opacity:0;visibility:hidden}}

/* flash */
.flashwrap{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center}
.fbar{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;background:#120a0d;border-bottom:1px solid #3a242b;font-size:13px}
.fbar-note{color:#bfae90}
.fbar-end{display:flex;gap:8px}
.fbtn{display:inline-block;padding:5px 12px;border-radius:16px;border:1px solid #c9a64a;background:none;color:#ffe9b0;font:bold 13px/1.2 Arial,sans-serif;text-decoration:none;cursor:pointer}
.fbtn:hover{background:rgba(255,215,106,.14)}
.fstage{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;direction:ltr;gap:calc(8px * var(--fs,1))}
.fstage ruffle-player,.fstage ruffle-embed{display:block;width:var(--fw,800px);height:var(--fh,600px)}
.ffoot{flex:0 0 auto;margin:0;padding:4px 10px 6px;font-size:11px;color:#8f826c;text-align:center}
.flashwrap.boot .fstage{animation:fBoot .6s ease-out}
/* side banners (2011 main.html: loop2 left, loop1 right, 97x593 each). Clickless by design. */
.bside{flex:0 0 auto;width:calc(97px * var(--fs,1));height:calc(593px * var(--fs,1));overflow:hidden;background:#000;pointer-events:none;user-select:none}
.bside img{display:block;width:100%;height:100%;object-fit:fill}
@keyframes fBoot{0%{filter:brightness(3) saturate(0)}100%{filter:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
