:root{--acc:#c45cff;--acc2:#ff5fb3;--bg:#120b1a;--bg2:#1c1128;--bg3:#291a3a;--line:rgba(214,170,255,.16);--mut:#b9a7cc;--note:#5ef2c2}
body{background:var(--bg)}
a{border-bottom:0}
a:hover{color:var(--acc2)!important}
#header{position:sticky;top:0;background:rgba(18,11,26,.97);box-shadow:0 1px 0 var(--line);height:3.6em;line-height:3.6em}
#header h1{font-size:1em;letter-spacing:.02em;text-transform:none}
#header h1 a span{color:#fff;font-weight:300}
#header h1 a b{color:var(--acc2)}
#header h1 a small{color:var(--mut);font-size:.75em;font-weight:400}
#header nav{top:.3em;right:.6em}
#header nav a{font-size:.95em;padding:0 .8em;letter-spacing:.06em}
#header nav a.on{color:var(--acc2)}
#header nav .strip{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#fff!important;border-radius:8px;line-height:2.3em;margin-left:.6em;padding:0 1.2em}
.note-wrap{position:relative;display:inline-block}
.note-wrap > a::after{content:" +"}
.note-wrap ul{display:none;position:absolute;left:0;top:100%;list-style:none;margin:0;padding:.5em 0;min-width:16em;background:var(--bg2);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.55);text-transform:none;letter-spacing:.02em;line-height:1.4}
.note-wrap ul li{padding:0}
.note-wrap ul a{display:block!important;padding:.5em 1.1em!important;font-weight:400}
.note-wrap:hover ul,.note-wrap:focus-within ul{display:block}
#header nav a[href="#menu"]{display:none}
#header nav a[href="#menu"],#menu .close{overflow:hidden}
#header nav a[href="#menu"]:before{content:"\2261";font-family:inherit;font-weight:700;font-size:1.35em}
#header nav .strip{height:auto;display:inline-block;vertical-align:middle}
@media screen and (max-width:1180px){
#header nav > a:not(.strip):not([href="#menu"]),#header nav .note-wrap{display:none}
#header nav a[href="#menu"]{display:inline-block}
}
#b4brjhm{background:var(--note);color:#0b1f19;font-size:.82em;line-height:1.4;padding:.55em 1.2em;display:flex;flex-wrap:wrap;gap:.3em .8em;align-items:center;justify-content:center;font-weight:600}
#b4brjhm b{background:#0b1f19;color:var(--note);border-radius:4px;padding:0 .5em;font-size:.85em;letter-spacing:.08em;text-transform:uppercase}
#b4brjhm a{color:#0b1f19!important;text-decoration:underline}
#menu .links .sub{font-size:.7em;opacity:.75;margin:1em 0 .2em;letter-spacing:.18em;text-transform:uppercase}
#wrapper > header{padding:1.4em 0 .6em}
#wrapper > header .inner,.wrapper .inner,#footer .inner{width:min(72em,92%)}
#wrapper > header h1{font-size:1.8em;line-height:1.25;margin:.2em 0 .6em}
#wrapper > header p{text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.6;font-size:1em}
#wrapper > header .zone-shelf{font-size:.72em}
.wrapper{margin:3.2em 0}
.wrapper:before,.wrapper:after{height:3.2em}
.wrapper:before{top:-3.2em}
.wrapper:after{bottom:-3.2em}
.wrapper .inner{padding:1.6em 0 .6em}
#main h2{font-size:1.3em}
#main h2.major{margin-top:.2em}
.button.primary{background:linear-gradient(90deg,var(--acc),var(--acc2))!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.set-info{margin:1.4em 0;display:flex;align-items:center;gap:1em;flex-wrap:wrap}
.set-info .button{margin:0}
.pill-strip{font-size:.78em;color:var(--mut)}
.wrapper.spotlight .pill-strip{color:#f3e6ff}
.set-info .button{white-space:nowrap;padding:0 1.8em;min-width:9em}
.thumb{font-size:.78em;color:var(--mut);letter-spacing:.04em}
.thumb a{color:var(--mut)}
.features.slot-pill{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2em;margin:1em 0 1.6em}
.features.slot-pill article.entry-stack{width:auto;margin:0!important;padding:0;background:var(--bg2);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--line);transition:transform .2s ease}
.features.slot-pill article.entry-stack:hover{transform:translateY(-3px)}
.entry-stack .info-pic{display:block;color:inherit;height:100%;padding-bottom:.4em}
.entry-stack .info-pic:hover{color:inherit!important}
.entry-stack .image.chip-btn{display:block;position:relative;margin:0!important;width:100%!important;aspect-ratio:4/3;overflow:hidden;background:var(--bg3);border-radius:0}
.entry-stack .image.chip-btn img,.entry-stack .chip-btn .item-pane{width:100%;height:100%;object-fit:cover;object-position:50% 12%;border-radius:0;display:block}
.entry-stack h3.major{font-size:.86em;line-height:1.35;letter-spacing:.03em;margin:.8em .9em .45em;padding-bottom:.45em;text-transform:none}
.line{position:absolute;left:.5em;bottom:.5em;z-index:2;display:flex;gap:.3em}
.thumb-cover{font-style:normal;font-size:.66em;font-weight:700;padding:.1em .6em;border-radius:3px;background:rgba(18,11,26,.85);color:#fff}
.thumb-cover.stack-strip{background:var(--acc2)}
.thumb-cover.picframe{background:var(--note);color:#0b1f19}
.thumb-cover.list{background:var(--acc)}
.zone-shelf{font-size:.74em;color:var(--mut);margin:0 1.1em .5em;line-height:1.4}
.item-pane{display:flex;align-items:center;justify-content:center;padding:.6em;text-align:center;color:var(--mut);font-size:.8em}
.quilt-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:1em;margin:1em 0 1.4em}
.quilt-wall .entry-stack{background:var(--bg2);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.quilt-wall .entry-stack:first-child{grid-column:span 2;grid-row:span 2}
.quilt-wall .entry-stack:first-child .image.chip-btn{aspect-ratio:auto;height:calc(100% - 4.6em);min-height:15em}
.quilt-wall .entry-stack:first-child h3.major{font-size:1.1em}
.face-ring{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2em 1em;margin:1em 0 1.5em}
.face-ring .entry-stack{text-align:center}
.face-ring .entry-stack .image.chip-btn{aspect-ratio:1/1;border-radius:50%;width:78%!important;margin:0 auto!important;box-shadow:0 0 0 3px var(--acc),0 0 0 6px rgba(196,92,255,.25)}
.face-ring .entry-stack .image.chip-btn img{border-radius:50%}
.face-ring .entry-stack h3{font-size:.85em;margin:.7em 0 .1em;letter-spacing:.02em;text-transform:none}
.face-ring .entry-stack .zone-shelf{margin:0}
.flag-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8em;margin:.6em 0 1.2em}
.list-entry a{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:.7em;align-items:center;background:var(--bg2);border-radius:999px;padding:.4em 1em .4em .4em;box-shadow:0 0 0 1px var(--line);color:#fff}
.list-entry img,.list-entry .item-pane{grid-row:1/3;width:52px;height:52px;object-fit:cover;object-position:50% 15%;border-radius:50%}
.list-entry b{font-size:.82em;line-height:1.25}
.list-entry small{font-size:.72em;color:var(--mut)}
.glow-band .inner{flex-direction:row!important;text-align:left!important;gap:3em}
.glow-band .image{flex:none;width:19em!important;margin:0!important;aspect-ratio:1/1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.18)}
.glow-band .image img.slot-flag{width:100%;height:100%;object-fit:cover;object-position:50% 15%;border-radius:50%}
.glow-band .content h1{font-size:2em;line-height:1.2;margin:0 0 .5em}
.glow-band .content p{color:#f6ecff}
.lane-title{list-style:none;padding:0;margin:0 0 .9em;display:flex;flex-wrap:wrap;gap:.5em}
.lane-title li{background:rgba(0,0,0,.25);border-radius:3px;padding:.1em .8em;font-size:.8em;color:#e9dcf7}
.lane-title b{color:#fff}
#wrapper > header .lane-title li{background:var(--bg3)}
.stamp-note{display:inline-block;background:rgba(0,0,0,.28);color:#fff;border-radius:3px;padding:.1em .8em;font-size:.75em;margin:0 .4em .4em 0}
.mark-head{font-size:1.02em;margin:.4em 0 .4em;color:#ddd0ea}
.stack-show{display:flex;gap:.45em;flex-wrap:wrap;margin:.2em 0 .6em}
.stack-show button{height:auto;line-height:1.6;padding:.3em .95em;font-size:.72em;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line)}
.stack-show button.on,.stack-show button:hover{box-shadow:inset 0 0 0 2px var(--acc2);color:#fff}
.show-slot{margin-top:1.4em;font-size:1em;letter-spacing:.12em}
.rank-pill{display:inline-block;margin:.6em 0 0;font-weight:700;font-size:1.4em;letter-spacing:.05em;color:var(--acc2)}
.action-mark.note th{cursor:pointer}
.action-mark.note th::after{content:" \21C5";color:var(--mut);font-size:.8em}
.action-mark tr.labelzone td{font-weight:700;color:#fff}
.side-by-side td:first-child{font-weight:600}
.card-btn{background:rgba(0,0,0,.2);padding:1em 1.2em;margin:1em 0;border-radius:6px}
.cap-set{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.2em 1em;font-size:.85em}
.card-btn input{-moz-appearance:checkbox;-webkit-appearance:checkbox;appearance:checkbox;opacity:1;width:auto;margin-right:.5em;float:none;position:static}
#zprs9hr{color:var(--acc2);font-size:1.3em}
.chip{border-bottom:1px dashed var(--line);padding:.5em 0}
.chip h3{margin:0 0 .2em;font-size:1em}
.chip h3 em{font-style:normal;color:var(--mut);font-size:.8em;font-weight:400}
.bar-bit details{background:rgba(0,0,0,.2);border-radius:6px;padding:.7em 1.1em;margin:.6em 0}
.bar-bit summary{font-weight:700;color:#fff;cursor:pointer}
.tile-frame{margin-top:.5em}
.node-show{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1em}
.node-show .box{margin:0;padding:1em 1.1em;border-radius:6px;border-color:var(--line);background:rgba(0,0,0,.15)}
.node-show h4{margin:0 0 .6em;font-size:.78em;letter-spacing:.16em;text-transform:uppercase;color:var(--acc2)}
.bit-slot{list-style:none;margin:0;padding:0}
ol.bit-slot{list-style:decimal;padding-left:1.3em}
.bit-slot li{padding:.12em 0;font-size:.88em}
.bit-slot em{font-style:normal;color:var(--mut);font-size:.8em;float:right}
.teaser{columns:2;column-gap:1em}
.spot-frame{display:flex;gap:.7em;align-items:center;margin-bottom:.6em;font-size:.85em}
.spot-frame .chip-card{width:52px;height:52px;object-fit:cover;flex:none;border-radius:50%}
.spot-frame small{display:block;color:var(--mut);font-size:.8em}
.box.mark-unit{border-color:var(--acc2)}
#footer .note-stack{background:var(--note);color:#0b1f19;font-weight:600;padding:.8em 1em;border-radius:6px;margin-bottom:1em}
#footer p{font-size:.85em}
.area-flag{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4em 1.4em;font-size:.85em}
.area-flag li{padding:0}
@media screen and (max-width:980px){
.flag-deck{grid-template-columns:repeat(3,minmax(0,1fr))}
.features.slot-pill,.quilt-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
.face-ring{grid-template-columns:repeat(4,minmax(0,1fr))}
.glow-band .image{width:14em!important}
}
@media screen and (max-width:736px){
#wrapper > header{padding:1em 0 .4em}
#wrapper > header h1{font-size:1.4em;margin-bottom:.5em}
.features.slot-pill,.quilt-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em}
.quilt-wall .entry-stack:first-child{grid-column:span 2;grid-row:auto}
.quilt-wall .entry-stack:first-child .image.chip-btn{height:auto;min-height:0;aspect-ratio:16/10}
.face-ring{grid-template-columns:repeat(3,minmax(0,1fr));gap:1em .6em}
.flag-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em}
.flag-deck .list-entry:nth-child(n+5){display:none}
.list-entry a{grid-template-columns:40px 1fr}
.list-entry img,.list-entry .item-pane{width:40px;height:40px}
.entry-stack h3.major{font-size:.78em;margin:.6em .7em .35em}
.zone-shelf{margin:0 .8em .4em}
.glow-band .inner{flex-direction:column!important;gap:1.2em;align-items:flex-start!important}
.glow-band .image{width:9.5em!important}
.glow-band .content h1{font-size:1.4em}
#b4brjhm{font-size:.72em;padding:.45em .8em}
.wrapper{margin:2.6em 0}
.wrapper:before,.wrapper:after{height:2.2em}
.wrapper:before{top:-2.2em}
.wrapper:after{bottom:-2.2em}
#wrapper > header{padding-bottom:1.6em}
#header h1 a small{display:none}
#header nav .strip{line-height:2em;padding:0 .9em;font-size:.85em}
}

.btn-shelf[hidden]{display:none!important}
.btn-shelf{position:fixed;inset:0;z-index:20000;display:flex;pointer-events:none}
.frame-chip{pointer-events:auto;position:relative;background:var(--bg2);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;border:1px solid var(--acc2)}
.zone-media{position:absolute;top:.3em;right:.4em;z-index:3;background:rgba(13,10,15,.7);color:#fff;border:0;box-shadow:none;font-size:1.4em;line-height:1;width:1.6em;height:1.6em;padding:0;border-radius:50%;letter-spacing:0}
.cover-cell{padding:1.2em 1.4em 1.4em}
.cover-cell h3{margin:0 0 .5em;font-size:1.15em;letter-spacing:.06em}
.cover-cell p{font-size:.9em;margin:0 0 1em;color:#ddd}
.info-set{display:block;object-fit:cover;object-position:50% 8%}
.btn-shelf{align-items:flex-end;justify-content:center}
.frame-chip{width:min(760px,100%);border-radius:12px 12px 0 0}
.info-set{width:100%;height:230px}