.j-boot{--jb-ink:var(--j-ink,#e8eefc);--jb-muted:var(--j-muted,#8fa0ba);--jb-panel:var(--j-panel,#1a2233);--jb-deep:var(--j-deep,#151c2a);--jb-void:var(--j-void,#0c121c);--jb-edge:var(--j-edge,#0a0e16);--jb-chrome:var(--j-chrome,#ef4444);--jb-accent:var(--j-accent,#f5c542);--jb-sky:var(--j-sky,#38bdf8);--jb-shadow:var(--j-pixel-shadow,3px 3px 0 #0a0e16);--jb-font:var(--j-font-ui,var(--font-montserrat), system-ui, sans-serif);--jb-display:var(--j-font-display,var(--font-bitmini), monospace);min-height:100dvh;color:var(--jb-ink);font-family:var(--jb-font);image-rendering:auto;background:#dccdb6;place-items:center;padding:1.25rem;display:grid;position:relative;overflow:hidden}.j-boot-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.j-boot-bg-photo{object-fit:cover;object-position:38% 46%;-ms-interpolation-mode:bicubic;filter:blur(6px)saturate(1.05)contrast(1.04);transform-origin:38% 46%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06);image-rendering:auto!important;image-rendering:smooth!important}.j-boot-bg-veil{background:radial-gradient(62% 48% at 50% 32%,#121c2c47,#0000 72%),linear-gradient(#ece2cc33 0%,#0000 30% 55%,#040c1a8c 100%);position:absolute;inset:0}.j-boot-shell{z-index:1;border:var(--j-border-w,2px) solid var(--jb-edge);width:min(440px,100%);box-shadow:var(--jb-shadow);background:var(--jb-panel);flex-direction:column;animation:.45s ease-out both j-boot-in;display:flex;position:relative;overflow:hidden}@keyframes j-boot-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.j-boot-chrome{background:linear-gradient(180deg, var(--jb-chrome), #dc2626);color:#fff7f7;border-bottom:2px solid #991b1b;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff38}.j-boot-chrome-brand{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.j-boot-chrome-brand strong{font-family:var(--jb-display);letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px #00000059;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}.j-boot-chrome-badge{border:2px solid var(--jb-edge);background:color-mix(in srgb, var(--jb-void) 70%, transparent);font-family:var(--jb-display);letter-spacing:.1em;text-transform:uppercase;color:#ffe4e4;flex:none;padding:.2rem .45rem;font-size:.58rem;font-weight:800}.j-boot-body{text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--jb-panel) 92%, #fff) 0%, var(--jb-void) 100%);flex-direction:column;align-items:center;padding:1.5rem 1.15rem 1.25rem;display:flex}.j-boot-emblem{filter:drop-shadow(0 8px 18px #08122473);justify-content:center;align-items:center;width:100%;margin:0 auto .35rem;padding:.35rem .25rem;animation:2.6s ease-in-out infinite j-boot-float;display:flex}.j-boot-logo{aspect-ratio:898/422;object-fit:contain;object-position:center;width:min(320px,92%);max-width:100%;height:auto;max-height:min(28vh,168px);box-shadow:none;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:auto;image-rendering:high-quality;background:0 0;border:0;margin-inline:auto;display:block}@keyframes j-boot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.j-boot-title{font-family:var(--jb-display);font-size:calc(1rem * var(--j-ui-scale,1));letter-spacing:var(--j-title-tracking,.04em);text-transform:uppercase;color:var(--jb-accent);text-shadow:1px 1px #00000073;margin:.85rem 0 0;font-weight:800}.j-boot-status{min-height:1.35em;font-size:calc(.78rem * var(--j-ui-scale,1));color:var(--jb-muted);margin:.45rem 0 0;line-height:1.4;animation:.35s ease-out both j-boot-tip}@keyframes j-boot-tip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.j-boot-bar{border:2px solid var(--jb-edge);background:var(--jb-void);width:min(260px,88%);height:12px;margin-top:1.15rem;position:relative;overflow:hidden;box-shadow:inset 2px 2px #00000073}.j-boot-bar-fill{background:linear-gradient(90deg, #e0a820 0%, var(--jb-accent) 45%, #fff3c4 70%, var(--jb-accent) 100%);will-change:transform;width:42%;height:100%;animation:1.15s ease-in-out infinite j-boot-fill-slide;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 -2px #00000038,0 0 10px #f5c54273}.j-boot-bar.is-retry .j-boot-bar-fill{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 50%,#fecaca 78%,#ef4444 100%);width:36%;animation-duration:1.4s;box-shadow:inset 0 -2px #00000040,0 0 10px #ef444466}@keyframes j-boot-fill-slide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.j-boot-retry{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.j-boot-retry-btn{border:2px solid var(--jb-edge);background:linear-gradient(180deg, var(--jb-accent), #e0a820);color:#1a1408;font-family:var(--jb-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--jb-shadow);padding:.5rem 1rem;font-size:.72rem;font-weight:800}.j-boot-retry-btn:hover{filter:brightness(1.06)}.j-boot-retry-btn:active{box-shadow:1px 1px 0 var(--jb-edge);transform:translate(1px,1px)}.j-boot-foot{border-top:2px solid color-mix(in srgb, var(--jb-edge) 80%, #334155);background:var(--jb-deep);letter-spacing:.04em;color:var(--jb-muted);justify-content:center;padding:.45rem .75rem;font-size:.68rem;display:flex}@media (max-width:480px){.j-boot{padding:.75rem}.j-boot-body{padding:1.1rem .9rem 1rem}.j-boot-title{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.j-boot-shell,.j-boot-emblem,.j-boot-status{animation:none!important}.j-boot-bar-fill{animation-duration:2.2s}}
