.jl-page{--jl-bg:var(--gb-bg,#111512);--jl-surface:var(--gb-surface,#1b211e);--jl-ink:var(--gb-ink,#eee6d5);--jl-muted:var(--gb-muted,#bbc0b8);--jl-line:var(--gb-line,#4d5147);--jl-accent:var(--gb-accent,#d5b978);width:min(1136px,calc(100% - 40px));margin:36px auto 48px;color:var(--jl-ink);font:15px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}
.jl-page *{box-sizing:border-box}.jl-page h1,.jl-page h2,.jl-page h3{font-family:Georgia,serif;font-weight:500;line-height:1.2;color:var(--jl-ink)}.jl-page h1{font-size:clamp(32px,4vw,47px);margin:5px 0 14px}.jl-page h2{font-size:29px;margin:0}.jl-page h3{font-size:23px;margin:0 0 12px}.jl-page p{margin:0 0 16px}.jl-page a{color:var(--jl-accent);text-underline-offset:4px}.jl-page a:hover{text-decoration:underline}.jl-page :is(a,button,select):focus-visible{outline:2px solid var(--jl-accent);outline-offset:4px}.jl-page [hidden]{display:none!important}
.jl-intro{display:flex;gap:28px;align-items:center;margin-bottom:32px}.jl-intro>img{flex:none;object-fit:contain}.jl-intro>div{max-width:690px}.jl-intro p:not(.jl-kicker){color:var(--jl-muted);max-width:620px}.jl-page .jl-kicker{font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--jl-accent);margin:0 0 6px}.jl-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--jl-line);border-radius:2px;padding:10px 15px;background:var(--jl-bg);color:var(--jl-ink);font:700 13px/1.4 system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}.jl-page a.jl-primary{background:#e2bd68;border-color:#e2bd68;color:#1b1710;font-weight:800;text-decoration:none}.jl-button:hover:not(:disabled){border-color:var(--jl-accent);filter:brightness(1.08)}.jl-button:disabled{opacity:.55;cursor:not-allowed}
.jl-demo{border:1px solid var(--jl-line);background:var(--jl-surface);padding:25px;scroll-margin-top:20px}.jl-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.jl-badge{flex:none;border:1px solid var(--jl-accent);padding:4px 9px;color:var(--jl-accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.jl-note{max-width:840px;font-size:13px;color:var(--jl-muted)}.jl-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:23px}.jl-run,.jl-controls{min-width:0}.jl-run-heading{display:flex;align-items:center;gap:15px;margin-bottom:10px}.jl-run-heading img{object-fit:contain;flex:none}.jl-run-heading h3{margin:0}.jl-page .jl-fine{color:var(--jl-muted);font-size:12px;line-height:1.5}.jl-roles{list-style:none;padding:0;margin:20px 0 12px;display:grid;gap:7px}.jl-roles li{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:var(--jl-bg);border:1px solid var(--jl-line);font-size:13px}.jl-role{color:var(--jl-muted);font-size:12px}.jl-roles strong{font-size:14px;min-width:0}.jl-roles small{display:block;font-size:11px;font-weight:400;color:var(--jl-muted)}.jl-roles .jl-warrior{color:#c79c6e}.jl-roles .jl-priest{color:#fff}.jl-roles .jl-mage{color:#69ccf0}.jl-roles .jl-hunter{color:#abd473}.jl-filled{color:#b6d9ad;font-size:11px}.jl-open{color:#edc17c;font-size:11px}.jl-run-state{font-size:13px;color:var(--jl-muted)}
.jl-controls{border-left:1px solid var(--jl-line);padding-left:28px}.jl-controls h3{font-size:22px}.jl-controls fieldset{border:0;padding:0;margin:0;min-width:0}.jl-controls label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.jl-controls select{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 32px 9px 11px;border:1px solid var(--jl-line);border-radius:2px;background:var(--jl-bg);color:var(--jl-ink);font:14px system-ui,sans-serif;color-scheme:dark}.jl-item{display:flex;align-items:center;gap:12px;margin:20px 0 12px}.jl-item img{flex:none;object-fit:contain;border:1px solid #747d8e;border-radius:2px}.jl-item strong{display:block;color:#9ab8f2;font-size:15px}.jl-item .jl-fine{font-size:11px}.jl-result{margin:18px 0;padding:12px 14px;border-left:2px solid var(--jl-accent);background:var(--jl-bg);font-size:13px;min-height:65px}.jl-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}.jl-actions .jl-button{font-size:12px}.jl-notice{padding:12px;border:1px solid var(--jl-line)}
.jl-status{margin:32px 0}.jl-status h2{font-size:27px;margin-bottom:20px}.jl-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jl-status-grid article{min-width:0;border-top:1px solid var(--jl-line);padding-top:16px}.jl-status-grid h3{font-size:22px}.jl-status-grid p:not(.jl-kicker){font-size:13px;color:var(--jl-muted)}.jl-status-grid a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:13px;font-weight:700}.jl-member-link{border-top:1px solid var(--jl-line);padding-top:20px;font-size:13px;color:var(--jl-muted)}.jl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.jl-page{width:calc(100% - 32px);margin-top:26px}.jl-intro{gap:18px;align-items:flex-start}.jl-intro>img{width:74px;height:82px}.jl-demo{padding:20px}.jl-demo-grid{grid-template-columns:1fr;gap:22px}.jl-controls{padding:22px 0 0;border-left:0;border-top:1px solid var(--jl-line)}.jl-status-grid{grid-template-columns:1fr;gap:20px}.jl-status-grid article{padding-top:15px}.jl-status h2{font-size:25px}.jl-result{min-height:0}}
@media(max-width:420px){.jl-intro{gap:12px}.jl-intro>img{width:54px;height:62px}.jl-page h1{font-size:31px}.jl-page h2{font-size:25px}.jl-page .jl-kicker{font-size:10px;letter-spacing:.07em}.jl-demo{padding:16px}.jl-roles li{grid-template-columns:53px minmax(0,1fr) auto;gap:7px;padding:10px 8px}.jl-actions{display:grid;grid-template-columns:1fr}.jl-actions .jl-button{width:100%}.jl-run-heading img{width:51px;height:56px}.jl-section-heading{align-items:flex-start}}
.jl-interest{border:1px solid #54462f;padding:24px;margin:24px 0;background:#181612}.jl-interest h2{color:#e2bd68;font:26px Georgia,serif}.jl-interest p{line-height:1.65;font-size:13px;color:#c4bba8}.jl-interest-form fieldset{border:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.jl-interest-form legend{font-size:12px;color:#e2bd68;margin-bottom:12px}.jl-interest-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#dacfb6;min-width:0}.jl-interest-form input,.jl-interest-form select,.jl-interest-form textarea{box-sizing:border-box;width:100%;min-height:40px;padding:9px;border:1px solid #665331;background:#10110e;color:#e9dfcb;font:inherit}.jl-interest-form label:has(textarea),.jl-interest-form .ji-consent,.jl-interest-form #ji-contact-hint{grid-column:1/-1}.jl-interest-form .ji-consent{display:flex;flex-direction:row;align-items:flex-start;line-height:1.6}.jl-interest-form .ji-consent input{width:18px;min-height:18px;flex:none;margin-top:2px}.jl-interest-form [hidden]{display:none!important}.jl-interest-form #ji-contact-hint{font-size:11px;margin:0}.jl-interest #ji-result{overflow-wrap:anywhere}.jl-interest #ji-result[data-state=success]{color:#b7d2a0}.jl-interest #ji-result[data-state=error]{color:#ecc39a}.jl-interest #ji-privacy{margin-top:20px;border-top:1px solid #403824;padding-top:10px}.jl-interest :focus-visible{outline:2px solid #e2bd68;outline-offset:3px}@media(max-width:700px){.jl-interest{padding:16px}.jl-interest-form fieldset{grid-template-columns:1fr}}