*{box-sizing:border-box}html,body{margin:0}html{background:#000}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.player{cursor:none;background:#000;position:fixed;inset:0;overflow:hidden}.stage{background:#000;position:relative;overflow:hidden}.part{position:absolute;overflow:hidden}.layer{will-change:transform, opacity;position:absolute;overflow:hidden}.layer-inner{position:absolute;inset:0}.region{position:absolute;overflow:hidden}.region :is(img,video){max-width:none;display:block;position:absolute}.zone{position:absolute;overflow:hidden}.train{will-change:transform;position:absolute}.train img{object-fit:cover;top:0}@keyframes signage-train{to{transform:translateX(var(--train-shift))}}.keepalive{z-index:100;pointer-events:none;background:#000;width:1px;height:1px;animation:2s steps(2,end) infinite keepalive;position:fixed;top:0;left:0}@keyframes keepalive{to{opacity:.99}}.onb-splash{background:#0b0e28;position:fixed;inset:0}.onb-splash img{object-fit:contain;width:100%;height:100%;display:block}.onb{--bg:#0b0e26;--glow:#161c4f;--brand:#685cff;--soft:#c9c4ff;--line:#3b4482;--dim:#9a9cc4;--muted:#b4b1cf;--card:#161b45;--tile:#232a63;--ok:#3ddc97;--bad:#ff6b5b;--warn:#fbbf24;z-index:10;color:#fff;font:500 2.25vw/1.35 var(--onb-font,system-ui), sans-serif;background:radial-gradient(ellipse 70% 70% at 50% 45%, var(--glow), var(--bg));position:fixed;inset:0}.onb :is(p,h1,dl,dd,ul,ol,figure){margin:0}.onb svg{width:100%;height:100%;display:block}.onb-logo{width:auto;height:3.3vw;display:block}.onb-tile-brand{width:8.75vw;height:8.75vw}.onb-head{justify-content:space-between;align-items:center;display:flex;position:absolute;top:3.35vw;left:5vw;right:5vw}.onb-steps{align-items:center;gap:1.3vw;padding:0;font-size:2.15vw;font-weight:600;list-style:none;display:flex}.onb-steps li{color:var(--dim);align-items:center;gap:1.1vw;display:flex}.onb-steps li+li:before{content:"";background:var(--line);width:3.25vw;height:.12vw;margin-right:.2vw}.onb-step-box{border:.1vw solid var(--line);border-radius:.6vw;place-items:center;width:3.9vw;height:3.9vw;font-size:2vw;display:grid}.onb-step-box svg{width:2vw;height:2vw}.onb-step-now{color:#fff!important}.onb-step-now .onb-step-box{background:var(--brand);border-color:var(--brand);color:#fff}.onb-step-done{color:var(--soft)!important}.onb-step-done .onb-step-box{background:var(--tile);border-color:var(--tile);color:var(--soft)}.onb-step-problem{color:var(--bad)!important}.onb-step-problem .onb-step-box{background:var(--bad);border-color:var(--bad);color:#1a0a10;font-weight:700}.onb-steps li:has(+.onb-step-done,+.onb-step-now,+.onb-step-problem)+li:before{background:var(--brand)}.onb-main{align-items:center;display:flex;position:absolute;inset:11vw 6.25vw 4vw}.onb-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.2vw;display:flex;position:absolute;inset:8vw 6vw 2vw}.onb-split{grid-template-columns:1fr 26vw;align-items:center;gap:6vw;width:100%;display:grid}.onb-split>div,.onb-body{flex-direction:column;gap:2vw;display:flex}.onb-body{width:70vw;margin:0 auto}.onb-left{text-align:left}.onb-title-xl{letter-spacing:-.02em;font-size:5.2vw;font-weight:600;line-height:1.05}.onb-title-lg{letter-spacing:-.02em;font-size:4.8vw;font-weight:600;line-height:1.1}.onb-title-md{letter-spacing:-.015em;font-size:4vw;font-weight:600;line-height:1.12}.onb-sub{color:var(--muted);font-size:2.3vw;font-weight:400}.onb-strong{font-size:2.2vw;font-weight:600}.onb-note{color:var(--muted);font-size:1.65vw}.onb-list{flex-direction:column;gap:1.6vw;padding:0;list-style:none;display:flex}.onb-list li{align-items:center;gap:1.6vw;display:flex}.onb-list li:before{content:"";background:var(--brand);flex:none;width:.9vw;height:.9vw}.onb-card{background:var(--card);box-sizing:border-box;border-radius:1vw;grid-template-columns:auto auto;gap:1.5vw 4vw;width:max-content;min-width:46vw;padding:2.1vw 2.6vw;display:grid}.onb-card-3{grid-template-columns:auto auto 1fr;width:auto}.onb-card dt{color:var(--muted);font-size:1.6vw}.onb-card dd{white-space:nowrap;font-size:3vw;font-weight:600}.onb-qr{flex-direction:column;align-items:center;gap:1.8vw;display:flex}.onb-qr svg{box-sizing:border-box;background:#fff;border-radius:1.5vw;width:22.9vw;height:22.9vw;padding:2vw}.onb-qr figcaption{text-align:center;flex-direction:column;align-items:center;gap:.6vw;font-size:2.2vw;font-weight:500;display:flex}.onb-qr small{color:var(--soft);font-size:1.6vw;font-weight:600}.onb-crumbs{color:var(--soft);font-size:2.8vw;font-weight:500}.onb-crumbs span{margin:0 .8vw}.onb-code{align-items:center;gap:.6vw;font-size:5.6vw;font-weight:700;display:flex}.onb-code span{background:var(--tile);border-radius:.6vw;place-items:center;width:6vw;height:7.4vw;display:grid}.onb-code i{background:var(--line);width:1vw;height:.4vw;margin:0 .6vw}.onb-badge{align-items:center;gap:1.3vw;font-size:2.2vw;font-weight:500;display:flex}.onb-badge-bad{color:var(--bad)}.onb-badge-warn{color:var(--warn)}.onb-center .onb-badge{justify-content:center}.onb-mark{color:#1a0a10;border-radius:.5vw;flex:none;place-items:center;width:3.3vw;height:3.3vw;font-weight:700;display:grid}.onb-mark svg{width:1.9vw;height:1.9vw}.onb-badge-bad .onb-mark,.onb-mark-bad{background:var(--bad)}.onb-badge-warn .onb-mark{background:var(--warn)}.onb-mark-ok{background:var(--ok)}.onb-checks{grid-template-columns:22vw 1fr;gap:1.5vw 0;display:grid}.onb-checks>div{display:contents}.onb-checks dt{align-items:center;gap:1.6vw;font-weight:600;display:flex}.onb-checks .onb-mark{width:2.7vw;height:2.7vw}.onb-checks dd{color:var(--muted);align-items:center;display:flex}.onb-tile{place-items:center;display:grid}.onb-tile-ok{background:var(--ok);color:#0b0e26;border-radius:1vw;width:6.25vw;height:6.25vw}.onb-tile-ok svg{width:3.4vw;height:3.4vw}.onb-chip{background:var(--card);border-radius:.6vw;align-items:center;gap:1vw;padding:.8vw 1.5vw;font-size:1.8vw;font-weight:600;display:flex}.onb-dot{background:var(--ok);width:.85vw;height:.85vw}.onb-blocks{gap:.75vw;display:flex}.onb-blocks i{background:var(--tile);border-radius:.3vw;width:2.9vw;height:2.9vw}.onb-blocks i.on{background:var(--brand)}.onb-blocks i.warn{background:var(--warn)}.onb-count{color:var(--soft);font-size:2.8vw;font-weight:600}.onb-dots{gap:.85vw;display:flex}.onb-dots i{background:var(--brand);border-radius:.2vw;width:1.75vw;height:1.75vw;animation:1.2s ease-in-out infinite onb-dot}.onb-dots i:nth-child(2){animation-delay:.2s}.onb-dots i:nth-child(3){animation-delay:.4s}@keyframes onb-dot{0%,to{opacity:.3}50%{opacity:1}}.tv-name{z-index:100;color:#fff;text-align:center;pointer-events:none;background:#0b0e26d1;flex-direction:column;justify-content:center;align-items:center;gap:2vmin;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.tv-name strong{letter-spacing:-.02em;font-size:22vmin;font-weight:800;line-height:1}.tv-name span{color:#c9c6ff;font-size:5vmin}