*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,Courier,monospace}#intro{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center}#intro video{width:100%;height:100%;object-fit:contain}#intro.hidden{display:none}#board-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-frame, #0a0a0a)}#overlay-img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:10;opacity:0;pointer-events:none;transition:opacity .35s ease}#overlay-img.visible{opacity:1}#board{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--cell-gap, 2px);gap:var(--cell-gap, 2px)}.sf-row{display:flex;flex:1;gap:var(--cell-gap, 2px)}.sf-cell{position:relative;flex:1;border-radius:2px;overflow:hidden;background:var(--bg-upper, #1c1c1c);-webkit-perspective:var(--cell-perspective, 320px);perspective:var(--cell-perspective, 320px)}.sf-top,.sf-bot,.sf-flap-top,.sf-flap-bot{position:absolute;left:0;width:100%;height:50%;overflow:hidden}.sf-top{top:0;background:var(--bg-upper, #1c1c1c);border-radius:2px 2px 0 0}.sf-bot{top:50%;background:var(--bg-lower, #1a1a1a);border-radius:0 0 2px 2px;border-top:1px solid rgba(0,0,0,.6)}.sf-flap-top{top:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;background:var(--bg-upper, #1c1c1c);border-radius:2px 2px 0 0;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.sf-flap-bot{top:50%;-webkit-transform-origin:top center;transform-origin:top center;background:var(--bg-lower, #1a1a1a);border-radius:0 0 2px 2px;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.sf-inner{position:absolute;left:0;top:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center;color:var(--text-color, #e8a020);font-size:var(--cell-font-size, 16px);font-family:Courier New,Courier,monospace;font-weight:700;text-transform:uppercase;user-select:none;-webkit-user-select:none;pointer-events:none;line-height:1}.sf-bot .sf-inner,.sf-flap-bot .sf-inner{top:-100%}.sf-flap-top.animating{will-change:transform;-webkit-transition:-webkit-transform var(--flip-top-ms, 75ms) cubic-bezier(.5,0,1,1);transition:transform var(--flip-top-ms, 75ms) cubic-bezier(.5,0,1,1)}.sf-flap-bot.animating{will-change:transform;-webkit-transition:-webkit-transform var(--flip-bot-ms, 125ms) cubic-bezier(.22,1,.36,1);transition:transform var(--flip-bot-ms, 125ms) cubic-bezier(.22,1,.36,1)}#status{position:fixed;bottom:8px;right:12px;font-size:10px;color:#ffffff40;z-index:50;pointer-events:none;font-family:monospace}#registration{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}#registration.hidden{display:none}.reg-board{font-family:Courier New,Courier,monospace;width:100%;height:100%;background:#0c0c0c;display:flex;flex-direction:column;overflow:hidden}.reg-board-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.5em,1.4vh,1.1em) clamp(1em,3vw,2.5em);background:#111;border-bottom:2px solid #0a0a0a;gap:1em;flex-shrink:0}.reg-brand{font-size:clamp(1.2rem,3.5vw,3rem);font-weight:700;letter-spacing:.2em;color:#fff;white-space:nowrap}.reg-brand-sub{font-size:clamp(.6rem,1.2vw,1rem);letter-spacing:.18em;color:#ffffff59;white-space:nowrap;text-align:right}.reg-rows{display:flex;flex-direction:column;flex-shrink:0}.reg-row{display:flex;align-items:stretch;background:linear-gradient(to bottom,#1c1c1c 0% 49.5%,#0a0a0a 49.5% 50.5%,#191919 50.5% 100%);border-bottom:2px solid #0a0a0a}.reg-row:last-child{border-bottom:none}.reg-row-label{flex:0 0 auto;width:clamp(100px,14vw,220px);padding:clamp(.7em,2.2vh,1.4em) clamp(.8em,2vw,2em);font-size:clamp(.6rem,1.1vw,1rem);letter-spacing:.18em;color:#ffffff61;background:linear-gradient(to bottom,#141414 0% 49.5%,#0a0a0a 49.5% 50.5%,#121212 50.5% 100%);border-right:2px solid #0a0a0a;display:flex;align-items:center;justify-content:flex-end;text-align:right;text-transform:uppercase}.reg-row-value{flex:1 1 auto;padding:clamp(.7em,2.2vh,1.4em) clamp(.8em,2vw,2em);font-size:clamp(1rem,3vw,2.4rem);font-weight:700;letter-spacing:.12em;color:#e8a020;display:flex;align-items:center;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reg-row-url{color:#f0c040;font-size:clamp(1rem,3.2vw,2.6rem)}.reg-row-id{color:#4ee872;font-size:clamp(.85rem,2.2vw,1.8rem);letter-spacing:.16em;font-weight:400}.reg-row-status .reg-row-value{font-size:clamp(.85rem,2vw,1.6rem);color:#e8a020b3;letter-spacing:.15em;font-weight:400}.reg-qr-section{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1em,3vh,3em) 1em;background:#0e0e0e;border-top:2px solid #0a0a0a}.reg-qr-label{font-size:clamp(.55rem,1vw,.85rem);letter-spacing:.22em;color:#ffffff61;margin-bottom:clamp(.6em,1.5vh,1.2em);font-family:Courier New,Courier,monospace;text-transform:uppercase}.reg-qr-canvas{display:block;border-radius:6px}@keyframes reg-tick{0%{opacity:1;transform:scaleY(1.08)}40%{opacity:1;transform:scaleY(1)}to{opacity:1;transform:scaleY(1)}}.reg-countdown-num{color:#fff;font-size:1.3em;font-weight:700;display:inline-block;min-width:1.8ch;text-align:center;animation:reg-tick 1s steps(1,end) infinite}