:root{
--green:#45ff88; --green-dim:#1f8a4f; --green-glow:rgba(69,255,136,.18);
--amber:#ffc857; --red:#ff5c70; --cyan:#5de7ff; --blue:#6aa9ff; --violet:#b69bff;
--bg0:#080b0e; --bg1:#04070a;
--panel:rgba(10,16,19,.8); --panel2:rgba(12,19,22,.85);
--border:rgba(120,160,170,.18); --border-lit:rgba(93,231,255,.34);
--white:#dce8ea; --muted:#728087;
--mono:'Share Tech Mono',monospace; --pixel:'VT323',monospace; --term:'VT323',monospace; --ui:'Outfit',system-ui,sans-serif;
--psh:4px 4px 0 rgba(0,0,0,.55);
--notch:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));
--stair:polygon(0 10px,5px 10px,5px 5px,10px 5px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 5px,calc(100% - 5px) 5px,calc(100% - 5px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 5px) calc(100% - 10px),calc(100% - 5px) calc(100% - 5px),calc(100% - 10px) calc(100% - 5px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 5px),5px calc(100% - 5px),5px calc(100% - 10px),0 calc(100% - 10px));
--px:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% - 45px) 0,calc(50% - 45px) 6px,calc(50% - 39px) 6px,calc(50% - 39px) 12px,calc(50% - 33px) 12px,calc(50% - 33px) 18px,calc(50% - 7px) 18px,calc(50% - 7px) 12px,calc(50% - 1px) 12px,calc(50% - 1px) 6px,calc(50% + 5px) 6px,calc(50% + 5px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(50% - 9px),calc(100% - 6px) calc(50% - 9px),calc(100% - 6px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px),calc(100% - 12px) calc(50% + 3px),calc(100% - 18px) calc(50% + 3px),calc(100% - 18px) calc(50% + 29px),calc(100% - 12px) calc(50% + 29px),calc(100% - 12px) calc(50% + 35px),calc(100% - 6px) calc(50% + 35px),calc(100% - 6px) calc(50% + 41px),100% calc(50% + 41px),100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,calc(50% + 45px) 100%,calc(50% + 45px) calc(100% - 6px),calc(50% + 39px) calc(100% - 6px),calc(50% + 39px) calc(100% - 12px),calc(50% + 33px) calc(100% - 12px),calc(50% + 33px) calc(100% - 18px),calc(50% + 7px) calc(100% - 18px),calc(50% + 7px) calc(100% - 12px),calc(50% + 1px) calc(100% - 12px),calc(50% + 1px) calc(100% - 6px),calc(50% - 5px) calc(100% - 6px),calc(50% - 5px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 9px),6px calc(50% + 9px),6px calc(50% + 3px),12px calc(50% + 3px),12px calc(50% - 3px),18px calc(50% - 3px),18px calc(50% - 29px),12px calc(50% - 29px),12px calc(50% - 35px),6px calc(50% - 35px),6px calc(50% - 41px),0 calc(50% - 41px));
--px2:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% - 3px) 0,calc(50% - 3px) 6px,calc(50% + 3px) 6px,calc(50% + 3px) 12px,calc(50% + 9px) 12px,calc(50% + 9px) 18px,calc(50% + 35px) 18px,calc(50% + 35px) 12px,calc(50% + 41px) 12px,calc(50% + 41px) 6px,calc(50% + 47px) 6px,calc(50% + 47px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,calc(50% + 3px) 100%,calc(50% + 3px) calc(100% - 6px),calc(50% - 3px) calc(100% - 6px),calc(50% - 3px) calc(100% - 12px),calc(50% - 9px) calc(100% - 12px),calc(50% - 9px) calc(100% - 18px),calc(50% - 35px) calc(100% - 18px),calc(50% - 35px) calc(100% - 12px),calc(50% - 41px) calc(100% - 12px),calc(50% - 41px) calc(100% - 6px),calc(50% - 47px) calc(100% - 6px),calc(50% - 47px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));
--px3:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% - 25px) 0,calc(50% - 25px) 6px,calc(50% - 19px) 6px,calc(50% - 19px) 12px,calc(50% - 13px) 12px,calc(50% - 13px) 18px,calc(50% + 13px) 18px,calc(50% + 13px) 12px,calc(50% + 19px) 12px,calc(50% + 19px) 6px,calc(50% + 25px) 6px,calc(50% + 25px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(50% - 45px),calc(100% - 6px) calc(50% - 45px),calc(100% - 6px) calc(50% - 39px),calc(100% - 12px) calc(50% - 39px),calc(100% - 12px) calc(50% - 33px),calc(100% - 18px) calc(50% - 33px),calc(100% - 18px) calc(50% - 7px),calc(100% - 12px) calc(50% - 7px),calc(100% - 12px) calc(50% - 1px),calc(100% - 6px) calc(50% - 1px),calc(100% - 6px) calc(50% + 5px),100% calc(50% + 5px),100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 45px),6px calc(50% + 45px),6px calc(50% + 39px),12px calc(50% + 39px),12px calc(50% + 33px),18px calc(50% + 33px),18px calc(50% + 7px),12px calc(50% + 7px),12px calc(50% + 1px),6px calc(50% + 1px),6px calc(50% - 5px),0 calc(50% - 5px));
--px4:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(50% - 3px),calc(100% - 6px) calc(50% - 3px),calc(100% - 6px) calc(50% + 3px),calc(100% - 12px) calc(50% + 3px),calc(100% - 12px) calc(50% + 9px),calc(100% - 18px) calc(50% + 9px),calc(100% - 18px) calc(50% + 35px),calc(100% - 12px) calc(50% + 35px),calc(100% - 12px) calc(50% + 41px),calc(100% - 6px) calc(50% + 41px),calc(100% - 6px) calc(50% + 47px),100% calc(50% + 47px),100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 3px),6px calc(50% + 3px),6px calc(50% - 3px),12px calc(50% - 3px),12px calc(50% - 9px),18px calc(50% - 9px),18px calc(50% - 35px),12px calc(50% - 35px),12px calc(50% - 41px),6px calc(50% - 41px),6px calc(50% - 47px),0 calc(50% - 47px));
--px5:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% - 57px) 0,calc(50% - 57px) 6px,calc(50% - 51px) 6px,calc(50% - 51px) 12px,calc(50% - 45px) 12px,calc(50% - 45px) 18px,calc(50% - 19px) 18px,calc(50% - 19px) 12px,calc(50% - 13px) 12px,calc(50% - 13px) 6px,calc(50% - 7px) 6px,calc(50% - 7px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,calc(50% + 33px) 100%,calc(50% + 33px) calc(100% - 6px),calc(50% + 27px) calc(100% - 6px),calc(50% + 27px) calc(100% - 12px),calc(50% + 21px) calc(100% - 12px),calc(50% + 21px) calc(100% - 18px),calc(50% - 5px) calc(100% - 18px),calc(50% - 5px) calc(100% - 12px),calc(50% - 11px) calc(100% - 12px),calc(50% - 11px) calc(100% - 6px),calc(50% - 17px) calc(100% - 6px),calc(50% - 17px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 39px),6px calc(50% + 39px),6px calc(50% + 33px),12px calc(50% + 33px),12px calc(50% + 27px),18px calc(50% + 27px),18px calc(50% + 1px),12px calc(50% + 1px),12px calc(50% - 5px),6px calc(50% - 5px),6px calc(50% - 11px),0 calc(50% - 11px));
--px6:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(50% - 39px),calc(100% - 6px) calc(50% - 39px),calc(100% - 6px) calc(50% - 33px),calc(100% - 12px) calc(50% - 33px),calc(100% - 12px) calc(50% - 27px),calc(100% - 18px) calc(50% - 27px),calc(100% - 18px) calc(50% - 1px),calc(100% - 12px) calc(50% - 1px),calc(100% - 12px) calc(50% + 5px),calc(100% - 6px) calc(50% + 5px),calc(100% - 6px) calc(50% + 11px),100% calc(50% + 11px),100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,calc(50% + 7px) 100%,calc(50% + 7px) calc(100% - 6px),calc(50% + 1px) calc(100% - 6px),calc(50% + 1px) calc(100% - 12px),calc(50% - 5px) calc(100% - 12px),calc(50% - 5px) calc(100% - 18px),calc(50% - 31px) calc(100% - 18px),calc(50% - 31px) calc(100% - 12px),calc(50% - 37px) calc(100% - 12px),calc(50% - 37px) calc(100% - 6px),calc(50% - 43px) calc(100% - 6px),calc(50% - 43px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));
--px7:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% - 13px) 0,calc(50% - 13px) 6px,calc(50% - 7px) 6px,calc(50% - 7px) 12px,calc(50% - 1px) 12px,calc(50% - 1px) 18px,calc(50% + 25px) 18px,calc(50% + 25px) 12px,calc(50% + 31px) 12px,calc(50% + 31px) 6px,calc(50% + 37px) 6px,calc(50% + 37px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(50% - 5px),calc(100% - 6px) calc(50% - 5px),calc(100% - 6px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px),calc(100% - 12px) calc(50% + 7px),calc(100% - 18px) calc(50% + 7px),calc(100% - 18px) calc(50% + 33px),calc(100% - 12px) calc(50% + 33px),calc(100% - 12px) calc(50% + 39px),calc(100% - 6px) calc(50% + 39px),calc(100% - 6px) calc(50% + 45px),100% calc(50% + 45px),100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,calc(50% + 15px) 100%,calc(50% + 15px) calc(100% - 6px),calc(50% + 9px) calc(100% - 6px),calc(50% + 9px) calc(100% - 12px),calc(50% + 3px) calc(100% - 12px),calc(50% + 3px) calc(100% - 18px),calc(50% - 23px) calc(100% - 18px),calc(50% - 23px) calc(100% - 12px),calc(50% - 29px) calc(100% - 12px),calc(50% - 29px) calc(100% - 6px),calc(50% - 35px) calc(100% - 6px),calc(50% - 35px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 41px),6px calc(50% + 41px),6px calc(50% + 35px),12px calc(50% + 35px),12px calc(50% + 29px),18px calc(50% + 29px),18px calc(50% + 3px),12px calc(50% + 3px),12px calc(50% - 3px),6px calc(50% - 3px),6px calc(50% - 9px),0 calc(50% - 9px));
--px8:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(50% + 3px) 0,calc(50% + 3px) 6px,calc(50% + 9px) 6px,calc(50% + 9px) 12px,calc(50% + 15px) 12px,calc(50% + 15px) 18px,calc(50% + 41px) 18px,calc(50% + 41px) 12px,calc(50% + 47px) 12px,calc(50% + 47px) 6px,calc(50% + 53px) 6px,calc(50% + 53px) 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px),0 calc(50% + 9px),6px calc(50% + 9px),6px calc(50% + 3px),12px calc(50% + 3px),12px calc(50% - 3px),18px calc(50% - 3px),18px calc(50% - 29px),12px calc(50% - 29px),12px calc(50% - 35px),6px calc(50% - 35px),6px calc(50% - 41px),0 calc(50% - 41px));
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--green-dim) #0a1016;background:#05080c}
::-webkit-scrollbar{width:13px;height:13px}
::-webkit-scrollbar-track{background:#0a1016;box-shadow:inset 2px 0 0 rgba(0,0,0,.45)}
::-webkit-scrollbar-thumb{background:var(--green-dim);border:3px solid #05080b;
box-shadow:inset 1px 1px 0 rgba(69,255,136,.4),inset -1px -1px 0 rgba(0,0,0,.5)}
::-webkit-scrollbar-thumb:hover{background:var(--green);box-shadow:inset 1px 1px 0 rgba(140,255,190,.45),inset -1px -1px 0 rgba(0,0,0,.5)}
::-webkit-scrollbar-corner{background:transparent}
html,body{margin:0}
body{background:radial-gradient(150% 100% at 50% -8%, #0c141a, #05080c 74%);
color:var(--white); font-family:var(--pixel); min-height:100vh; -webkit-font-smoothing:antialiased}
img{image-rendering:pixelated;image-rendering:crisp-edges}
a{color:inherit;text-decoration:none}
.grid-base{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='2' height='2' fill='%23789aa6' fill-opacity='0.045'/%3E%3C/svg%3E")}
#bg{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;pointer-events:none}
.netvig{position:fixed;inset:0;z-index:0;pointer-events:none;
background:radial-gradient(135% 120% at 50% 38%,transparent 60%,rgba(2,4,6,.35))}
.scrolldim{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .18s linear;
background:linear-gradient(to bottom,var(--bg1) 0,rgba(4,7,10,0) 42%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.4;mix-blend-mode:soft-light;
background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.10) 2px 4px)}
#peeker{position:fixed;left:0;top:0;z-index:55;width:72px;height:80px;cursor:pointer;pointer-events:none}
#peeker .pk{display:block;width:72px;height:auto;image-rendering:auto;transform:translateX(-220px);
transform-origin:center;will-change:transform;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.6));transition:filter .14s}
#peeker:hover .pk{filter:drop-shadow(3px 3px 0 rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(93,231,255,.55))}
#peeker .hint{position:absolute;left:50%;top:-26px;transform:translateX(-50%);white-space:nowrap;
font-family:var(--term);font-size:18px;line-height:1;color:var(--cyan);background:#070b0e;
border:1px solid var(--border-lit);clip-path:var(--notch);padding:4px 9px;box-shadow:var(--psh);
opacity:0;transition:opacity .14s;pointer-events:none}
#peeker:hover .hint{opacity:1}
.hud{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;
padding:11px 26px;background:#070b0e;border-bottom:1px solid var(--border)}
.hud .brand{font-family:var(--pixel);font-weight:800;font-size:21px;line-height:1;color:var(--green);text-shadow:0 0 16px var(--green-glow);white-space:nowrap}
.hud .brand b{color:var(--amber)}
.hud nav{display:flex;gap:18px;margin-left:12px;font-family:var(--pixel);font-weight:700;font-size:18px;color:var(--muted);letter-spacing:.02em}
.hud nav a{cursor:pointer;white-space:nowrap}
.hud nav a.on,.hud nav a:hover{color:var(--cyan)}
.hud .spacer{flex:1}
.lang{font-family:var(--pixel);font-weight:700;font-size:17px;display:flex;border:1px solid var(--border);clip-path:var(--notch);box-shadow:var(--psh)}
.lang span{padding:4px 12px;cursor:pointer;color:var(--muted)}
.lang span.on{background:rgba(93,231,255,.12);color:var(--cyan)}
.hero{position:relative;z-index:5;height:460px;overflow:hidden}
.room{position:absolute;inset:0;
background:url("../brand/toledo-room.png") center 44% / cover no-repeat;
background:image-set(url("../brand/toledo-room.webp") type("image/webp"), url("../brand/toledo-room.png") type("image/png")) center 44% / cover no-repeat;
filter:brightness(.62) saturate(1.05)}
.room,.room-grad{
-webkit-mask-image:linear-gradient(180deg,#000 0,#000 54%,rgba(0,0,0,.55) 78%,transparent 100%);
mask-image:linear-gradient(180deg,#000 0,#000 54%,rgba(0,0,0,.55) 78%,transparent 100%)}
.room-grad{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(4,7,10,.80) 0%,rgba(4,7,10,.40) 42%,rgba(4,7,10,.14) 66%,rgba(4,7,10,.40) 100%),
linear-gradient(180deg,rgba(4,7,10,.34) 0%,transparent 34%)}
.hero-fx{position:absolute;inset:0;z-index:2;pointer-events:none;
-webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 92%);
mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 92%)}
.hero-in{position:relative;z-index:3;max-width:1060px;height:100%;margin:0 auto;padding:0 26px;display:flex;align-items:center}
.kick{font-family:var(--term);font-size:19px;letter-spacing:.30em;text-transform:uppercase;color:var(--cyan);margin:0 0 10px;text-shadow:0 1px 6px #000}
.bigtitle{font-family:var(--pixel);font-weight:800;font-size:94px;line-height:.82;margin:0;color:var(--green);
text-shadow:0 0 26px var(--green-glow),0 0 56px rgba(69,255,136,.12),0 2px 8px rgba(0,0,0,.55)}
.bigtitle b{color:var(--amber);text-shadow:0 0 26px rgba(255,200,87,.22)}
.tag{font-family:var(--term);font-size:23px;color:#a9bcc0;margin:12px 0 22px;letter-spacing:.04em;text-shadow:0 1px 6px #000}
.tag i{color:var(--green);font-style:normal}
.stats{display:flex;gap:10px;flex-wrap:wrap}
.stat{font-family:var(--pixel);font-weight:700;font-size:17px;padding:6px 13px;background:rgba(8,13,15,.78);border:1px solid var(--border);clip-path:var(--notch);box-shadow:var(--psh)}
.stat b{color:var(--amber);font-size:21px}
.stat.g b{color:var(--green)} .stat.c b{color:var(--cyan)}
.bigtitle .tcur{color:var(--amber);font-weight:400;margin-left:.06em;animation:blink 1.05s steps(1) infinite;text-shadow:0 0 18px rgba(255,200,87,.35)}
html.anim .hero-in .copy>*{opacity:0;transform:translateY(26px)}
html.anim .room{transform:scale(1.1);filter:brightness(.28) saturate(1.05)}
html.anim body.reveal .hero-in .copy>*{opacity:1;transform:none}
html.anim body.reveal .room{transform:none;filter:brightness(.62) saturate(1.05)}
@media (prefers-reduced-motion:no-preference){
html.anim .room{transition:transform 1.5s cubic-bezier(.2,.7,.25,1),filter 1.5s cubic-bezier(.2,.7,.25,1)}
html.anim .hero-in .copy>*{transition:opacity .7s cubic-bezier(.2,.85,.25,1),transform .7s cubic-bezier(.2,.85,.25,1)}
html.anim .hero-in .kick{transition-delay:.05s}
html.anim .hero-in .bigtitle{transition-delay:.16s}
html.anim .hero-in .tag{transition-delay:.30s}
html.anim .hero-in .stats{transition-delay:.42s}
}
.board{position:relative;z-index:5;max-width:1060px;margin:0 auto;padding:30px 26px 60px}
.explore{position:relative;z-index:5;max-width:1060px;margin:18px auto 0;padding:0 26px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.explore .ex-lead{font-family:var(--term);font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-right:6px}
.ex-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--pixel);font-weight:700;font-size:18px;color:var(--muted);text-decoration:none;padding:6px 14px;border:1px solid var(--border);clip-path:var(--notch);background:var(--panel);transition:color .15s,border-color .15s,transform .13s,box-shadow .15s}
.ex-link b{color:var(--green);font-size:20px}
.ex-link:hover{color:var(--cyan);border-color:var(--border-lit);transform:translateY(-2px);box-shadow:0 0 16px rgba(93,231,255,.14)}
@media(max-width:560px){.explore{gap:8px 10px;padding:0 15px;margin-top:14px}.explore .ex-lead{width:100%;font-size:15px;margin-bottom:2px}.ex-link{font-size:16px;padding:5px 11px}.ex-link b{font-size:18px}}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{font-family:var(--pixel);font-weight:700;font-size:17px;padding:6px 14px;color:var(--muted);background:var(--panel2);
border:1px solid var(--border);clip-path:var(--notch);cursor:pointer;box-shadow:var(--psh);transition:color .12s,border-color .12s}
.tab:hover{color:var(--white)}
.tab.on{color:var(--green);border-color:var(--green-dim)}
.tab .tc{font-style:normal;font-size:13px;margin-left:6px;color:var(--muted);vertical-align:middle}
.tab.on .tc,.tab:hover .tc{color:inherit}
.search{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--term);font-size:20px;
padding:5px 13px;background:rgba(6,12,11,.78);border:1px solid var(--green-dim);color:var(--green);clip-path:var(--notch);box-shadow:var(--psh)}
.search .p{color:var(--green-dim)}
.search input{background:transparent;border:0;outline:0;color:var(--green);font-family:var(--term);font-size:20px;
width:180px;caret-color:var(--green);padding:0}
.search input::placeholder{color:var(--green-dim);opacity:.7}
.search .cur{width:8px;height:16px;background:var(--green);animation:blink 1s steps(1) infinite}
.search.typing .cur{display:none}
@keyframes blink{50%{opacity:0}}
.sectitle{font-family:var(--pixel);font-weight:800;font-size:23px;display:flex;align-items:center;gap:12px;margin:6px 0 18px;color:var(--white)}
.sectitle .px{width:12px;height:12px;background:var(--amber);box-shadow:6px 0 0 var(--green),0 6px 0 var(--green),6px 6px 0 var(--amber),-6px 0 0 var(--cyan)}
.sectitle .n{color:var(--muted);font-weight:700;font-size:19px}
.sectitle::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(69,255,136,.35),transparent)}
.filterbar{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin:-4px 0 20px;font-family:var(--pixel)}
.fgroup{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fgroup.factions{margin-left:auto}
.flabel{font-family:var(--term);font-size:18px;color:var(--green-dim);letter-spacing:.03em}
.fchip{cursor:pointer;color:var(--muted);font-size:16px;padding:3px 11px;border:1px solid var(--border);background:var(--panel2);clip-path:var(--notch);transition:color .12s,border-color .12s}
.fchip:hover{color:var(--white)}
.fchip.on{color:var(--green);border-color:var(--green-dim)}
.fsel{font-family:var(--pixel);font-size:16px;color:var(--green);background:var(--panel2);border:1px solid var(--border);padding:4px 9px;clip-path:var(--notch);cursor:pointer}
.fsel:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.fbtn2{font-family:var(--pixel);font-weight:700;font-size:16px;cursor:pointer;color:var(--cyan);background:var(--panel2);border:1px solid var(--border);padding:4px 13px;clip-path:var(--notch);transition:color .12s,border-color .12s}
.fbtn2:hover{color:var(--green);border-color:var(--green-dim)}
.deck.list{grid-template-columns:1fr;gap:9px}
.deck.list .card{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 14px;padding:10px 18px}
.deck.list .card::after{width:26px;height:26px}
.deck.list .card h3{order:1;flex:0 0 auto;min-width:130px;max-width:36%;margin:0;font-size:23px;line-height:1.2;
min-height:0;-webkit-line-clamp:1;line-clamp:1}
.deck.list .card .chips{order:2;margin:0}
.deck.list .card .meta{order:3;margin:0}
.deck.list .card .tags{order:4;flex:1 1 200px;margin:0;min-height:0;-webkit-line-clamp:1;line-clamp:1;font-size:14px}
@media (max-width:560px){
.deck.list .card h3{max-width:100%;flex-basis:100%}
.deck.list .card .tags{flex-basis:100%;text-align:left}
}
@media (min-width:681px){
.deck.list .card{flex-wrap:nowrap;gap:0 18px;padding:11px 20px}
.deck.list .card h3{flex:0 1 auto;min-width:0;max-width:34%;font-size:22px}
.deck.list .card .chips{order:2;flex:none}
.deck.list .card .tags{order:3;flex:1 1 auto;min-width:0;font-size:14px}
.deck.list .card .meta{order:4;flex:none;margin-left:2px}
}
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px;align-items:stretch}
.card{position:relative;display:flex;flex-direction:column;cursor:pointer;clip-path:var(--px);padding:20px 20px 20px;
--olrgb:112,142,156; --corner:112,142,156;
--ol:drop-shadow(2px 0 0 rgba(var(--olrgb),.15)) drop-shadow(-2px 0 0 rgba(var(--olrgb),.15)) drop-shadow(0 2px 0 rgba(var(--olrgb),.15)) drop-shadow(0 -2px 0 rgba(var(--olrgb),.15));
background-color:rgba(13,19,23,.42);
box-shadow:inset 3px 3px 0 rgba(93,231,255,.02),inset -4px -4px 0 rgba(0,0,0,.18);
filter:var(--ol) drop-shadow(2px 2px 0 rgba(0,0,0,.22));transition:transform .12s,filter .12s,box-shadow .12s}
.card::after{content:"";position:absolute;top:0;right:0;width:38px;height:38px;pointer-events:none;
background:linear-gradient(225deg,rgba(var(--corner),.42),rgba(var(--corner),.1) 38%,transparent 58%)}
.card.win{--cardbd:rgba(93,231,255,.28);--corner:93,231,255}
.card.lnx{--cardbd:rgba(69,255,136,.26);--corner:69,255,136}
.card.f1{clip-path:var(--px2)} .card.f2{clip-path:var(--px3)} .card.f3{clip-path:var(--px4)}
.card.f4{clip-path:var(--px5)} .card.f5{clip-path:var(--px6)} .card.f6{clip-path:var(--px7)} .card.f7{clip-path:var(--px8)}
.card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.card:hover{transform:translate(-1px,-3px);box-shadow:inset 5px 5px 0 rgba(93,231,255,.09),inset -6px -6px 0 rgba(0,0,0,.55);
filter:var(--ol) drop-shadow(6px 9px 0 rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(93,231,255,.22))}
.chips{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.chip{font-family:var(--pixel);font-weight:700;font-size:14px;letter-spacing:.04em;padding:2px 8px;border:1px solid var(--border);clip-path:var(--notch);color:var(--muted)}
.chip.os{display:inline-flex;align-items:center;gap:6px}
.chip.os::before{content:"";width:7px;height:7px;display:inline-block}
.card.win .chip.os{color:var(--cyan);border-color:rgba(93,231,255,.32)} .card.win .chip.os::before{background:var(--cyan)}
.card.lnx .chip.os{color:var(--green);border-color:rgba(69,255,136,.32)} .card.lnx .chip.os::before{background:var(--green)}
.chip.plat{color:var(--cyan);border-color:rgba(93,231,255,.28)}
.chip.plat.pg{color:var(--violet);border-color:rgba(182,155,255,.32)}
.chip.plat.vh{color:var(--amber);border-color:rgba(255,200,87,.32)}
.chip.plat.dl{color:var(--blue);border-color:rgba(106,169,255,.32)}
.chip.plat.pgp{color:#ff9bd0;border-color:rgba(255,155,208,.34)}
.card h3{font-family:var(--pixel);font-weight:700;font-size:32px;line-height:.92;margin:0 0 10px;padding-bottom:.14em;color:var(--white);transition:color .13s,text-shadow .13s;
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:calc(2 * .92em + .14em)}
.card.lnx h3{text-shadow:0 0 9px rgba(69,255,136,.22)}
.card.win h3{text-shadow:0 0 9px rgba(93,231,255,.2)}
.card:hover h3{color:var(--green);text-shadow:0 0 16px var(--green-glow)}
.card.win:hover h3{color:var(--cyan);text-shadow:0 0 16px rgba(93,231,255,.32)}
.card.lnx:hover h3{color:var(--green);text-shadow:0 0 16px var(--green-glow)}
.meta{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.dchip{font-family:var(--pixel);font-weight:700;font-size:14px;padding:1px 8px;clip-path:var(--notch)}
.dchip.f{color:var(--green);border:1px solid rgba(69,255,136,.4)}
.dchip.m{color:var(--amber);border:1px solid rgba(255,200,87,.45)}
.dchip.d{color:var(--red);border:1px solid rgba(255,92,112,.45)}
.pips{display:flex;gap:3px}
.pips i{width:7px;height:7px;background:#1b2629}
.pips i.f{background:var(--green)} .pips i.m{background:var(--amber)} .pips i.d{background:var(--red)}
.tags{font-family:var(--pixel);font-weight:500;font-size:15px;color:var(--muted);line-height:1.45;letter-spacing:.02em;
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:calc(3 * 1.45em)}
.tags span{color:var(--cyan)}
.empty{font-family:var(--term);font-size:21px;color:var(--muted);padding:30px 4px;letter-spacing:.04em}
.empty b{color:var(--amber)}
.foot{position:relative;z-index:5;max-width:1060px;margin:40px auto 0;padding:26px 0 46px;border-top:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.foot .foot-brand{font-family:var(--pixel);font-weight:800;font-size:24px;line-height:1;color:var(--green);text-shadow:0 0 16px var(--green-glow)}
.foot .foot-brand b{color:var(--amber)}
.foot .foot-copy{font-family:var(--term);font-size:18px;color:var(--white);letter-spacing:.08em;margin:0}
.foot .foot-copy .yr{color:var(--cyan)}
.foot .foot-sub{font-family:var(--term);font-size:15px;color:var(--muted);letter-spacing:.14em;margin:0}
.foot .foot-sub a{color:var(--amber)} .foot .foot-sub a:hover{color:var(--cyan)}
.foot .foot-sub .sep{color:var(--green-dim)}
.coffee-hd{display:inline-flex;align-items:center;gap:7px;font-family:var(--pixel);font-weight:700;font-size:17px;
letter-spacing:.02em;line-height:1;color:var(--amber);text-decoration:none;padding:5px 12px;
border:1px solid rgba(255,200,87,.55);clip-path:var(--notch);background:rgba(255,200,87,.07);
box-shadow:var(--psh);transition:color .15s,background .15s,transform .13s,box-shadow .15s}
.coffee-hd .cf-ico{font-size:18px;line-height:1;display:inline-block;transform:translateY(.5px);
filter:drop-shadow(0 0 6px rgba(255,200,87,.35))}
.coffee-hd .cf-txt{white-space:nowrap}
.coffee-hd:hover{color:var(--bg1);background:var(--amber);transform:translateY(-2px);box-shadow:4px 6px 0 rgba(0,0,0,.5),0 0 18px rgba(255,200,87,.4)}
.coffee-hd:hover .cf-ico{filter:none}
@media (max-width:520px){.coffee-hd .cf-txt{display:none}.coffee-hd{padding:5px 10px}}
@keyframes walkr{0%{background-position:0 0}4%{background-position:-92px 0}8%{background-position:-184px 0}12%{background-position:-276px 0}16%{background-position:-368px 0}
20%{background-position:0 -92px}24%{background-position:-92px -92px}28%{background-position:-184px -92px}32%{background-position:-276px -92px}36%{background-position:-368px -92px}
40%{background-position:0 -184px}44%{background-position:-92px -184px}48%{background-position:-184px -184px}52%{background-position:-276px -184px}56%{background-position:-368px -184px}
60%{background-position:0 -276px}64%{background-position:-92px -276px}68%{background-position:-184px -276px}72%{background-position:-276px -276px}76%{background-position:-368px -276px}
80%{background-position:0 -368px}84%{background-position:-92px -368px}88%{background-position:-184px -368px}92%{background-position:-276px -368px}96%{background-position:-368px -368px}100%{background-position:0 0}}
#loader{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
background:radial-gradient(150% 100% at 50% 18%,#0b1014,var(--bg1) 75%);
transition:opacity .5s ease;animation:ldsafe 0s linear 5s forwards}
#loader.done{opacity:0;pointer-events:none;animation:none}
@keyframes ldsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.ld-box{width:min(560px,82vw);text-align:center}
.ld-head{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:34px}
.ld-brand{font-family:var(--pixel);font-weight:800;font-size:clamp(30px,7vw,52px);line-height:.9;color:var(--green);
text-shadow:0 0 24px var(--green-glow),0 2px 8px rgba(0,0,0,.5)}
.ld-brand b{color:var(--amber)}
.ld-walker{flex:none;width:92px;height:92px;margin:0 -20px;image-rendering:pixelated;
background:url("../brand/player-right.png") 0 0 / 460px 460px no-repeat;transform:scale(.82);transform-origin:center;
animation:walkr .9s steps(1) infinite;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.5))}
.ld-track{position:relative}
.ld-bar{position:relative;height:20px;background:#0a1216;border:2px solid var(--border-lit);
clip-path:var(--notch);box-shadow:inset 2px 2px 0 rgba(0,0,0,.55);overflow:hidden}
.ld-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,var(--green) 0 8px,var(--green-dim) 8px 12px);
box-shadow:0 0 14px var(--green-glow);transition:width .06s linear}
.ld-pct{font-family:var(--term);font-size:20px;color:var(--green-dim);letter-spacing:.12em;margin-top:18px}
.ld-pct b{color:var(--green);font-style:normal}
@media (prefers-reduced-motion:reduce){.ld-walker{animation:none}#loader{animation:none}}
#detail{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,4,6,.8)}
#detail.open{display:flex}
.dcard{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--panel2);border:1px solid var(--border-lit);
clip-path:var(--notch);box-shadow:8px 10px 0 rgba(0,0,0,.6),0 0 44px rgba(93,231,255,.1);padding:24px 26px 26px;animation:pop .14s ease-out}
@keyframes pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.dcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
.dcard.win::before{background:linear-gradient(90deg,var(--cyan),transparent 80%)}
.dcard.lnx::before{background:linear-gradient(90deg,var(--green),transparent 80%)}
.dclose{position:absolute;top:10px;right:13px;font-family:var(--pixel);font-weight:800;font-size:27px;line-height:1;color:var(--muted);
background:none;border:0;padding:2px 8px;cursor:pointer}
.dclose:hover{color:var(--red)}
.dcard .dchips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 12px;padding-right:30px}
.dcard.win .chip.os{color:var(--cyan);border-color:rgba(93,231,255,.32)} .dcard.win .chip.os::before{background:var(--cyan)}
.dcard.lnx .chip.os{color:var(--green);border-color:rgba(69,255,136,.32)} .dcard.lnx .chip.os::before{background:var(--green)}
.dcard h3{font-family:var(--pixel);font-weight:800;font-size:48px;line-height:.86;margin:0 0 12px;color:var(--white)}
.dcard.lnx h3{color:var(--green);text-shadow:0 0 18px var(--green-glow)}
.dcard.win h3{color:var(--cyan);text-shadow:0 0 18px rgba(93,231,255,.22)}
.dcard .dmeta{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.dsec{margin-top:18px}
.dsec h4{font-family:var(--pixel);font-weight:700;font-size:17px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);
margin:0 0 10px;display:flex;align-items:center;gap:9px}
.dsec h4::before{content:"";width:9px;height:9px;background:var(--amber);flex:none}
.tlist{display:flex;flex-wrap:wrap;gap:8px}
.tline{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tline li{font-family:var(--pixel);font-weight:700;font-size:19px;letter-spacing:.02em;color:var(--white);
display:flex;align-items:center;gap:11px;padding:7px 12px;background:rgba(93,231,255,.05);
border:1px solid var(--border);border-left:3px solid var(--cyan)}
.tline li::before{content:"";width:7px;height:7px;background:var(--cyan);flex:none}
.cert{font-family:var(--pixel);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--amber);
padding:3px 10px;border:1px solid rgba(255,200,87,.3);clip-path:var(--notch)}
.cert.htb{color:var(--green);border-color:rgba(69,255,136,.32)}
.dgo{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);font-weight:800;font-size:20px;
color:var(--bg1);background:var(--green);padding:8px 18px;clip-path:var(--notch);box-shadow:var(--psh)}
.dgo:hover{background:var(--cyan)}
.tline.det{counter-reset:tk}
.tline.det li{font-family:var(--ui);font-weight:500;font-size:14px;letter-spacing:0;line-height:1.35;color:#c4d2d5;align-items:flex-start;gap:12px;padding:8px 12px}
.tline.det li::before{content:counter(tk,decimal-leading-zero);counter-increment:tk;width:auto;height:auto;min-width:22px;flex:none;
background:none;color:var(--cyan);font-family:var(--pixel);font-weight:800;font-size:14px;line-height:1.5}
@media (max-width:960px){
.hud{flex-wrap:wrap;gap:9px 16px;padding:10px 20px}
.hud .spacer{display:none}
.hud nav{order:3;width:100%;margin-left:0;gap:18px;white-space:nowrap;
overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
.hud nav::-webkit-scrollbar{display:none}
.coffee-hd{margin-left:auto}
}
@media (max-width:880px){
.bigtitle{font-size:74px}
.hero{height:420px}
}
@media (max-width:680px){
.hud{padding:12px 16px;gap:10px 16px}
.hud .brand{font-size:18px}
.hud nav{gap:20px;font-size:16px;padding-bottom:3px}
.hero{height:auto;aspect-ratio:11/6;min-height:172px}
.hero-in{padding:0 18px 17px;align-items:flex-end}
.room{background-size:cover;background-position:center 72%}
.kick{font-size:13px;letter-spacing:.18em;margin-bottom:6px}
.bigtitle{font-size:37px}
.tag{font-size:15px;margin:8px 0 12px}
.stats{gap:8px}
.stat{font-size:12.5px;padding:5px 11px} .stat b{font-size:15px}
.explore{margin-top:20px;gap:10px 12px}
.board{padding:28px 16px 56px}
.toolbar{gap:12px;margin-bottom:22px}
.tab{font-size:15px;padding:6px 13px}
.search{margin-left:0;width:100%;padding:7px 14px}
.search input{flex:1;width:auto;min-width:0}
.sectitle{font-size:20px;margin:12px 0 18px}
.filterbar{font-size:14px;gap:13px 15px;margin:4px 0 22px}
.flabel{font-size:15px}
.fchip{font-size:14px;padding:6px 13px}
.fgroup{gap:9px}
.fgroup.factions{margin-left:0;width:100%;gap:11px;margin-top:2px}
.fbtn2{font-size:16px;padding:6px 15px}
.deck{grid-template-columns:1fr 1fr;gap:12px}
.card{padding:13px 13px 14px}
.card h3{font-size:20px;line-height:.92;margin-bottom:8px}
.card .meta{margin-bottom:8px}
.chips{margin-bottom:8px;gap:5px}
.tags{font-size:12px;-webkit-line-clamp:2;line-clamp:2;min-height:0}
.deck.list{gap:8px}
.deck.list .card{padding:9px 14px;gap:3px 10px}
.deck.list .card h3{font-size:19px;margin-bottom:0}
.deck.list .card .pips{display:none}
.deck.list .card .tags{font-size:12.5px}
#detail{padding:14px}
.dcard{padding:22px 19px 24px;max-height:90vh}
.dcard h3{font-size:38px}
.dcard .dchips{padding-right:26px}
.dsec{margin-top:20px}
.tline.det li{font-size:13.5px}
#peeker{width:66px;height:72px}
#peeker .pk{width:66px}
#peeker .hint{font-size:14px;top:-22px;padding:3px 7px}
.foot{margin-top:36px;padding:24px 16px 40px;gap:9px}
.foot p{font-size:16px;letter-spacing:.08em}
}
@media (max-width:380px){
.bigtitle{font-size:31px}
.tag{font-size:14px}
.hud nav{gap:16px;font-size:15px}
.stat{padding:4px 9px}
.card h3{font-size:18px}
.dcard h3{font-size:33px}
}