@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101014;--panel:#19181f;--line:#302c3a;--muted:#a7a2b3;--purple:#b394ff;--green:#b8e875;--white:#f4f1fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}h1,h2,.map-overview h3,.player-name{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h2{font-size:44px;font-weight:700;letter-spacing:-.5px}h3{font-size:20px}p{color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;background:#fff;color:#000;padding:10px;z-index:50}.skip:focus{top:10px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:#111116f5;position:sticky;top:0;z-index:10;gap:24px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;letter-spacing:1px}.brand img{width:80px;height:auto}.brand span{border-left:1px solid #494151;padding-left:14px}.brand b{color:var(--purple)}nav{display:flex;gap:28px;height:100%;align-items:center}nav a{font-size:12px;color:var(--muted);height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:white;border-color:var(--purple)}.header-tag{font-size:10px;letter-spacing:2px;white-space:nowrap}i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin:0 8px}.hero{height:510px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-photo{position:absolute;width:76%;height:100%;right:0;object-fit:cover;object-position:center 20%;opacity:.85}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111116 2%,#111116ed 24%,#11111666 51%,#11111605 78%),linear-gradient(0deg,#111116 0%,transparent 43%)}.hero-copy{position:relative;padding:65px 5%;max-width:760px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--purple);margin-bottom:14px}h1{font-size:clamp(46px,5.4vw,76px);font-weight:800;letter-spacing:-.5px;line-height:.98}h1 em{font-style:normal;color:var(--purple)}.hero-copy>p:not(.eyebrow){margin:20px 0;font-size:14px;color:#c1bacd}.primary{display:inline-flex;gap:32px;align-items:center;padding:12px 22px;background:var(--purple);color:#160c2d;font-size:12px;font-weight:800;border:1px solid var(--purple)}.primary:hover{background:#cab4ff}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#b3adbf}.hero-bottom i{margin-left:0}.hero-bottom b{margin:0 15px;color:var(--purple)}.section{max-width:1440px;margin:auto;padding:64px 5%;scroll-margin-top:10px}.section+.section{border-top:1px solid #25222d}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading>p{font-size:12px;max-width:350px}.roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.player-card{padding:0;position:relative;text-align:left;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s;min-width:0}.player-card:hover{transform:translateY(-6px);border-color:var(--purple)}.portrait{height:230px;overflow:hidden;position:relative;background:#24202b}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .2s}.player-card:hover img{filter:saturate(1)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19181f,transparent 40%)}.portrait.terrifer img{object-position:50% 35%}.portrait.ask img{object-position:60% 31%;transform:scale(1.5);transform-origin:65% 30%}.portrait.cabedoy img{object-position:70% 43%;transform:scale(1.25);transform-origin:80% 43%}.portrait.choco img{object-position:center 25%}.portrait.leo img{object-position:center 35%}.card-index{position:absolute;left:14px;top:14px;z-index:1;font-size:10px;letter-spacing:1px;background:#15131cbb;padding:3px 7px;border:1px solid #ffffff22}.captain-tag{position:absolute;right:12px;top:12px;background:var(--green);color:#1d2e0b;padding:2px 8px;font-weight:800;font-size:11px;z-index:2}.card-info{padding:5px 18px 18px;position:relative}.card-info h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;text-transform:uppercase;letter-spacing:.5px}.role{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:block;margin:4px 0 14px}.card-action{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#b6b0c2}.captain-note{display:flex;align-items:center;gap:18px;background:#1b1822;border-left:2px solid var(--purple);margin-top:24px;padding:20px 24px}.c-badge{font-weight:800;color:var(--green);border:1px solid var(--green);padding:0 8px;font-size:20px}.captain-note p{font-size:12px}.captain-note strong{color:#e0d8ef}.map-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.map-tabs button,.side-toggle button{background:transparent;border:1px solid var(--line);padding:10px 22px;font-size:12px;font-weight:700;color:var(--muted)}.map-tabs button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#1b102f}.map-board{display:grid;grid-template-columns:1fr 1.65fr;border:1px solid var(--line);background:var(--panel)}.map-overview{padding:32px;background:radial-gradient(ellipse at 0 0,#3b285a99,transparent 80%);border-right:1px solid var(--line)}.map-overview h3{font-size:54px;text-transform:uppercase;margin-bottom:12px}.map-overview>p:not(.eyebrow){font-size:12px}.side-toggle{display:flex;margin:24px 0 20px}.side-toggle button{padding:9px 14px;font-size:10px}.side-toggle button[aria-pressed=true]{background:#2f283d;color:#d7c4ff;border-color:#76628e}.map-idea small,.board-label{font-size:9px;color:#968ca7;font-weight:700;letter-spacing:1.2px}.map-idea p{color:#e1d8ef;font-size:13px;margin:6px 0 24px}.text-link{color:var(--purple);font-size:12px;border-bottom:1px solid #695483;padding-bottom:5px}.assignments{padding:24px}.board-label{display:grid;grid-template-columns:42% 58%;padding-bottom:14px}.assignment{display:grid;grid-template-columns:42% 58%;padding:17px 0;border-top:1px solid var(--line);align-items:start}.assignment button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;text-align:left}.avatar{width:35px;height:35px;object-fit:cover;border-radius:50%;flex-shrink:0}.assignment b{font-size:12px;display:block}.assignment small{color:var(--purple);font-size:10px;display:block;padding-right:10px}.assignment p{font-size:12px;color:#b8b0c6}.map-detail-grid,.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.panel{background:#17161c;border:1px solid var(--line);padding:27px}.panel h3{margin-bottom:19px;font-size:19px}.steps{margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 18px 35px;color:#b8b0c6;font-size:12px}.steps li:before{content:'0'counter(steps);position:absolute;left:0;color:var(--purple);font-weight:800}.check{display:flex;gap:12px;align-items:start;font-size:12px;color:#c4bacf;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.check input{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0}.check:has(input:checked) span{text-decoration:line-through;color:#8caa72}.fine{font-size:10px;line-height:1.7;color:#9e95ab;margin-top:18px}.comms{display:grid;grid-template-columns:1fr 1fr;background:#211a2d;border:1px solid #463458;padding:30px;gap:30px;margin-bottom:28px}.comms h3{font-size:26px;margin-bottom:12px}.comms p:not(.eyebrow){font-size:12px;max-width:440px}.comms blockquote{font-size:20px;line-height:1.5;margin:0;border-left:2px solid var(--purple);padding-left:25px;color:#e9ddff;font-weight:600}.comms small{display:block;font-size:10px;color:#aa9abf;font-weight:400;margin-top:12px}.manual-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.manual-toolbar label{font-size:12px}.manual-toolbar input{background:#1b1921;border:1px solid var(--line);color:white;padding:11px 16px;width:300px;max-width:100%;border-radius:0}.manual-toolbar span{font-size:10px;color:var(--muted)}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}details{background:#19171f;border:1px solid var(--line)}summary{list-style:none;padding:18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--purple);font-size:22px;line-height:1}details[open] summary:after{content:'−'}details p{padding:0 18px 18px;font-size:12px}.example{color:#cab3ef!important}.rules-grid ul{padding-left:18px;margin-bottom:0;font-size:12px;color:#b8b0c6}.rules-grid li{margin-bottom:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource{border:1px solid var(--line);background:#19171f;padding:26px;transition:border-color .2s}.resource:hover{border-color:var(--purple)}.resource-icon{display:block;font-size:30px;color:var(--purple);margin-bottom:15px}.resource small{font-size:9px;letter-spacing:1.2px;color:var(--purple)}.resource h3{margin:12px 0;font-size:24px}.resource p{font-size:12px}.training{display:flex;gap:25px;padding:28px 0 0;margin-top:28px;border-top:1px solid var(--line);align-items:center;justify-content:space-between}.training h3{font-size:19px}.training>div:not(:first-child){max-width:135px}.training b{display:block;color:var(--purple);font-size:25px}.training span{color:var(--muted);font-size:10px}footer{border-top:1px solid var(--line);padding:27px 5%;display:flex;gap:20px;justify-content:space-between;font-size:10px;letter-spacing:1px}footer b{color:var(--purple);margin:0 10px}footer a{color:var(--purple)}dialog{padding:0;max-width:880px;width:calc(100% - 32px);max-height:90vh;color:var(--white);background:#19171f;border:1px solid #675184}dialog::backdrop{background:#08060dd9;backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:16px;background:#16121de8;border:1px solid #6b5d7a;padding:7px 12px;z-index:2}.player-head{display:flex;gap:25px;align-items:center;padding:32px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#37234e,#19171f)}.player-head .portrait{width:110px;height:130px;flex-shrink:0}.player-name{font-size:50px;text-transform:uppercase}.player-head p:last-child{font-size:12px;max-width:500px}.player-body{padding:28px 32px}.player-body h3{margin:20px 0 12px;font-size:18px}.player-body ul{padding-left:20px;font-size:13px;color:#c8bfd6}.player-body li{margin:9px 0}.player-map-select{width:100%;padding:12px;background:#26202f;color:white;border:1px solid #675184;margin:10px 0 15px}.player-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-panel{border:1px solid var(--line);padding:18px}.mini-panel small{color:var(--purple);font-weight:700}.mini-panel h4{margin:8px 0;font-size:16px}.mini-panel p{font-size:12px}.empty{padding:24px;color:var(--muted)}
@media(max-width:1000px){.header-tag{display:none}.topbar{gap:15px}.brand span{display:none}nav{gap:20px}.hero{height:470px}.hero-photo{width:100%;opacity:.55}.hero-shade{background:linear-gradient(90deg,#111116ee,#11111622),linear-gradient(0deg,#111116,transparent 70%)}.portrait{height:190px}.card-info{padding:5px 12px 14px}.role{font-size:8px;min-height:26px}.map-board{grid-template-columns:1fr 1.4fr}.map-overview{padding:24px}.assignment{grid-template-columns:45% 55%}.board-label{grid-template-columns:45% 55%}.training{flex-wrap:wrap}.training>div:first-child{width:100%}}
@media(max-width:680px){.topbar{height:auto;min-height:95px;display:block;padding:14px 5% 0}.brand{justify-content:center}.brand img{width:72px}.brand span{display:block}nav{justify-content:space-between;gap:10px;height:42px}nav a{font-size:10px}.hero{height:430px}.hero-photo{width:140%;right:-25%;object-position:60% center;opacity:.45}.hero-copy{padding-top:44px}h1{font-size:54px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section{padding:42px 5%}.section-heading{display:block;margin-bottom:22px}.section-heading>p{margin-top:14px}h2{font-size:36px}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-card:first-child{grid-column:1/-1;display:flex;min-height:170px}.player-card:first-child .portrait{width:46%;height:190px}.player-card:first-child .card-info{padding:35px 20px;flex:1}.portrait{height:210px}.role{font-size:9px;min-height:0}.captain-note{padding:17px;align-items:start}.map-tabs{gap:6px}.map-tabs button{padding:9px 13px;font-size:11px}.map-board{grid-template-columns:1fr}.map-overview{border-right:0;border-bottom:1px solid var(--line)}.map-overview h3{font-size:46px}.assignments{padding:18px}.assignment{grid-template-columns:45% 55%;gap:8px}.assignment .avatar{display:none}.assignment p{font-size:11px}.map-detail-grid,.rules-grid,.comms,.glossary,.resource-grid{grid-template-columns:1fr}.comms{padding:22px}.comms blockquote{font-size:17px}.training{gap:20px}.training>div:not(:first-child){width:calc(50% - 15px);max-width:none}footer{flex-wrap:wrap}footer p{display:none}.player-head{padding:45px 20px 20px;gap:16px}.player-head .portrait{width:80px;height:110px}.player-name{font-size:37px}.player-body{padding:20px}.player-map-grid{grid-template-columns:1fr}.player-head .role{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:680px){.player-head{padding-top:68px}}