:root{--bg : #0b1f5c; --bg2 : #12296e; --surface : #173080; --surface2 : #1e3a92; --line : #2f56b8; --ink : #f2f7ff; --ink2 : #d6e2fb; --ink3 : #a9bde8; --accent : #ffc233; --accent-lt : #ffd979; --accent-dk : #b07d05; --sky : #e0453a; --sky-dk : #96241c; --grass : #4ede7a; --dirt : #8fd8ff; --dirt-dk : #3f7fbf; --stone : #a9bde8; --diamond : #8fd8ff; --emerald : #4ede7a; --tnt : #ff8a3d; --tnt-ink : #ffb87a; --on-accent : #0b1f5c; --bw : 2px; --r : 6px; --r-lg : 12px; --sh-block : 0 0 0 2px rgba(143,216,255,.18), 0 16px 30px -20px rgba(0,0,0,.9); --sh-bar : 0 -12px 28px -18px rgba(0,0,0,.9); --img-render : auto; --gloss : rgba(255,255,255,.32); --shade : rgba(0,0,0,.12); --scrim : rgba(0,0,0,.42); --h1-max : 44px; --h2-max : 30px; --h1-measure : none; --font-display : "Russo One","Trebuchet MS",Impact,sans-serif; --font-ui : "Spline Sans Mono",ui-monospace,"SFMono-Regular",Menlo,monospace; --font-body : "Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

html{color-scheme : dark}

*,*::before,*::after{box-sizing : border-box}

html{-webkit-text-size-adjust : 100%; scroll-behavior : smooth; scroll-padding-top : 84px}

body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin : 0}

ul,ol{padding : 0; list-style : none}

img,svg,video{display : block; max-width : 100%}

img{height : auto}

button,input,select,textarea{font : inherit; color : inherit}

a{color : inherit}

table{border-collapse : collapse}

body{margin : 0; background : var(--bg); color : var(--ink); font-family : var(--font-body); font-size : 16px; line-height : 1.68; font-weight : 400; overflow-x : hidden; -webkit-font-smoothing : antialiased; background-image :  radial-gradient(900px 420px at 88% -8%, color-mix(in srgb, var(--sky) 15%, transparent), transparent 70%), radial-gradient(760px 380px at 4% 2%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%); background-repeat : no-repeat}

::selection{background : var(--accent); color : var(--on-accent)}

.ll-leapto{position : absolute; left : -9999px; top : 0; z-index : 200; background : var(--accent); color : var(--on-accent); padding : 12px 20px; font-family : var(--font-ui); font-size : 13px; letter-spacing : .05em}

.ll-leapto:focus{left : 12px; top : 12px}

:where(a,button,summary,[tabindex]):focus-visible{outline : 3px solid var(--diamond); outline-offset : 3px; border-radius : 2px}

/* ---------- layout ---------- */ .ll-circuit{width : min(100% - 32px, 1240px); margin-inline : auto}

.ll-circuit-narrow{width : min(100% - 32px, 980px); margin-inline : auto}

main{display : block}

