/* ========================================================================== bdk-site.css — the website shell (nav + pages) that wraps KevOS. All classes are namespaced `ws-` so they never collide with the OS/app `.bdk-*` styles that share the same document . Fonts (Space Grotesk / Inter / IBM Plex Mono) are already loaded by index.html. ========================================================================== */ .ws{ --ws-bg:#0a0b10; --ws-panel:rgba(18,20,30,.72); --ws-panel2:rgba(42,45,62,.5); --ws-border:rgba(255,255,255,.11); --ws-border2:rgba(255,255,255,.06); --ws-text:#f4f3f8; --ws-muted:#9aa0b4; --ws-dim:#6b7186; --ws-accent:#cf38dd; --ws-accent2:#38cadd; --ws-good:#4cc97e; --ws-gold:#e8b54b; --ws-warn:#e8a54b; --ws-glow:rgba(207,56,221,.34); --ws-glow2:rgba(56,202,221,.28); --ws-display:'Space Grotesk','Segoe UI',system-ui,sans-serif; --ws-body:'Inter',system-ui,-apple-system,sans-serif; --ws-mono:'IBM Plex Mono',ui-monospace,'SF Mono',monospace; --ws-maxw:1120px; font-family:var(--ws-body); color:var(--ws-text); line-height:1.5; } .ws *{box-sizing:border-box;} .ws a{color:inherit;text-decoration:none;} .ws-wrap{max-width:var(--ws-maxw);margin:0 auto;padding:0 22px;} .ws-grad{background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;} .ws-mono{font-family:var(--ws-mono);} /* animated background stack */ .ws-bgvid{position:fixed;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);filter:saturate(1.1);} .ws-bgscrim{position:fixed;inset:0;z-index:1;pointer-events:none;background: linear-gradient(180deg,rgba(10,11,16,.58) 0%,rgba(10,11,16,.8) 46%,rgba(10,11,16,.95) 74%,var(--ws-bg) 100%), radial-gradient(70% 50% at 82% 6%, rgba(56,202,221,.10), transparent 60%);} .ws-app{position:relative;z-index:2;min-height:100vh;} /* nav */ .ws-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(10,11,16,.72),rgba(10,11,16,.36));border-bottom:1px solid var(--ws-border2);} .ws-nav-in{display:flex;align-items:center;gap:18px;height:62px;} .ws-brand{font-family:var(--ws-display);font-weight:700;font-size:19px;display:flex;align-items:center;gap:9px;cursor:pointer;} .ws-brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent2));box-shadow:0 0 14px var(--ws-glow);} .ws-links{display:flex;gap:2px;margin-left:6px;} .ws-links a{font-size:13.5px;color:var(--ws-muted);padding:8px 12px;border-radius:9px;font-weight:500;cursor:pointer;transition:.16s;} .ws-links a:hover,.ws-links a.on{color:var(--ws-text);background:rgba(255,255,255,.06);} .ws-nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;} .ws-ghost{font-family:var(--ws-mono);font-size:11.5px;letter-spacing:.05em;color:var(--ws-muted);border:1px solid var(--ws-border);border-radius:9px;padding:8px 12px;cursor:pointer;transition:.16s;} .ws-ghost:hover{color:var(--ws-text);border-color:rgba(255,255,255,.28);} .ws-btn{font-family:var(--ws-display);font-weight:700;font-size:13.5px;color:#0a0b10;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));border-radius:11px;padding:11px 17px;box-shadow:0 6px 22px var(--ws-glow);transition:.18s;white-space:nowrap;cursor:pointer;} .ws-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px var(--ws-glow);} .ws-burger{display:none;background:none;border:1px solid var(--ws-border);border-radius:10px;color:#fff;width:40px;height:40px;cursor:pointer;font-size:16px;} .ws-mobnav{display:none;flex-direction:column;gap:2px;padding:10px 22px 16px;border-bottom:1px solid var(--ws-border2);background:rgba(10,11,16,.9);} .ws-mobnav a{padding:11px 12px;border-radius:9px;color:var(--ws-muted);font-weight:600;} .ws-mobnav a.on{color:var(--ws-text);background:rgba(255,255,255,.05);} /* hero */ .ws-hero{padding:58px 0 24px;} .ws-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;} .ws-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--ws-display);font-weight:700;letter-spacing:.26em;font-size:11px;color:var(--ws-accent2);text-transform:uppercase;margin-bottom:18px;} .ws-eyebrow .pip{width:6px;height:6px;border-radius:50%;background:var(--ws-accent2);box-shadow:0 0 10px var(--ws-glow2);animation:ws-pulse 2s infinite;} @keyframes ws-pulse{0%,100%{opacity:1}50%{opacity:.35}} .ws-h1{font-family:var(--ws-display);font-weight:700;font-size:clamp(38px,6vw,60px);line-height:1.02;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.5);} .ws-h1 em{font-style:normal;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2),var(--ws-accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ws-shift 5s linear infinite;} @keyframes ws-shift{to{background-position:200% center;}} .ws-lede{font-size:17px;color:#dfe2ec;max-width:470px;margin:0 0 24px;line-height:1.6;} .ws-hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;} .ws-code{display:flex;align-items:center;gap:11px;background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:12px;padding:9px 9px 9px 15px;backdrop-filter:blur(8px);} .ws-code .lbl{font-size:10px;letter-spacing:.16em;color:var(--ws-dim);text-transform:uppercase;} .ws-code .val{font-family:var(--ws-display);font-weight:700;font-size:19px;line-height:1;} .ws-code .cp{font-size:10.5px;font-weight:700;background:var(--ws-accent);color:#0a0b10;border-radius:8px;padding:7px 10px;border:none;cursor:pointer;font-family:var(--ws-display);} .ws-cta-lg{font-family:var(--ws-display);font-weight:700;font-size:16px;color:#0a0b10;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));border-radius:13px;padding:15px 24px;box-shadow:0 8px 30px var(--ws-glow);position:relative;overflow:hidden;transition:.18s;} .ws-cta-lg:hover{transform:translateY(-1px);} .ws-cta-lg::before{content:'';position:absolute;inset:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:ws-sweep 3.6s ease-in-out infinite;} @keyframes ws-sweep{0%{left:-60%}55%,100%{left:150%}} .ws-hstats{display:flex;gap:28px;padding-top:4px;flex-wrap:wrap;} .ws-hstat .n{font-family:var(--ws-display);font-weight:700;font-size:22px;line-height:1;} .ws-hstat .n.g{background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .ws-hstat .k{font-size:11.5px;color:var(--ws-muted);margin-top:6px;} /* hero aura card (live cycle, overlay styling) */ .ws-aura-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;} .ws-aura-label{display:flex;align-items:center;gap:9px;font-family:var(--ws-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-muted);align-self:flex-end;} .ws-aura-label .live{width:7px;height:7px;border-radius:50%;background:var(--ws-good);box-shadow:0 0 10px var(--ws-good);animation:ws-pulse 1.6s infinite;} .ws-aurastage{position:relative;width:100%;max-width:440px;height:250px;} .ws-acard{position:absolute;inset:0;display:flex;gap:16px;padding:18px;border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 82% 12%, rgba(207,56,221,.26), transparent 60%),linear-gradient(150deg,#1a1330,#241a45 55%,#160f28);border:1.5px solid rgba(207,56,221,.6);box-shadow:0 22px 60px rgba(0,0,0,.6),0 0 46px rgba(207,56,221,.3);opacity:0;transform:scale(.7) translateY(14px);} .ws-acard.show{animation:ws-apop .55s cubic-bezier(.2,1.4,.35,1) forwards;} .ws-acard.hide{animation:ws-aaway .42s ease forwards;} @keyframes ws-apop{60%{transform:scale(1.03);opacity:1}100%{transform:scale(1);opacity:1}} @keyframes ws-aaway{to{transform:scale(.86) translateY(-12px);opacity:0}} .ws-athumb{flex:0 0 132px;height:214px;border-radius:14px;background:#0d0a1a center center / cover no-repeat;border:1px solid rgba(255,255,255,.13);box-shadow:0 6px 18px rgba(0,0,0,.5);position:relative;overflow:hidden;} .ws-athumb .ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;background:linear-gradient(160deg,#3a2b6b,#1a1330);} .ws-athumb .ph .g{font-family:var(--ws-display);font-weight:700;font-size:14px;color:#e9e3ff;} .ws-ainfo{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;} .ws-atag{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:5px 11px;border-radius:99px;background:linear-gradient(90deg,rgba(207,56,221,.9),rgba(207,56,221,.5));box-shadow:0 0 16px var(--ws-glow);} .ws-auser{font-family:var(--ws-display);font-weight:700;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ws-amult{display:flex;align-items:baseline;gap:2px;line-height:.86;} .ws-amult .n{font-family:var(--ws-display);font-weight:700;font-size:var(--ns,52px);background:linear-gradient(180deg,#fff,#c9b8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;} .ws-amult .x{font-size:calc(var(--ns,52px)*.5);font-weight:700;color:#b7a6ea;} .ws-astat{display:flex;gap:8px;} .ws-acell{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;min-width:0;} .ws-acell i{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#9d95c4;text-transform:uppercase;display:block;} .ws-acell b{font-size:15px;white-space:nowrap;} .ws-acell.win b{color:var(--ws-good);} /* ticker */ .ws-ticker{border-top:1px solid var(--ws-border2);border-bottom:1px solid var(--ws-border2);background:rgba(255,255,255,.02);overflow:hidden;margin-top:20px;} .ws-ticker .run{display:inline-flex;gap:34px;white-space:nowrap;padding:11px 0;animation:ws-marq 44s linear infinite;font-family:var(--ws-mono);font-size:12.5px;color:#cdd2e0;} .ws-ticker .run span b{color:var(--ws-accent2);} .ws-ticker .run span em{font-style:normal;color:var(--ws-good);} @keyframes ws-marq{to{transform:translateX(-50%)}} /* sections + feature grid */ .ws-section{padding:52px 0;position:relative;} .ws-seg-eyebrow{font-family:var(--ws-display);font-weight:700;letter-spacing:.24em;font-size:11px;color:var(--ws-accent2);text-transform:uppercase;margin-bottom:12px;} .ws-seg-h{font-family:var(--ws-display);font-weight:700;font-size:clamp(26px,4.4vw,38px);line-height:1.06;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance;} .ws-seg-sub{color:var(--ws-muted);font-size:15px;max-width:560px;margin:0;} .ws-seg-head{margin-bottom:26px;} .ws-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .ws-card{position:relative;background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:.2s;isolation:isolate;backdrop-filter:blur(10px);cursor:pointer;} .ws-card::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:.25s;background:radial-gradient(120% 90% at 90% 0%, var(--ws-glow), transparent 55%);} .ws-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24);} .ws-card:hover::before{opacity:1;} .ws-card.wide{grid-column:span 2;} .ws-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,var(--ws-panel2),rgba(0,0,0,.35));border:1px solid var(--ws-border);color:var(--ws-accent2);font-size:18px;} .ws-card h3{font-family:var(--ws-display);font-weight:700;font-size:19px;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .ws-card p{color:var(--ws-muted);font-size:14px;margin:0;line-height:1.55;} .ws-card .go{margin-top:auto;font-family:var(--ws-display);font-weight:700;font-size:13px;color:var(--ws-text);display:inline-flex;align-items:center;gap:7px;padding-top:4px;} .ws-card:hover .go .arw{transform:translateX(4px);} .ws-card .go .arw{transition:.18s;} .ws-metric{display:flex;gap:20px;flex-wrap:wrap;} .ws-metric .m .n{font-family:var(--ws-display);font-weight:700;font-size:22px;font-variant-numeric:tabular-nums;} .ws-metric .m .n.g{background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .ws-metric .m .k{font-size:11px;color:var(--ws-muted);margin-top:3px;} .ws-chip{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:4px 9px;} .ws-chip.warn{color:var(--ws-warn);border:1px solid rgba(232,165,75,.4);background:rgba(232,165,75,.12);} .ws-chip.live{color:var(--ws-good);border:1px solid rgba(76,201,126,.4);background:rgba(76,201,126,.12);} .ws-chip.soon{color:var(--ws-accent2);border:1px solid rgba(56,202,221,.4);background:rgba(56,202,221,.12);} .ws-wheel{position:absolute;right:-42px;top:-42px;width:172px;height:172px;border-radius:50%;opacity:.5;background:conic-gradient(var(--ws-accent) 0 30deg,transparent 30deg 60deg,var(--ws-accent2) 60deg 90deg,transparent 90deg 120deg,var(--ws-accent) 120deg 150deg,transparent 150deg 180deg,var(--ws-accent2) 180deg 210deg,transparent 210deg 240deg,var(--ws-accent) 240deg 270deg,transparent 270deg 300deg,var(--ws-accent2) 300deg 330deg,transparent 330deg 360deg);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%);animation:ws-spin 26s linear infinite;pointer-events:none;} @keyframes ws-spin{to{transform:rotate(360deg)}} /* crew band */ .ws-band{position:relative;background:linear-gradient(120deg,rgba(207,56,221,.16),rgba(56,202,221,.11));border:1px solid var(--ws-border);border-radius:22px;padding:34px 300px 34px 34px;overflow:hidden;} .ws-band h2{font-family:var(--ws-display);font-weight:700;font-size:clamp(24px,3.6vw,32px);margin:0 0 6px;letter-spacing:-.02em;} .ws-band p{color:#d7dae6;margin:0 0 18px;font-size:14.5px;max-width:420px;} .ws-band .crew{position:absolute;right:-6px;bottom:-8px;height:128%;max-height:270px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));pointer-events:none;} /* generic page (wraps reused OS apps) */ .ws-page{padding:36px 0 60px;min-height:60vh;} .ws-page-head{margin-bottom:22px;} .ws-page-head h1{font-family:var(--ws-display);font-weight:700;font-size:clamp(28px,5vw,40px);margin:0 0 6px;letter-spacing:-.02em;} .ws-page-head p{color:var(--ws-muted);margin:0;font-size:14.5px;} .ws-panel{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:20px;padding:22px;backdrop-filter:blur(10px);} .ws-panel.narrow{max-width:640px;} /* games grid */ .ws-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px;} .ws-search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:12px;padding:11px 14px;} .ws-search input{flex:1;background:none;border:none;outline:none;color:var(--ws-text);font-family:var(--ws-body);font-size:14px;} .ws-select{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:12px;padding:11px 14px;color:var(--ws-text);font-family:var(--ws-body);font-size:13.5px;cursor:pointer;} .ws-gcount{color:var(--ws-muted);font-size:12.5px;font-family:var(--ws-mono);} .ws-gamegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;} .ws-game{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--ws-border);background:#141020;aspect-ratio:.74;display:block;cursor:pointer;transition:.18s;} .ws-game:hover{transform:translateY(-3px);border-color:rgba(207,56,221,.55);box-shadow:0 12px 30px rgba(0,0,0,.5);} .ws-game img{width:100%;height:100%;object-fit:cover;display:block;} .ws-game .meta{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;background:linear-gradient(180deg,transparent,rgba(8,6,16,.92));} .ws-game .nm{font-family:var(--ws-display);font-weight:700;font-size:12.5px;line-height:1.15;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ws-game .pv{font-size:10px;color:var(--ws-muted);margin-top:2px;} .ws-game .rtp{position:absolute;top:8px;right:8px;font-size:9.5px;font-weight:800;font-family:var(--ws-mono);background:rgba(10,11,16,.72);border:1px solid var(--ws-border);border-radius:7px;padding:3px 6px;color:var(--ws-good);} .ws-more{display:flex;justify-content:center;margin-top:24px;} /* wheel modal */ .ws-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:22px;background:rgba(6,7,12,.72);backdrop-filter:blur(6px);} .ws-modal-card{width:min(460px,100%);background:linear-gradient(160deg,#171326,#0e0b18);border:1px solid var(--ws-border);border-radius:22px;padding:26px;text-align:center;position:relative;} .ws-modal-card h3{font-family:var(--ws-display);font-weight:700;font-size:22px;margin:0 0 4px;} .ws-modal-card .sub{color:var(--ws-muted);font-size:13px;margin-bottom:18px;} .ws-wheelbox{position:relative;width:230px;height:230px;margin:0 auto 20px;} .ws-wheelspin{width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.12);position:relative;overflow:hidden;transition:transform 4.4s cubic-bezier(.16,.84,.3,1); background:conic-gradient(#cf38dd 0 45deg,#38cadd 45deg 90deg,#8b5cf6 90deg 135deg,#4cc97e 135deg 180deg,#cf38dd 180deg 225deg,#38cadd 225deg 270deg,#8b5cf6 270deg 315deg,#4cc97e 315deg 360deg);} .ws-wheelptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--ws-gold);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:2;} .ws-wheelhub{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;background:#0e0b18;border:2px solid rgba(255,255,255,.15);display:grid;place-items:center;font-family:var(--ws-display);font-weight:700;font-size:12px;color:var(--ws-muted);} .ws-winner{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:14px;padding:14px;margin-bottom:16px;display:flex;align-items:center;gap:12px;text-align:left;} .ws-winner img{width:54px;height:74px;object-fit:cover;border-radius:9px;} .ws-winner .wn{font-family:var(--ws-display);font-weight:700;font-size:16px;} .ws-winner .wp{font-size:12px;color:var(--ws-muted);margin-top:2px;} .ws-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--ws-muted);font-size:20px;cursor:pointer;} /* building state */ .ws-building{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:46px 24px;} .ws-building .badge{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 50% 30%,var(--ws-glow),transparent 70%);border:1px solid var(--ws-border);} .ws-building h2{font-family:var(--ws-display);font-weight:700;font-size:26px;margin:0;} .ws-building p{color:var(--ws-muted);max-width:440px;margin:0;font-size:14.5px;line-height:1.6;} /* footer */ .ws-footer{border-top:1px solid var(--ws-border2);padding:32px 0;margin-top:22px;} .ws-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;} .ws-foot .fb{font-family:var(--ws-display);font-weight:700;font-size:16px;} .ws-foot .fn{font-size:12.5px;color:var(--ws-dim);} .ws-foot .fl{display:flex;gap:18px;font-size:13px;color:var(--ws-muted);} .ws-foot .fl a{cursor:pointer;} .ws-foot .fl a:hover{color:var(--ws-text);} @media (max-width:880px){ .ws-links,.ws-nav-right .ws-ghost{display:none;} .ws-burger{display:grid;place-items:center;} .ws-hero-grid{grid-template-columns:1fr;gap:30px;} .ws-aurastage{order:-1;margin:0 auto;} .ws-aura-label{align-self:center;} .ws-feat{grid-template-columns:1fr;} .ws-card.wide{grid-column:span 1;} .ws-band{padding:28px;} .ws-band .crew{position:static;display:block;height:auto;max-height:none;width:min(340px,86%);margin:18px auto 0;} } @media (prefers-reduced-motion:reduce){.ws *{animation:none !important;}} /* ========================================================================== Added: game-art placeholder, slot detail page, wanted-poster bounties, wiki ========================================================================== */ /* branded placeholder when a game's art 403s on both s6 and s3 */ .ws-artph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;background:linear-gradient(160deg,#2a2140,#150f24);} .ws-artph .pn{font-family:var(--ws-display);font-weight:700;font-size:13px;line-height:1.15;color:#e9e3ff;} .ws-artph .pp{font-size:9.5px;color:var(--ws-muted);letter-spacing:.08em;text-transform:uppercase;} .ws-artph .plogo{font-family:var(--ws-display);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--ws-accent2);opacity:.7;align-self:flex-end;} /* ---- slot detail page ---- */ .ws-detail{padding:30px 0 60px;} .ws-back{display:inline-flex;align-items:center;gap:7px;color:var(--ws-muted);font-family:var(--ws-mono);font-size:12px;margin-bottom:18px;cursor:pointer;} .ws-back:hover{color:var(--ws-text);} .ws-dhero{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start;} .ws-dart{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--ws-border);aspect-ratio:.74;background:#141020;box-shadow:0 20px 50px rgba(0,0,0,.5);} .ws-dart img{width:100%;height:100%;object-fit:cover;display:block;} .ws-dinfo h1{font-family:var(--ws-display);font-weight:700;font-size:clamp(28px,4.5vw,42px);line-height:1.05;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance;} .ws-dprov{color:var(--ws-accent2);font-family:var(--ws-mono);font-size:13px;letter-spacing:.06em;margin-bottom:18px;} .ws-dtags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;} .ws-tag{font-size:11px;font-weight:600;color:var(--ws-muted);border:1px solid var(--ws-border);border-radius:99px;padding:5px 11px;text-transform:capitalize;} .ws-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:22px;} .ws-spec{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:14px;padding:14px;} .ws-spec .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-dim);margin-bottom:5px;} .ws-spec .v{font-family:var(--ws-display);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums;} .ws-spec .v.g{background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .ws-spec .v.pending{color:var(--ws-dim);font-family:var(--ws-body);font-weight:500;font-size:13px;} .ws-dcta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;} .ws-section-lite{margin-top:34px;} .ws-section-lite h2{font-family:var(--ws-display);font-weight:700;font-size:22px;margin:0 0 14px;display:flex;align-items:center;gap:10px;} .ws-review{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:18px;padding:24px;} .ws-review .prose{color:#d7dae6;font-size:15px;line-height:1.7;} .ws-noreview{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px;color:var(--ws-muted);} .ws-noreview .em{font-size:34px;} .ws-noreview h3{font-family:var(--ws-display);font-weight:700;font-size:18px;color:var(--ws-text);margin:0;} .ws-clipslot{margin-top:16px;border:1.5px dashed var(--ws-border);border-radius:14px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ws-dim);background:rgba(255,255,255,.02);} .ws-clipslot .em{font-size:30px;opacity:.6;} /* ---- wanted-poster bounties ---- */ .ws-bounties-intro{color:var(--ws-muted);font-size:15px;max-width:620px;margin:0 0 28px;line-height:1.6;} .ws-poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px;} .ws-poster{position:relative;border-radius:8px;padding:20px 20px 22px;color:#2a1c0c;font-family:Georgia,'Times New Roman',serif; background: radial-gradient(120% 90% at 50% 0%, rgba(255,247,224,.6), transparent 55%), linear-gradient(160deg,#e9d7ac 0%,#dcc79a 45%,#cdb583 100%); box-shadow:0 18px 44px rgba(0,0,0,.5),inset 0 0 60px rgba(120,80,30,.28),inset 0 0 0 1px rgba(120,80,30,.25); border:1px solid #7a5a2c;transform:rotate(var(--tilt,0deg));transition:transform .2s;} .ws-poster:hover{transform:rotate(0deg) translateY(-4px);} .ws-poster::before,.ws-poster::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#5a4423,#2a1c0c);top:10px;box-shadow:inset 0 1px 2px rgba(0,0,0,.6);} .ws-poster::before{left:14px;} .ws-poster::after{right:14px;} .ws-poster .wtop{text-align:center;font-weight:700;letter-spacing:.12em;font-size:13px;color:#5a3d18;margin-bottom:2px;} .ws-poster .wanted{text-align:center;font-weight:800;font-size:44px;line-height:.9;letter-spacing:.04em;color:#3a2610;text-shadow:1px 1px 0 rgba(255,247,224,.5);margin:0 0 10px;} .ws-poster .wframe{border:6px solid #6b4d24;border-radius:4px;overflow:hidden;background:#1a1330;aspect-ratio:.86;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.35);position:relative;} .ws-poster .wframe img{width:100%;height:100%;object-fit:cover;display:block;} .ws-poster .wframe .ph{position:absolute;inset:0;display:grid;place-items:center;color:#c9b8ff;font-family:var(--ws-display);font-weight:700;text-align:center;padding:12px;font-size:15px;} .ws-poster .dead{text-align:center;font-weight:700;letter-spacing:.12em;font-size:12px;color:#5a3d18;margin:9px 0 6px;border-top:1px solid rgba(90,61,24,.4);border-bottom:1px solid rgba(90,61,24,.4);padding:5px 0;} .ws-poster .wtitle{text-align:center;font-weight:700;font-size:19px;line-height:1.15;color:#2a1c0c;margin:6px 0 2px;} .ws-poster .wsub{text-align:center;font-size:12.5px;color:#5a3d18;margin-bottom:12px;font-style:italic;} .ws-poster .wreward{text-align:center;margin-bottom:12px;} .ws-poster .wreward .lbl{font-size:11px;letter-spacing:.18em;color:#5a3d18;} .ws-poster .wreward .amt{font-weight:800;font-size:34px;color:#3a2610;line-height:1;} .ws-poster .whow{font-family:var(--ws-body);font-size:12.5px;line-height:1.5;color:#3a2a14;background:rgba(120,80,30,.12);border:1px solid rgba(120,80,30,.28);border-radius:8px;padding:10px 12px;margin-bottom:12px;} .ws-poster .whow b{color:#2a1c0c;} .ws-poster .welig{display:flex;justify-content:center;} .ws-poster .welig span{font-family:var(--ws-body);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:4px 11px;background:#3a2610;color:#e9d7ac;} .ws-poster.won{filter:saturate(.9);} .ws-poster.won .wstamp{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-16deg);border:5px solid #b3241c;color:#b3241c;font-weight:800;font-size:34px;letter-spacing:.08em;padding:4px 16px;border-radius:8px;opacity:.82;text-transform:uppercase;pointer-events:none;} /* ---- wiki ---- */ .ws-wiki-hero{margin-bottom:26px;} .ws-wiki-cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;} .ws-wiki-cat{font-size:12px;font-weight:600;color:var(--ws-muted);border:1px solid var(--ws-border);border-radius:99px;padding:7px 14px;cursor:pointer;transition:.16s;} .ws-wiki-cat:hover,.ws-wiki-cat.on{color:var(--ws-text);border-color:var(--ws-accent);background:rgba(207,56,221,.1);} .ws-wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;} .ws-wiki-card{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:16px;padding:20px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:9px;backdrop-filter:blur(10px);} .ws-wiki-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24);} .ws-wiki-card .cat{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-accent2);} .ws-wiki-card h3{font-family:var(--ws-display);font-weight:700;font-size:18px;margin:0;} .ws-wiki-card p{color:var(--ws-muted);font-size:13.5px;margin:0;line-height:1.5;} .ws-wiki-card .rd{margin-top:auto;font-size:12px;color:var(--ws-muted);font-family:var(--ws-mono);} .ws-article{max-width:720px;margin:0 auto;} .ws-article .eyebrow{font-family:var(--ws-display);font-weight:700;letter-spacing:.2em;font-size:11px;color:var(--ws-accent2);text-transform:uppercase;margin-bottom:12px;} .ws-article h1{font-family:var(--ws-display);font-weight:700;font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance;} .ws-article .lede{font-size:18px;color:#d7dae6;line-height:1.6;margin:0 0 26px;} .ws-article h2{font-family:var(--ws-display);font-weight:700;font-size:23px;margin:30px 0 10px;letter-spacing:-.01em;} .ws-article p{color:#cdd2e0;font-size:16px;line-height:1.75;margin:0 0 14px;} .ws-article ul{color:#cdd2e0;font-size:16px;line-height:1.7;padding-left:22px;margin:0 0 14px;} .ws-article li{margin-bottom:7px;} .ws-article b{color:var(--ws-text);} .ws-article .callout{background:var(--ws-panel);border:1px solid var(--ws-border);border-left:3px solid var(--ws-accent);border-radius:12px;padding:16px 18px;margin:20px 0;font-size:15px;line-height:1.65;color:#d7dae6;} .ws-article .disclaimer{margin-top:34px;padding-top:18px;border-top:1px solid var(--ws-border2);color:var(--ws-dim);font-size:13px;line-height:1.6;} @media (max-width:720px){ .ws-dhero{grid-template-columns:1fr;} .ws-dart{max-width:280px;} } /* game filter chips */ .ws-fchips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;} .ws-fchip{font-family:var(--ws-display);font-weight:700;font-size:13px;color:var(--ws-muted);border:1px solid var(--ws-border);border-radius:99px;padding:8px 16px;cursor:pointer;transition:.16s;} .ws-fchip:hover{color:var(--ws-text);border-color:rgba(255,255,255,.28);} .ws-fchip.on{color:#0a0b10;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent2));border-color:transparent;} /* YEET wordmark inline in the hero headline */ .ws-yeetlogo{height:.66em;width:auto;vertical-align:baseline;display:inline-block;transform:translateY(.04em);margin:0 .04em;filter:drop-shadow(0 3px 14px rgba(0,0,0,.5));} /* ---- "given back" home showcase + raw-balance badge ---- */ .ws-give{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:stretch;} .ws-give-main{background:linear-gradient(135deg,rgba(76,201,126,.14),rgba(56,202,221,.08));border:1px solid var(--ws-border);border-radius:22px;padding:30px 32px;} .ws-give-amt{font-family:var(--ws-display);font-weight:700;font-size:clamp(46px,8vw,74px);line-height:1;letter-spacing:-.03em;background:linear-gradient(90deg,var(--ws-good),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .ws-give-amt span{-webkit-text-fill-color:var(--ws-good);font-size:.5em;} .ws-give-sub{color:#d7dae6;font-size:15px;line-height:1.6;max-width:460px;margin:12px 0 18px;} .ws-give-break{display:flex;gap:26px;flex-wrap:wrap;} .ws-give-break .gb .n{font-family:var(--ws-display);font-weight:700;font-size:22px;font-variant-numeric:tabular-nums;} .ws-give-break .gb .k{font-size:12px;color:var(--ws-muted);margin-top:3px;} .ws-give-side{display:flex;} .ws-rawbadge{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(10px);width:100%;} .ws-rawbadge .rb-top{font-family:var(--ws-mono);font-weight:700;font-size:12.5px;letter-spacing:.16em;color:var(--ws-gold);} .ws-rawbadge p{color:var(--ws-muted);font-size:13.5px;line-height:1.6;margin:0;} .ws-give-pnl{margin-top:auto;font-family:var(--ws-display);font-weight:700;font-size:13.5px;color:var(--ws-text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;} .ws-give-pnl:hover{color:var(--ws-accent2);} /* ---- P&L page stat grid ---- */ .ws-pnl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;} .ws-pnl-card{background:var(--ws-panel);border:1px solid var(--ws-border);border-radius:18px;padding:22px;backdrop-filter:blur(10px);} .ws-pnl-card.big{grid-column:1/-1;} .ws-pnl-card .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-dim);margin-bottom:8px;} .ws-pnl-card .v{font-family:var(--ws-display);font-weight:700;font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;} .ws-pnl-card.big .v{font-size:clamp(40px,7vw,58px);} .ws-pnl-card .v.up{color:var(--ws-good);} .ws-pnl-card .v.give{background:linear-gradient(90deg,var(--ws-good),var(--ws-accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .ws-pnl-card .s{font-size:12.5px;color:var(--ws-muted);margin-top:8px;} @media (max-width:760px){ .ws-give{grid-template-columns:1fr;} } /* wiki illustrations */ .ws-wiki-thumb{margin:-20px -20px 4px;aspect-ratio:16/9;overflow:hidden;background:#141020;border-bottom:1px solid var(--ws-border2);} .ws-wiki-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;} .ws-wiki-card:hover .ws-wiki-thumb img{transform:scale(1.05);} .ws-article-hero{width:100%;aspect-ratio:16/9;max-height:340px;object-fit:cover;border-radius:16px;border:1px solid var(--ws-border);margin:0 0 22px;display:block;box-shadow:0 16px 40px rgba(0,0,0,.4);} /* mascot accents on home feature cards */ .ws-card-mascot{position:absolute;right:4px;bottom:0;width:78px;height:auto;opacity:.92;pointer-events:none;z-index:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));} .ws-card.wide .ws-card-mascot{width:104px;} .ws-card h3,.ws-card p,.ws-card .go,.ws-card .ws-metric{position:relative;z-index:1;} .ws-card p{max-width:38ch;} /* live P&L section */ .ws-pnl-sub{font-family:var(--ws-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-accent2);margin:26px 0 12px;display:flex;align-items:center;gap:9px;} .ws-pnl-sub .live{width:7px;height:7px;border-radius:50%;background:var(--ws-good);box-shadow:0 0 10px var(--ws-good);animation:ws-pulse 1.6s infinite;} /* P&L latest-wins auto-scrolling feed */ .ws-winsfeed{height:340px;overflow:hidden;position:relative;border:1px solid var(--ws-border);border-radius:16px;background:var(--ws-panel);backdrop-filter:blur(10px); -webkit-mask-image:linear-gradient(180deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(180deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);} .ws-winstrack{animation:ws-vroll linear infinite;} @keyframes ws-vroll{to{transform:translateY(-50%);}} .ws-winrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--ws-border2);} .ws-winrow .wx{font-family:var(--ws-display);font-weight:700;font-size:17px;color:var(--ws-accent2);font-variant-numeric:tabular-nums;min-width:82px;} .ws-winrow .wg{font-family:var(--ws-display);font-weight:700;font-size:16px;color:#fff;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;} .ws-winrow .wg{white-space:nowrap;} .ws-winrow .wg small{font-family:var(--ws-body);font-weight:500;font-size:12px;color:var(--ws-muted);letter-spacing:.02em;} .ws-winrow .ww{font-family:var(--ws-display);font-weight:700;font-size:18px;color:var(--ws-good);font-variant-numeric:tabular-nums;}