body{margin:0;overflow:hidden;background:var(--navy);font-family:var(--font-body);color:var(--ink)}#view{position:fixed;inset:0;width:100%;height:100%;display:block}.jg-top{z-index:5}.jg-stats{position:fixed;z-index:5;left:var(--edge-x);top:calc(150 * var(--u));display:flex;flex-direction:column;gap:calc(18 * var(--u))}.jg-stats div{display:flex;flex-direction:column}.jg-label{font-family:var(--font-label);font-weight:700;font-size:calc(26 * var(--u));letter-spacing:.1em;color:var(--muted)}.jg-stats strong{font-family:var(--font-display);font-weight:400;font-size:calc(84 * var(--u));line-height:1}.jg-hint{position:fixed;z-index:5;left:0;right:0;bottom:calc(56 * var(--u));margin:0;text-align:center;font-size:calc(32 * var(--u));color:var(--ink-soft)}.jg-map{position:fixed;z-index:5;right:var(--edge-x);top:calc(150 * var(--u));margin:0;padding:calc(18 * var(--u));border-radius:var(--radius-panel);text-align:center}.jg-map canvas{display:block;width:calc(260 * var(--u));height:calc(292 * var(--u))}.jg-map figcaption{margin-top:calc(10 * var(--u));font-family:var(--font-label);font-weight:700;font-size:calc(24 * var(--u));letter-spacing:.1em;color:var(--muted)}.jg-overlay{background:#08101c8c}.jg-connect{position:absolute;left:var(--edge-x);top:calc(210 * var(--u));width:calc(1220 * var(--u));height:calc(660 * var(--u));display:grid;grid-template-columns:calc(520 * var(--u)) 1fr;border-radius:var(--radius-panel);overflow:hidden}.jg-qr{display:flex;align-items:center;justify-content:center;background:#ffffff0a}.jg-qr canvas{width:calc(400 * var(--u))!important;height:calc(400 * var(--u))!important;border-radius:calc(16 * var(--u));background:#fff}.jg-connect-text{display:flex;flex-direction:column;justify-content:center;gap:calc(26 * var(--u));padding:calc(64 * var(--u))}.jg-connect-text .ui-title{font-size:calc(96 * var(--u))}.jg-link{font-size:calc(22 * var(--u));color:var(--muted);word-break:break-all}.jg-status{margin:0;padding-top:calc(24 * var(--u));border-top:1px solid rgba(255,255,255,.14);font-size:calc(30 * var(--u));font-weight:600}.jg-lineup-img{top:calc(60 * var(--u))}.jg-lineup-text{position:absolute;left:var(--edge-x);top:calc(72 * var(--u));display:flex;flex-direction:column;gap:calc(20 * var(--u))}.jg-lineup-text .ui-title{font-size:calc(92 * var(--u))}.jg-hold{position:absolute;left:var(--edge-x);bottom:calc(80 * var(--u));width:calc(560 * var(--u));display:flex;flex-direction:column;gap:calc(14 * var(--u))}.jg-bar{display:block;height:calc(10 * var(--u));border-radius:5px;background:#ffffff2e;overflow:hidden}.jg-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}.jg-hint.jg-grade{bottom:auto;top:calc(560 * var(--u));left:var(--edge-x);right:auto;text-align:left;font-family:var(--font-display);font-size:calc(64 * var(--u));color:var(--accent);letter-spacing:.02em}@media(max-width:900px){.jg-connect{left:var(--edge-x);right:var(--edge-x);width:auto;height:auto;grid-template-columns:1fr;top:calc(110 * var(--u))}.jg-qr{padding:20px 0}.jg-connect-text{padding:24px}.jg-map{top:auto;bottom:calc(160 * var(--u))}}.jg-flip-button{position:fixed;z-index:6;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-width:70px;min-height:48px;border:0;border-radius:999px;background:var(--accent);color:var(--navy);font:700 18px var(--font-label)}@media(max-width:900px)and (orientation:landscape){.jg-connect{top:12px;bottom:12px;grid-template-columns:38% 1fr;overflow:auto}.jg-qr canvas{width:min(26vw,200px)!important;height:min(26vw,200px)!important}.jg-connect-text{gap:8px;padding:12px}.jg-connect-text .ui-title{font-size:32px}.jg-connect-text .ui-text,.jg-status{font-size:13px}.jg-link{font-size:11px}.jg-connect-text .ui-primary{min-height:44px;font-size:17px}.jg-stats{top:54px;gap:4px}.jg-stats strong{font-size:36px}.jg-label{font-size:12px}.jg-map{top:54px;bottom:auto;padding:6px}.jg-map canvas{width:100px;height:112px}.jg-hint{bottom:12px;font-size:14px}}