/* ---------- pixel primitives ---------- */ .ll-busbar{height : 26px; width : 100%; position : relative; background :  linear-gradient(var(--grass) 0 9px, transparent 9px), repeating-linear-gradient(90deg,var(--dirt) 0 12px,var(--dirt-dk) 12px 24px); border-top : 3px solid color-mix(in srgb, var(--grass) 70%, #000); image-rendering : pixelated}

.ll-busbar::after{content : ""; position : absolute; left : 0; right : 0; top : 9px; height : 4px; background : repeating-linear-gradient(90deg,color-mix(in srgb,var(--grass) 65%,#000) 0 6px,transparent 6px 12px)}

.ll-busbar--line{height : 34px; background : none; border-top : 0; position : relative; display : grid; place-items : center}

.ll-busbar--line::before{content : ""; position : absolute; left : 0; right : 0; top : 50%; height : 2px; background : repeating-linear-gradient(90deg,var(--line) 0 14px,transparent 14px 22px)}

.ll-hova{position : relative; width : 16px; height : 16px; border : 3px solid var(--accent); border-radius : 50%; background : var(--bg)}

.ll-busbar--wave{height : auto; background : none; border-top : 0; line-height : 0}

.ll-busbar--wave::after{content : none}

.ll-busbar--wave svg{width : 100%; height : 52px; display : block}

.ll-kaso{fill : var(--surface)}

.ll-zulo{fill : none; stroke : var(--sky); stroke-width : 3; vector-effect : non-scaling-stroke; opacity : .85}

/* ---------- buttons ---------- */ .ll-keybtn{border-radius : var(--r); --btn-bg : var(--accent); --btn-ink : var(--on-accent); --btn-edge : var(--accent-dk); display : inline-flex; align-items : center; justify-content : center; gap : 9px; font-family : var(--font-ui); font-weight : 400; font-size : 13.5px; letter-spacing : .045em; line-height : 1.15; padding : 16px 26px 17px; text-decoration : none; cursor : pointer; background : var(--btn-bg); color : var(--btn-ink); border : 0; border-bottom : 5px solid var(--btn-edge); box-shadow : inset 0 3px 0 var(--gloss), inset 0 -3px 0 var(--shade); transition : transform .12s ease, filter .12s ease; text-align : center}

.ll-keybtn:hover{filter : brightness(1.08)}

.ll-keybtn:active{transform : translateY(3px); border-bottom-width : 2px}

.ll-keybtn svg{width : 19px; height : 19px; flex : none}

.ll-keybtn--ghost{--btn-bg : transparent; --btn-ink : var(--ink); --btn-edge : transparent; border : var(--bw) solid var(--line); box-shadow : none; padding : 13px 22px}

.ll-keybtn--ghost:hover{border-color : var(--accent); color : var(--accent); filter : none}

.ll-keybtn--ghost:active{transform : translateY(2px)}

.ll-keybtn--sm{font-size : 11.5px; padding : 12px 16px 13px; border-bottom-width : 4px}

.ll-keybtn--wide{width : 100%}

/* ---------- header ---------- */ .ll-toprail{position : sticky; top : 0; z-index : 90; background : color-mix(in srgb, var(--bg2) 92%, transparent); backdrop-filter : blur(10px); border-bottom : var(--bw) solid var(--line)}

.ll-toprail-row{display : flex; align-items : center; gap : 18px; min-height : 70px}

.ll-boltmark{display : flex; align-items : center; gap : 11px; text-decoration : none; flex : 0 1 auto; min-width : 0}

.ll-boltmark-icon{width : 38px; height : 38px; flex : none; image-rendering : pixelated}

.ll-boltmark-word{font-family : var(--font-display); font-size : clamp(17px,4.8vw,26px); color : var(--accent); letter-spacing : .005em; line-height : 1; white-space : nowrap; overflow : hidden; text-overflow : ellipsis}

.ll-channels{margin-left : auto; display : none}

.ll-channels ul{display : flex; align-items : center; gap : 2px}

.ll-channels a{display : block; padding : 9px 11px; text-decoration : none; font-size : 14px; font-weight : 500; color : var(--ink2); border-bottom : 3px solid transparent; transition : color .15s,border-color .15s; white-space : nowrap}

.ll-channels a:hover{color : var(--ink)}

.ll-channels a[aria-current="page"]{color : var(--accent); border-bottom-color : var(--accent)}

.ll-toprail-action{display : none; flex : none}

.ll-togglebar{border-radius : var(--r); margin-left : auto; width : 46px; height : 42px; background : var(--surface); border : var(--bw) solid var(--line); display : grid; place-items : center; cursor : pointer; padding : 0}

.ll-togglebar span{display : block; width : 20px; height : 3px; background : var(--ink); box-shadow : 0 -7px 0 var(--ink),0 7px 0 var(--ink); transition : .2s}

.ll-togglebar[aria-expanded="true"] span{background : transparent; box-shadow : 0 0 0 transparent}

.ll-togglebar[aria-expanded="true"]::before,.ll-togglebar[aria-expanded="true"]::after{content : ""; position : absolute; width : 22px; height : 3px; background : var(--accent)}

.ll-togglebar[aria-expanded="true"]::before{transform : rotate(45deg)}

.ll-togglebar[aria-expanded="true"]::after{transform : rotate(-45deg)}

.ll-togglebar{position : relative}

.ll-dropgrid{border-top : var(--bw) solid var(--line); background : var(--bg2)}

.ll-dropgrid[hidden]{display : none}

.ll-dropgrid ul{display : grid; grid-template-columns : 1fr 1fr; gap : 0}

.ll-dropgrid li:last-child:nth-child(odd){grid-column : 1 / -1}

.ll-dropgrid nav a{display : block; padding : 14px 12px; text-decoration : none; font-size : 14.5px; font-weight : 500; color : var(--ink2); border-bottom : 1px solid var(--line); border-right : 1px solid var(--line)}

.ll-dropgrid li:last-child:nth-child(odd) a{border-right : 0}

.ll-dropgrid nav a[aria-current="page"]{color : var(--accent)}

.ll-dropgrid-action{padding : 16px}

/* ---------- hero ---------- */ .ll-storm{position : relative; overflow : hidden; border-bottom : var(--bw) solid var(--line)}

.ll-storm::before{content : ""; position : absolute; inset : 0; background :  linear-gradient(180deg, color-mix(in srgb,var(--sky) 22%,transparent) 0%, transparent 45%), repeating-linear-gradient(90deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, color-mix(in srgb,var(--line) 45%,transparent) 0 1px, transparent 1px 44px); opacity : .5; pointer-events : none}

.ll-storm-row{position : relative; display : grid; gap : 30px; padding : 38px 0 44px}

.ll-storm-copy{min-width : 0}

.ll-lomi{min-width : 0}

.ll-lomi .ll-storm-actions{margin-top : 0}

.ll-storm-row--art-wide .ll-storm-art img{width : 100%}

.ll-storm-row--art-wide .ll-storm-flash{right : auto; left : 0}

/* The wide band centres its copy; the art is capped near its intrinsic width so a small source asset is never upscaled into mush. */ .ll-storm-row--art-wide .ll-storm-art{max-width : var(--hero-art-max,820px); margin-inline : auto; width : 100%}

.ll-storm h1{font-family : var(--font-display); font-weight : 400; font-size : clamp(32px,6.4vw,var(--h1-max)); line-height : 1.04; letter-spacing : .002em; margin : 16px 0 0; text-wrap : balance}

.ll-storm h1{max-width : var(--h1-measure,none)}

.ll-storm h1 .ll-charge{color : var(--accent)}

.ll-storm-lede{margin-top : 16px; font-size : clamp(16px,2.3vw,18.5px); color : var(--ink2); max-width : 56ch}

.ll-storm-actions{display : flex; flex-wrap : wrap; gap : 12px; margin-top : 26px}

.ll-storm-fineprint{margin-top : 14px; font-size : 12.5px; color : var(--ink3); display : flex; align-items : flex-start; gap : 7px}

.ll-storm-fineprint svg{width : 14px; height : 14px; flex : none; margin-top : 3px}

.ll-storm-art{position : relative}

.ll-storm-art .ll-screencase{border-radius : var(--r-lg); overflow : hidden; border : var(--bw) solid var(--line); background : var(--bg2); box-shadow : var(--sh-block); position : relative; overflow : hidden}

.ll-storm-art img{width : 100%; image-rendering : var(--img-render,pixelated)}

.ll-storm-art--portrait .ll-screencase{display : grid; place-items : center; padding : 20px; background : var(--bg2)}

.ll-storm-art--portrait img{width : auto; max-width : 100%; max-height : min(58vh,430px)}

.ll-storm-art .ll-screencase::after{content : ""; position : absolute; inset : 0; pointer-events : none; background : linear-gradient(180deg,transparent 62%, color-mix(in srgb,var(--bg) 78%,transparent))}

.ll-storm-flash{border-radius : var(--r); position : absolute; right : -6px; bottom : -14px; z-index : 2; background : var(--accent); color : var(--on-accent); border-bottom : 5px solid var(--accent-dk); padding : 11px 15px 12px; font-family : var(--font-display); line-height : 1.05; box-shadow : var(--sh-block)}

.ll-storm-flash b{display : block; font-size : 27px; font-weight : 400; line-height : 1}

.ll-storm-flash span{display : block; font-family : var(--font-ui); font-size : 9px; letter-spacing : .1em; text-transform : uppercase; opacity : .85; margin-top : 6px}

.ll-storm-flash.ll-storm-flash--bottom-left{right : auto; left : -6px}

.ll-storm-flash.ll-storm-flash--top-left{right : auto; bottom : auto; left : -6px; top : -14px}

.ll-storm-flash.ll-storm-flash--top-right{bottom : auto; top : -14px}

/* ---------- fact strip ---------- */ .ll-readouts{background : var(--bg2); border-bottom : var(--bw) solid var(--line)}

.ll-readouts--strip .ll-readouts-grid{display : grid; grid-template-columns : repeat(2,1fr); gap : 0; border-left : 1px solid var(--line); border-right : 1px solid var(--line)}

.ll-readout{padding : 20px 16px; border-bottom : 1px solid var(--line); border-right : 1px solid var(--line); display : flex; align-items : center; gap : 13px; min-width : 0}

.ll-readouts--strip .ll-readout:nth-child(2n){border-right : 0}

.ll-readout-icon{border-radius : var(--r); width : 42px; height : 42px; flex : none; display : grid; place-items : center; border : max(2px, calc(var(--bw) - 1px)) solid var(--line); background : var(--surface)}

.ll-readout-icon svg{width : 22px; height : 22px}

.ll-readout-note{min-width : 0}

.ll-readout-key{display : block; font-family : var(--font-ui); font-size : 9.5px; letter-spacing : .13em; text-transform : uppercase; color : var(--ink3)}

.ll-readout-figure{display : block; font-family : var(--font-display); font-size : 24px; color : var(--ink); line-height : 1.15; margin-top : 6px; overflow-wrap : break-word; hyphens : auto}

.ll-readout-figure.ll-lit-amber{color : var(--accent)}

.ll-readout-figure.ll-lit-ice{color : var(--diamond)}

.ll-readout-figure.ll-lit-lime{color : var(--emerald)}

.ll-readouts--cards{background : transparent; border-bottom : 0; padding : 26px 0 4px}

.ll-readouts--cards .ll-readouts-grid{display : grid; grid-template-columns : repeat(2,1fr); gap : 12px; border : 0}

.ll-readouts--cards .ll-readout{flex-direction : column; align-items : flex-start; gap : 10px; padding : 16px 15px; border : var(--bw) solid var(--line); border-radius : var(--r-lg); background : var(--surface); box-shadow : var(--sh-block)}

.ll-readouts--cards .ll-readout .ll-readout-key,.ll-readouts--cards .ll-readout .ll-readout-figure{display : block}

.ll-readouts--cards .ll-readout-figure{margin-top : 2px}

.ll-readouts--list{background : var(--bg2); border-bottom : var(--bw) solid var(--line); padding : 6px 0}

.ll-readouts--list .ll-readouts-grid{display : grid; grid-template-columns : 1fr; gap : 0 34px; border : 0}

.ll-readouts--list .ll-readout{display : grid; grid-template-columns : 34px 1fr auto; align-items : center; gap : 12px; padding : 13px 2px; border : 0; border-bottom : 1px dashed var(--line)}

.ll-readouts--list .ll-readout:last-child{border-bottom : 0}

@media (min-width:760px) {
  .ll-readouts--list .ll-readouts-grid{grid-template-columns : 1fr 1fr}
  }
@media (min-width:760px) {
  .ll-readouts--list .ll-readout:nth-last-child(2){border-bottom : 0}
  }
@media (min-width:760px) {}

.ll-readouts--list .ll-readout-icon{width : 34px; height : 34px; border : 0; background : transparent; color : var(--accent)}

.ll-readouts--list .ll-readout-icon svg{width : 20px; height : 20px}

.ll-readouts--list .ll-readout-key{font-family : var(--font-ui); font-size : 11px; letter-spacing : .12em; text-transform : uppercase; color : var(--ink3)}

.ll-readouts--list .ll-readout-figure{margin : 0; font-family : var(--font-display); font-size : 19px; color : var(--ink); text-align : right; line-height : 1.2}

/* ---------- page shell ---------- */ .ll-split2{display : grid; gap : 34px; padding : 38px 0 56px; align-items : start}

/* Long compounds (Finnish, German, Dutch) blow past a 320px column otherwise. `hyphens` needs the document language, which the head already declares. */ .ll-storm h1,.ll-runthrough h2,.ll-runthrough h3,.ll-askbank-q,.ll-index2-list a,.ll-bone{overflow-wrap : break-word; hyphens : auto}

/* ---------- prose ---------- */ .ll-runthrough{min-width : 0; font-size : 16.5px}

.ll-runthrough > * + *{margin-top : 19px}

.ll-runthrough h2{font-family : var(--font-display); font-weight : 400; font-size : clamp(25px,3.7vw,var(--h2-max)); line-height : 1.16; letter-spacing : .004em; margin-top : 52px; padding-top : 4px; position : relative; padding-left : 26px; text-wrap : balance; scroll-margin-top : 90px}

.ll-runthrough h2::before{content : ""; position : absolute; left : 0; top : .42em; width : 14px; height : 14px; background : var(--accent); box-shadow : 0 -8px 0 -3px var(--sky), 0 8px 0 -3px var(--emerald)}

.ll-runthrough h3{font-family : var(--font-body); font-weight : 700; font-size : clamp(18px,2.6vw,21px); line-height : 1.32; margin-top : 34px; color : var(--ink); text-wrap : balance; scroll-margin-top : 90px}

.ll-runthrough h2 + h3, .ll-runthrough h2 + p, .ll-runthrough h2 + ul, .ll-runthrough h2 + ol, .ll-runthrough h2 + .ll-meter2{border-radius : var(--r-lg); margin-top : 17px}

.ll-runthrough p{color : var(--ink2)}

.ll-runthrough strong{color : var(--ink); font-weight : 600}

.ll-runthrough .ll-intro2{font-size : 17px; color : var(--ink); font-weight : 600; border-left : 4px solid var(--accent); padding-left : 14px}

.ll-runthrough ul{display : grid; gap : 11px}

.ll-runthrough ul > li{position : relative; padding-left : 29px; color : var(--ink2)}

.ll-runthrough ul > li::before{content : ""; position : absolute; left : 2px; top : .56em; width : 11px; height : 11px; background : var(--sky); box-shadow : inset 0 2px 0 var(--gloss)}

.ll-runthrough ul > li > ul{margin-top : 10px}

.ll-runthrough ul > li > ul > li::before{background : var(--stone)}

.ll-runthrough li p{margin-top : 8px}

.ll-runthrough ol{counter-reset : step; display : grid; gap : 15px}

.ll-runthrough ol > li{position : relative; padding-left : 48px; counter-increment : step; color : var(--ink2)}

.ll-runthrough ol > li::before{content : counter(step); position : absolute; left : 0; top : 0; width : 33px; height : 33px; display : grid; place-items : center; font-family : var(--font-ui); font-size : 13px; background : var(--surface2); color : var(--accent); border : max(2px, calc(var(--bw) - 1px)) solid var(--line)}

.ll-runthrough ol > li > ul{margin-top : 11px}

.ll-meter2{overflow-x : auto; border : var(--bw) solid var(--line); background : var(--surface); box-shadow : var(--sh-block); -webkit-overflow-scrolling : touch; background-image :  linear-gradient(to right, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to left, var(--surface), color-mix(in srgb, var(--surface) 0%, transparent)), linear-gradient(to right, var(--scrim), color-mix(in srgb, var(--scrim) 0%, transparent)), linear-gradient(to left, var(--scrim), color-mix(in srgb, var(--scrim) 0%, transparent)); background-position : 0 0, 100% 0, 0 0, 100% 0; background-repeat : no-repeat; background-size : 26px 100%, 26px 100%, 14px 100%, 14px 100%; background-attachment : local, local, scroll, scroll}

.ll-meter2 table{width : 100%; min-width : 520px; font-size : 15px}

.ll-meter2 th,.ll-meter2 td{padding : 12px 15px; text-align : left; border-bottom : 1px solid var(--line); vertical-align : top}

.ll-meter2 thead th{background : var(--surface2); color : var(--ink); font-family : var(--font-ui); font-size : 10.5px; letter-spacing : .09em; text-transform : uppercase; border-bottom : var(--bw) solid var(--line); position : sticky; top : 0; white-space : nowrap}

.ll-meter2 tbody tr:last-child td{border-bottom : 0}

.ll-meter2 tbody tr:nth-child(even){background : color-mix(in srgb,var(--surface2) 45%,transparent)}

.ll-meter2 td{color : var(--ink2)}

.ll-meter2 td:first-child{color : var(--ink); font-weight : 500}

.ll-meter2 td strong{color : var(--accent); font-weight : 600}

.ll-meter2-hint{display : none; align-items : center; gap : 6px; margin-top : 8px; font-size : 12px; color : var(--ink3)}

html:not(.ll-script-on) .ll-meter2-hint{display : flex}

.ll-meter2.ll-slides2 + .ll-meter2-hint{display : flex}

.ll-meter2-hint svg{width : 13px; height : 13px}

/* ---------- faq ---------- */ .ll-askbank{display : grid; gap : 10px; margin-top : 20px}

.ll-askbank-item{border-radius : var(--r); border : var(--bw) solid var(--line); background : var(--surface)}

.ll-askbank-q{margin : 0; font-family : var(--font-body); font-size : 16.5px; font-weight : 600; line-height : 1.45}

.ll-askbank-toggle{width : 100%; display : flex; align-items : center; justify-content : space-between; gap : 16px; background : none; border : 0; padding : 16px 17px; text-align : left; cursor : pointer; color : var(--ink); font : inherit}

.ll-askbank-toggle:hover{color : var(--accent)}

.ll-askbank-icon{width : 26px; height : 26px; flex : none; position : relative; border : max(2px, calc(var(--bw) - 1px)) solid var(--line); background : var(--surface2); transition : .18s}

.ll-askbank-icon::before,.ll-askbank-icon::after{content : ""; position : absolute; background : var(--accent); left : 50%; top : 50%; transform : translate(-50%,-50%)}

.ll-askbank-icon::before{width : 11px; height : 3px}

.ll-askbank-icon::after{width : 3px; height : 11px; transition : opacity .18s}

.ll-askbank-toggle[aria-expanded="true"] .ll-askbank-icon{background : var(--accent); border-color : var(--accent)}

.ll-askbank-toggle[aria-expanded="true"] .ll-askbank-icon::before{background : var(--on-accent)}

.ll-askbank-toggle[aria-expanded="true"] .ll-askbank-icon::after{opacity : 0}

.ll-askbank-a{padding : 0 17px 17px; border-top : 1px solid var(--line); padding-top : 15px}

.ll-askbank-a > * + *{margin-top : 14px}

.ll-askbank-a p{color : var(--ink2); font-size : 15.5px}

.ll-askbank-a[hidden]{display : none}

.ll-script-off .ll-askbank-a[hidden]{display : block}

.ll-script-off .ll-askbank-icon{display : none}

.ll-script-off .ll-askbank-toggle{cursor : default}

details.ll-askbank-item summary{list-style : none; cursor : pointer}

details.ll-askbank-item summary::-webkit-details-marker{display : none}

details.ll-askbank-item .ll-askbank-toggle{display : flex; align-items : center; justify-content : space-between; gap : 16px; padding : 16px 17px; color : var(--ink)}

details.ll-askbank-item .ll-askbank-q{margin : 0; font-family : var(--font-body); font-size : 16.5px; font-weight : 600; line-height : 1.45}

details.ll-askbank-item summary:hover .ll-askbank-q{color : var(--accent)}

details.ll-askbank-item[open] .ll-askbank-icon{background : var(--accent); border-color : var(--accent)}

details.ll-askbank-item[open] .ll-askbank-icon::before{background : var(--on-accent)}

details.ll-askbank-item[open] .ll-askbank-icon::after{opacity : 0}

details.ll-askbank-item .ll-askbank-a{padding : 0 17px 17px; border-top : 1px solid var(--line); padding-top : 15px}

/* ---------- sidebar ---------- */ .ll-dock2{display : grid; gap : 20px; min-width : 0}

.ll-panelcard{border-radius : var(--r-lg); border : var(--bw) solid var(--line); background : var(--surface); box-shadow : var(--sh-block)}

.ll-panelcard-head{padding : 13px 16px; border-bottom : var(--bw) solid var(--line); background : var(--surface2); font-family : var(--font-ui); font-size : 10.5px; letter-spacing : .11em; text-transform : uppercase; color : var(--ink); display : flex; align-items : center; gap : 9px}

.ll-panelcard-head svg{width : 17px; height : 17px; color : var(--accent)}

.ll-panelcard-body{padding : 16px}

.ll-jackpot{border-color : var(--accent); box-shadow : 0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent), var(--sh-block)}

.ll-jackpot .ll-panelcard-head{background : var(--accent); color : var(--on-accent); border-bottom-color : var(--accent-dk)}

.ll-jackpot .ll-panelcard-head svg{color : var(--on-accent)}

.ll-jackpot-value{font-family : var(--font-display); font-size : clamp(30px,4.6vw,38px); color : var(--accent); line-height : 1.06}

.ll-jackpot-extra{font-family : var(--font-display); font-size : 21px; color : var(--ink); margin-top : 6px; line-height : 1.1}

.ll-jackpot-terms{font-size : 12px; color : var(--ink3); margin-top : 12px; line-height : 1.5}

.ll-jackpot .ll-keybtn{margin-top : 15px}

.ll-sheetspec dl{display : grid; gap : 0}

.ll-sheetspec .ll-band2{display : flex; justify-content : space-between; gap : 14px; padding : 10px 0; border-bottom : 1px dashed var(--line)}

.ll-sheetspec .ll-band2:last-child{border-bottom : 0}

.ll-sheetspec dt{font-size : 13px; color : var(--ink3); letter-spacing : .03em}

.ll-sheetspec dd{margin : 0; font-family : var(--font-display); font-size : 18px; color : var(--ink); text-align : right; line-height : 1.25}

/* ---------- page contents ---------- */ .ll-index2{background : var(--bg2); border-bottom : var(--bw) solid var(--line); padding : 18px 0 20px}

.ll-index2-head{display : flex; align-items : center; justify-content : space-between; gap : 16px; min-height : 34px}

.ll-index2-title{display : flex; align-items : center; gap : 9px; font-family : var(--font-ui); font-size : 10.5px; letter-spacing : .13em; text-transform : uppercase; color : var(--ink2)}

.ll-index2-title svg{width : 16px; height : 16px; color : var(--accent); flex : none}

.ll-index2-toggle{border-radius : var(--r); display : none; align-items : center; gap : 10px; cursor : pointer; background : var(--surface); border : max(2px, calc(var(--bw) - 1px)) solid var(--line); padding : 8px 12px; font-family : var(--font-ui); font-size : 10px; letter-spacing : .09em; text-transform : uppercase; color : var(--ink2)}

.ll-index2-toggle:hover{border-color : var(--accent); color : var(--accent)}

.ll-index2-icon{width : 16px; height : 16px; flex : none; position : relative}

.ll-index2-icon::before,.ll-index2-icon::after{content : ""; position : absolute; left : 50%; top : 50%; transform : translate(-50%,-50%); background : var(--accent)}

.ll-index2-icon::before{width : 11px; height : 3px}

.ll-index2-icon::after{width : 3px; height : 11px; transition : opacity .18s}

.ll-index2-toggle[aria-expanded="true"] .ll-index2-icon::after{opacity : 0}

.ll-index2-list{counter-reset : pn; display : grid; grid-template-columns : 1fr; gap : 2px; margin-top : 14px}

.ll-index2-list li{counter-increment : pn; min-width : 0}

.ll-index2-list a{display : flex; gap : 11px; padding : 9px 11px; text-decoration : none; font-size : 14px; line-height : 1.4; color : var(--ink2); border-left : 3px solid transparent; transition : color .15s,background .15s,border-color .15s}

.ll-index2-list a::before{content : counter(pn,decimal-leading-zero); font-family : var(--font-ui); font-size : 10px; color : var(--ink3); flex : none; padding-top : 3px}

.ll-index2-list a:hover{color : var(--accent); background : var(--surface); border-left-color : var(--accent)}

.ll-index2-list a.ll-selected2{color : var(--accent); background : var(--surface); border-left-color : var(--accent)}

/* ---------- in-content promo band ---------- */ .ll-surge{border-radius : var(--r-lg); position : relative; overflow : hidden; border : 3px solid var(--accent); background : linear-gradient(135deg,var(--surface2),var(--surface)); padding : 24px 22px; display : grid; gap : 18px; box-shadow : var(--sh-block)}

.ll-surge::before{content : ""; position : absolute; inset : 0; opacity : .16; pointer-events : none; background : repeating-linear-gradient(45deg,var(--accent) 0 8px,transparent 8px 24px)}

.ll-surge > *{position : relative}

.ll-surge-title{font-family : var(--font-display); font-size : clamp(24px,3.6vw,30px); line-height : 1.14; color : var(--ink)}

.ll-surge-title em{font-style : normal; color : var(--accent)}

.ll-surge-text{font-size : 15px; color : var(--ink2); margin-top : 8px}

.ll-surge-terms{font-size : 11.5px; color : var(--ink3); margin-top : 11px}

/* ---------- pickaxe tier strip ---------- */ .ll-lose{display : grid; grid-template-columns : 1fr; gap : 12px}

@media (min-width:400px) {
  .ll-lose{grid-template-columns : repeat(2,1fr)}
  }
@media (min-width:400px) {}

.ll-level2{min-width : 0; border-radius : var(--r); border : var(--bw) solid var(--line); background : var(--surface); padding : 15px 14px; text-align : center}

.ll-level2-icon{border-radius : var(--r); display : grid; place-items : center; width : 52px; height : 52px; margin : 0 auto 12px; border : max(2px, calc(var(--bw) - 1px)) solid var(--line); background : var(--surface2)}

.ll-level2-icon svg{width : 30px; height : 30px}

.ll-level2-name{font-family : var(--font-display); font-size : 20px; line-height : 1.1}

.ll-level2-meter{display : flex; gap : 3px; margin-top : 11px; justify-content : center}

.ll-level2-meter i{display : block; width : 11px; height : 11px; background : var(--line)}

.ll-level2-meter i.ll-charged{background : var(--tnt)}

.ll-level2-note{font-size : 12px; color : var(--ink3); margin-top : 9px; line-height : 1.45; display : block}

.ll-level2--wood{color : #c08c53}

.ll-level2--stone{color : var(--stone)}

.ll-level2--iron{color : #dfe6ee}

.ll-level2--diamond{color : var(--diamond)}

.ll-level2-name{color : currentColor}

.ll-level2-icon{color : currentColor}

/* ---------- gallery ---------- */ .ll-captures{display : grid; gap : 14px; grid-template-columns : 1fr; align-items : start}

.ll-capture{border-radius : var(--r-lg); border : var(--bw) solid var(--line); background : var(--bg2); box-shadow : var(--sh-block); overflow : hidden}

.ll-capture img{width : 100%; image-rendering : pixelated}

.ll-capture figcaption{padding : 11px 14px; font-size : 12.5px; color : var(--ink3); border-top : 1px solid var(--line)}

/* ---------- footer ---------- */ .ll-underrail{background : var(--bg2); border-top : var(--bw) solid var(--line); padding : 42px 0 0; font-size : 14.5px}

.ll-underrail-grid{display : grid; gap : 30px; grid-template-columns : 1fr}

.ll-underrail-col h2{font-family : var(--font-ui); font-size : 10px; letter-spacing : .13em; text-transform : uppercase; color : var(--ink); margin-bottom : 14px}

.ll-underrail-col ul{display : grid; gap : 9px}

.ll-underrail-col a{color : var(--ink3); text-decoration : none; transition : color .15s}

.ll-underrail-col a:hover{color : var(--accent)}

.ll-cashline{display : flex; flex-wrap : wrap; gap : 8px}

.ll-cashline span{border-radius : var(--r); border : max(2px, calc(var(--bw) - 1px)) solid var(--line); background : var(--surface); padding : 7px 11px; font-family : var(--font-ui); font-size : 9.5px; letter-spacing : .05em; color : var(--ink3)}

.ll-grounded{margin-top : 34px; border-top : 1px solid var(--line); padding : 24px 0; display : grid; gap : 16px; align-items : center}

.ll-grounded-tags{display : flex; flex-wrap : wrap; gap : 9px; align-items : center}

.ll-grounded-tag{border-radius : var(--r); display : inline-flex; align-items : center; gap : 7px; border : max(2px, calc(var(--bw) - 1px)) solid var(--line); padding : 7px 12px; font-size : 12px; color : var(--ink2); background : var(--surface)}

.ll-grounded-tag b{font-family : var(--font-ui); color : var(--tnt-ink); font-size : 12px; letter-spacing : .04em}

.ll-grounded-tag svg{width : 15px; height : 15px; color : var(--ink3)}

.ll-grounded p{color : var(--ink3); font-size : 13px; line-height : 1.6}

.ll-grounded a{color : var(--ink2)}

.ll-underrail-base{border-top : 1px solid var(--line); padding : 18px 0 30px; color : var(--ink3); font-size : 12.5px; display : grid; gap : 8px}

/* ---------- sticky mobile CTA ---------- */ .ll-livebar{position : fixed; left : 0; right : 0; bottom : 0; z-index : 80; background : color-mix(in srgb, var(--bg2) 96%, transparent); backdrop-filter : blur(10px); border-top : var(--bw) solid var(--line); padding : 10px 0 calc(10px + env(safe-area-inset-bottom)); box-shadow : var(--sh-bar)}

.ll-livebar-row{display : flex; align-items : center; justify-content : space-between; gap : 14px}

.ll-livebar-text{flex : 1 1 auto; min-width : 0; line-height : 1.15}

.ll-livebar-text b{display : block; font-family : var(--font-display); font-size : 18px; color : var(--accent); overflow : hidden; text-overflow : ellipsis; white-space : nowrap}

.ll-livebar-text span{display : block; font-family : var(--font-ui); font-size : 9.5px; letter-spacing : .1em; text-transform : uppercase; color : var(--ink3); margin-top : 4px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap}

@media (max-width:359px) {
  .ll-livebar-row{gap : 10px}
  }
@media (max-width:359px) {
  .ll-livebar .ll-keybtn{padding-left : 14px; padding-right : 14px}
  }
@media (max-width:359px) {
  .ll-livebar .ll-keybtn svg{display : none}
  }
@media (max-width:359px) {
  .ll-livebar-text span{display : none}
  }
@media (max-width:359px) {
  .ll-livebar-text b{font-size : 15px}
  }
@media (max-width:359px) {}

.ll-livebar .ll-keybtn{flex : none; white-space : nowrap}

.ll-script-on .ll-livebar{transform : translateY(110%); transition : transform .28s ease; will-change : transform}

.ll-script-on .ll-livebar.ll-powered{transform : none}

.ll-kagi .ll-livebar{display : none}

/* ---------- 404 ---------- */ .ll-shortcircuit{min-height : 62vh; display : grid; place-items : center; text-align : center; padding : 60px 0}

.ll-shortcircuit-code{font-family : var(--font-display); font-size : clamp(84px,22vw,170px); line-height : .86; color : var(--accent); text-shadow : 7px 7px 0 var(--surface2)}

.ll-shortcircuit h1{font-family : var(--font-display); font-size : clamp(28px,5.2vw,40px); margin-top : 20px; font-weight : 400}

.ll-shortcircuit p{color : var(--ink2); margin-top : 14px; max-width : 52ch; margin-inline : auto}

.ll-shortcircuit .ll-shortcircuit-code{color : var(--accent); max-width : none; margin-top : 0}

.ll-shortcircuit .ll-storm-actions{justify-content : center}

.ll-shortcircuit-links{margin-top : 30px; display : flex; flex-wrap : wrap; gap : 9px; justify-content : center}

.ll-shortcircuit-links a{border-radius : var(--r); border : max(2px, calc(var(--bw) - 1px)) solid var(--line); background : var(--surface); padding : 9px 14px; text-decoration : none; font-size : 13.5px; color : var(--ink2); transition : .15s}

.ll-shortcircuit-links a:hover{border-color : var(--accent); color : var(--accent)}

/* ---------- reveal ---------- */ .ll-script-on .ll-flickerin{opacity : 0; transform : translateY(16px)}

.ll-script-on .ll-flickerin.ll-steadyon{opacity : 1; transform : none; transition : opacity .5s ease,transform .5s ease}

/* ---------- breadcrumb ---------- */ .ll-wireline{padding : 14px 0; font-size : 13px; color : var(--ink3); border-bottom : 1px solid var(--line); background : var(--bg2)}

.ll-wireline ol{display : flex; flex-wrap : wrap; gap : 7px; align-items : center}

.ll-wireline a{color : var(--ink2); text-decoration : none}

.ll-wireline a:hover{color : var(--accent)}

.ll-wireline li + li::before{content : "›"; margin-right : 7px; color : var(--ink3)}

.ll-wireline li{display : flex; align-items : center}

.ll-wireline [aria-current]{color : var(--ink3)}

/* ---------- responsive ---------- */ @media (max-width:719px) {
  .ll-index2-toggle{display : inline-flex}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .ll-script-on .ll-index2-list{display : none}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {
  .ll-script-on .ll-index2.ll-thrown .ll-index2-list{display : grid}
  }
/* ---------- responsive ---------- */ @media (max-width:719px) {}

@media (max-width:599px) {
  .ll-storm-flash{position : static; margin-top : -2px; padding : 13px 16px; text-align : center; border-radius : 0 0 var(--r-lg) var(--r-lg); box-shadow : none}
  }
@media (max-width:599px) {
  .ll-storm-flash b{font-size : 23px}
  }
@media (max-width:599px) {}

@media (min-width:600px) {
  .ll-index2-list{grid-template-columns : 1fr 1fr}
  }
@media (min-width:600px) {
  .ll-readouts--cards .ll-readouts-grid{grid-template-columns : repeat(3,1fr)}
  }
@media (min-width:600px) {
  .ll-readouts--strip .ll-readouts-grid{grid-template-columns : repeat(3,1fr)}
  }
@media (min-width:600px) {
  .ll-readouts--strip .ll-readout:nth-child(2n){border-right : 1px solid var(--line)}
  }
@media (min-width:600px) {
  .ll-readouts--strip .ll-readout:nth-child(3n){border-right : 0}
  }
@media (min-width:600px) {
  .ll-lose{grid-template-columns : repeat(4,1fr)}
  }
@media (min-width:600px) {
  .ll-surge{grid-template-columns : 1fr auto; align-items : center; gap : 26px; padding : 28px 26px}
  }
@media (min-width:600px) {
  .ll-grounded{grid-template-columns : auto 1fr; gap : 24px}
  }
@media (min-width:600px) {
  .ll-underrail-base{grid-template-columns : 1fr auto; align-items : center}
  }
@media (min-width:600px) {
  .ll-captures{grid-template-columns : 2fr 1fr}
  }
@media (min-width:600px) {}

@media (max-width:899px) {
  .ll-storm-row--art-left .ll-storm-copy{order : -1}
  }
@media (max-width:899px) {}

@media (min-width:900px) {
  .ll-storm-row.ll-storm-row--art-left{grid-template-columns : .94fr 1.06fr}
  }
@media (min-width:900px) {
  .ll-storm-row.ll-storm-row--art-wide{grid-template-columns : 1fr; gap : 26px; align-items : start; text-align : center; padding : 34px 0 40px}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide h1{font-size : clamp(32px,5vw,50px)}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide .ll-storm-copy{max-width : none}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide h1{margin-inline : auto}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide .ll-storm-lede{max-width : 56ch; margin-inline : auto}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide .ll-storm-actions, .ll-storm-row--art-wide .ll-storm-fineprint{justify-content : center}
  }
@media (min-width:900px) {
  .ll-storm-row--art-wide .ll-storm-fineprint{align-items : center}
  }
@media (min-width:900px) {
  .ll-index2{padding : 22px 0 26px}
  }
@media (min-width:900px) {
  .ll-index2-list{grid-template-columns : repeat(3,1fr); gap : 2px 18px; margin-top : 16px}
  }
@media (min-width:900px) {
  .ll-storm-row{grid-template-columns : 1.06fr .94fr; align-items : center; gap : 44px; padding : 52px 0 60px}
  }
@media (min-width:900px) {
  .ll-readouts--cards .ll-readouts-grid{grid-template-columns : repeat(6,1fr)}
  }
@media (min-width:900px) {
  .ll-readouts--strip .ll-readouts-grid{grid-template-columns : repeat(6,1fr)}
  }
@media (min-width:900px) {
  .ll-readouts--strip .ll-readout:nth-child(3n){border-right : 1px solid var(--line)}
  }
@media (min-width:900px) {
  .ll-readouts--strip .ll-readout:nth-child(6n){border-right : 0}
  }
@media (min-width:900px) {
  .ll-readout{flex-direction : column; align-items : flex-start; gap : 11px; padding : 20px 15px}
  }
@media (min-width:900px) {
  .ll-dropgrid{display : none}
  }
@media (min-width:900px) {}

@media (max-width:1079px) {
  body{padding-bottom : 78px}
  }
@media (max-width:1079px) {}

@media (min-width:1080px) {
  .ll-livebar{display : none}
  }
@media (min-width:1080px) {
  .ll-channels{display : block}
  }
@media (min-width:1080px) {
  .ll-togglebar{display : none}
  }
@media (min-width:1080px) {
  .ll-toprail-action{display : inline-flex}
  }
@media (min-width:1080px) {
  .ll-split2{grid-template-columns : minmax(0,1fr) 316px; gap : 42px; padding : 44px 0 72px}
  }
@media (min-width:1080px) {
  .ll-split2--side-left{grid-template-columns : 316px minmax(0,1fr)}
  }
@media (min-width:1080px) {
  .ll-dock2{position : sticky; top : 88px; max-height : calc(100vh - 104px); overflow-y : auto; overflow-x : hidden; padding : 0 10px 10px 0; margin-right : -10px; scrollbar-width : thin; scrollbar-color : var(--line) transparent}
  }
@media (min-width:1080px) {
  .ll-dock2::-webkit-scrollbar{width : 8px}
  }
@media (min-width:1080px) {
  .ll-dock2::-webkit-scrollbar-thumb{background : var(--line)}
  }
@media (min-width:1080px) {
  .ll-dock2::-webkit-scrollbar-track{background : transparent}
  }
@media (min-width:1080px) {
  .ll-underrail-grid{grid-template-columns : 1.5fr 1fr 1fr 1fr}
  }
@media (min-width:1080px) {}

@media (prefers-reduced-motion:reduce) {
  html{scroll-behavior : auto}
  }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation-duration : .001ms !important; transition-duration : .001ms !important}
  }
@media (prefers-reduced-motion:reduce) {
  .ll-script-on .ll-flickerin{opacity : 1; transform : none}
  }
@media (prefers-reduced-motion:reduce) {}

@media print {
  .ll-toprail,.ll-dock2,.ll-surge,.ll-storm-actions,.ll-togglebar,.ll-dropgrid,.ll-index2,.ll-livebar{display : none !important}
  }
@media print {
  body{background : #fff; color : #000}
  }
@media print {
  .ll-runthrough p,.ll-runthrough li{color : #222}
  }
@media print {}