.leg{--fb-color:#D97757;--fb-color2:#f59978;--accent:#D97757;--accent2:#ff6c49}.leg .skills-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.leg .skill-card{
  background:linear-gradient(135deg,rgba(217,119,87,.08) 0%,rgba(217,119,87,.03) 50%,rgba(6,6,15,.6) 100%);
  border:1px solid rgba(217,119,87,.22);
  border-radius:10px; padding:22px; transition:all .2s; display:flex; flex-direction:column; gap:8px;
  position:relative; overflow:hidden;
}.leg .skill-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#D97757; pointer-events:none; }.leg .skill-card:hover{ border-color:rgba(217,119,87,.4); background:linear-gradient(135deg,rgba(217,119,87,.12) 0%,rgba(217,119,87,.05) 50%,rgba(6,6,15,.6) 100%); transform:translateY(-2px); box-shadow:0 8px 32px rgba(217,119,87,.15); }.leg .skill-card.coming{ opacity:.6; }.leg .skill-card.coming:hover{ transform:none; box-shadow:none; }.leg .skill-badge{ display:inline-flex; align-items:center; gap:6px; border:1px solid; padding:4px 10px; border-radius:2px; font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.leg .sb-dostepny{ background:rgba(217,119,87,.08); border-color:rgba(217,119,87,.3); color:var(--accent2); }.leg .sb-wkrotce{ background:rgba(217,119,87,.08); border-color:rgba(217,119,87,.2); color:#D97757; }.leg .skill-name{ font-family:"Syne",sans-serif; font-size:19px; font-weight:700; color:var(--text); letter-spacing:-.02em; }.leg .skill-desc{ font-size:13px; color:var(--text2); line-height:1.65; }.leg .skill-features{ list-style:none; display:flex; flex-direction:column; gap:5px; margin:4px 0; }.leg .skill-features li{ font-size:12px; color:var(--text2); display:flex; align-items:flex-start; gap:6px; }.leg .skill-features li::before{ content:"›"; color:#D97757; font-family:"Space Mono",monospace; flex-shrink:0; }.leg .skill-use{ font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#fff; display:inline-flex; align-items:center; gap:8px; text-decoration:none; margin-top:auto; background:linear-gradient(180deg,#e0855f 0%,#c2643f 100%); border:2px solid rgba(0,0,0,.9); padding:9px 19px; border-radius:50px; transition:all .2s; cursor:pointer; width:fit-content; box-shadow:0 0 20px rgba(217,119,87,.28),0 0 35px rgba(217,119,87,.13),0 3px 10px rgba(0,0,0,.3); }.leg .skill-use:hover{ background:linear-gradient(180deg,#e89570 0%,#c2643f 100%); transform:translateY(-1px); box-shadow:0 0 25px rgba(217,119,87,.35),0 0 42px rgba(217,119,87,.18),0 4px 12px rgba(0,0,0,.35); }.leg .bs-search-wrap{ position:relative; max-width:600px; margin:28px 0 0; }.leg .bs-search{ width:100%; padding:14px 20px 14px 48px; background:rgba(255,255,255,.05); border:1px solid rgba(217,119,87,.3); border-radius:10px; color:var(--text); font-family:"DM Sans",sans-serif; font-size:15px; outline:none; transition:border .2s; }.leg .bs-search:focus{ border-color:#D97757; }.leg .bs-search::placeholder{ color:var(--text3); }.leg .bs-search-icon{ position:absolute; left:16px; top:50%; transform:translateY(-50%); color:var(--text3); pointer-events:none; }.leg .cat-filters{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 28px; }.leg .cat-filter{ font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase; padding:7px 14px; border-radius:20px; border:1px solid rgba(217,119,87,.3); background:rgba(217,119,87,.06); color:#eececb; cursor:pointer; transition:all .2s; white-space:nowrap; display:flex; align-items:center; gap:6px; }.leg .cat-filter:hover{ border-color:#ff794e; color:#ff794e; background:rgba(217,119,87,.14); }.leg .cat-filter.active{ background:linear-gradient(90deg,#c9722e,#ff6c49); color:#1a1300; border-color:#ff6c49; }.leg .cat-filter .cc{ background:rgba(255,255,255,.15); padding:1px 6px; border-radius:10px; font-size:9px; }.leg .skill-db-card{
  background:linear-gradient(135deg,rgba(217,119,87,.07) 0%,rgba(217,119,87,.02) 50%,rgba(6,6,15,.6) 100%);
  border:1px solid rgba(217,119,87,.18);
  border-radius:10px; padding:18px; transition:all .2s; display:flex; flex-direction:column;
  position:relative; overflow:hidden;
}.leg .skill-db-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#D97757; pointer-events:none; }.leg .skill-db-card:hover{ border-color:rgba(217,119,87,.4); background:linear-gradient(135deg,rgba(217,119,87,.1) 0%,rgba(217,119,87,.04) 50%,rgba(6,6,15,.6) 100%); transform:translateY(-2px); }.leg .sdb-btn-wrap{ margin-top:auto; padding-top:10px; display:flex; justify-content:flex-end; }.leg .sdb-btn{ font-family:"Space Mono",monospace; font-size:9px; letter-spacing:.07em; text-transform:uppercase; padding:6px 12px; border-radius:4px; cursor:pointer; transition:all .2s; white-space:nowrap; border:none; }.leg .sdb-btn-avail{ background:linear-gradient(180deg,#e0855f 0%,#c2643f 100%); color:#fff; border:2px solid rgba(0,0,0,.9); border-radius:50px; box-shadow:0 0 20px rgba(217,119,87,.28),0 0 35px rgba(217,119,87,.13),0 3px 10px rgba(0,0,0,.3); }.leg .sdb-btn-avail:hover{ background:linear-gradient(180deg,#e89570 0%,#c2643f 100%); transform:translateY(-1px); box-shadow:0 0 25px rgba(217,119,87,.35),0 0 42px rgba(217,119,87,.18),0 4px 12px rgba(0,0,0,.35); }.leg .sdb-btn-soon{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)!important; color:var(--text3); cursor:default; }.leg .skill-db-card.hidden{ display:none!important; }.leg .sdb-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:8px; }.leg .sdb-emoji{ font-size:22px; flex-shrink:0; }.leg .sdb-badges{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; }.leg .badge-trend{ background:rgba(255,107,0,.12); border:1px solid rgba(255,107,0,.3); color:#ff9940; font-family:"Space Mono",monospace; font-size:8px; padding:2px 7px; border-radius:2px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }.leg .badge-easy{ background:rgba(40,200,64,.1); border:1px solid rgba(40,200,64,.25); color:#28c840; font-family:"Space Mono",monospace; font-size:9px; padding:3px 8px; border-radius:2px; text-transform:uppercase; white-space:nowrap; }.leg .badge-mid{ background:rgba(255,108,73,.1); border:1px solid rgba(255,108,73,.25); color:#ff6c49; font-family:"Space Mono",monospace; font-size:9px; padding:3px 8px; border-radius:2px; text-transform:uppercase; white-space:nowrap; }.leg .badge-hard{ background:rgba(255,77,141,.1); border:1px solid rgba(255,77,141,.25); color:#ff4d8d; font-family:"Space Mono",monospace; font-size:9px; padding:3px 8px; border-radius:2px; text-transform:uppercase; white-space:nowrap; }.leg .sdb-name{ font-family:"Syne",sans-serif; font-size:14px; font-weight:700; color:var(--text); line-height:1.3; }.leg .sdb-fires{ font-size:12px; margin-top:4px; }.leg .sdb-cat{ font-family:"Space Mono",monospace; font-size:9px; color:#D97757; text-transform:uppercase; letter-spacing:.07em; margin-top:6px; }.leg .no-results{ grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--text3); font-family:"Space Mono",monospace; }.leg .sm-header{padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.leg .sm-close{background:none;border:none;color:rgba(0,229,255,.6);font-size:20px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0;transition:color .2s}.leg .sm-close:hover{color:#f0eeff}.leg .sm-body{padding:24px 28px}.leg .sm-steps{display:flex;flex-direction:column;gap:12px;margin:20px 0}.leg .sm-step{display:flex;gap:14px;align-items:flex-start}.leg .sm-step-num{width:28px;height:28px;border-radius:50%;background:rgba(217,119,87,.15);border:1px solid rgba(217,119,87,.3);display:flex;align-items:center;justify-content:center;font-family:"Space Mono",monospace;font-size:11px;color:#D97757;flex-shrink:0;margin-top:1px}.leg .sm-step-text{font-size:14px;color:#c8c4e0;line-height:1.6}.leg .sm-step-text strong{color:#f0eeff}.leg .sm-instruction{background:#080810;border:1px solid rgba(217,119,87,.2);border-radius:10px;padding:18px;margin:20px 0;font-family:"Space Mono",monospace;font-size:11px;color:#d8d4f0;line-height:1.8;white-space:pre-wrap;max-height:200px;overflow-y:auto}.leg .sm-instruction::-webkit-scrollbar{width:4px}.leg .sm-instruction::-webkit-scrollbar-thumb{background:rgba(217,119,87,.4);border-radius:2px}.leg .sm-copy-btn{width:100%;padding:13px;background:linear-gradient(90deg,#D97757,#ff6c49);border:none;border-radius:8px;color:#fff;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-bottom:20px}.leg .sm-copy-btn:hover{background:#ff6c49;transform:translateY(-1px)}.leg .sm-example{background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.15);border-radius:8px;padding:16px;margin-bottom:20px}.leg .sm-example h4{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#00e5ff;margin-bottom:10px}.leg .sm-example p{font-size:13px;color:#d8d4f0;line-height:1.65;font-style:italic}.leg .sm-tip{background:rgba(255,108,73,.05);border:1px solid rgba(255,108,73,.15);border-radius:8px;padding:14px;display:flex;gap:10px;align-items:flex-start}.leg .sm-tip span{font-size:16px;flex-shrink:0}.leg .sm-tip p{font-size:13px;color:#d8d4f0;line-height:1.6;margin:0}@media (max-width:600px){.leg #skill-modal{max-width:calc(100vw - 24px);margin:0 12px}.leg .sm-body,.leg .sm-header{padding:18px 20px}}@media (max-width:600px){.leg #skill-modal{ top:50%; transform:translate(-50%,-50%); max-height:88vh; }.leg .sm-header{ padding:14px 16px 12px!important; }.leg .sm-body{ padding:14px 16px!important; }.leg .sm-step-text{ font-size:12px!important; }.leg .sm-step-num{ width:22px!important; height:22px!important; font-size:10px!important; }.leg .sm-step{ gap:10px!important; }.leg .sm-instruction{ font-size:11px!important; padding:12px!important; max-height:140px!important; }.leg .sm-copy-btn{ padding:10px!important; font-size:10px!important; }.leg .sm-example{ font-size:12px!important; padding:12px!important; }.leg .sm-tip{ font-size:12px!important; padding:10px 12px!important; }}@media (max-width:1100px){.leg .skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.leg .skills-grid{grid-template-columns:1fr}.leg .cat-filters{gap:6px}}.leg .snsfx-block{ max-width:1100px; margin:0 auto; }.leg .snsfx-wrap{
    position:relative;
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1fr;
    gap:14px;
    border-radius:20px;
    isolation:isolate;
    opacity:0;
    transform:translateY(40px) scale(.96);
    transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
  }.leg .snsfx-wrap.visible{ opacity:1; transform:translateY(0) scale(1); }.leg .snsfx-noise{
    position:absolute; inset:0; z-index:0;
    opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mix-blend-mode:overlay;
    pointer-events:none;
  }.leg .snsfx-hero,.leg .snsfx-item{
    position:relative; z-index:2;
    padding:30px 22px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }.leg .snsfx-hero::before,.leg .snsfx-item::before{
    content:"";
    position:absolute; top:0; left:-60%;
    width:60%; height:100%;
    background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(255,255,255,.1),transparent);
    animation:snsfxScanMove 7s ease-in-out infinite;
    pointer-events:none;
    z-index:1;
  }.leg .snsfx-hero::before{ animation-delay:0s; background-image:linear-gradient(90deg,transparent,rgba(255,108,73,.16),rgba(255,167,149,.2),transparent); }.leg .snsfx-item:nth-child(2)::before{ animation-delay:1.6s; }.leg .snsfx-item:nth-child(3)::before{ animation-delay:3.2s; }.leg .snsfx-item:nth-child(4)::before{ animation-delay:4.8s; background-image:linear-gradient(90deg,transparent,rgba(200,140,90,.14),rgba(220,160,110,.18),transparent); }@keyframes snsfxScanMove{
    0%{ left:-60% }
    50%{ left:100% }
    100%{ left:100% }
  }.leg .snsfx-hero{
    background:linear-gradient(145deg,rgba(80,64,18,.92),rgba(50,40,10,.88) 60%,rgba(30,24,8,.85));
    border-radius:18px;
    border:1px solid rgba(217,119,87,.32);
  }.leg .snsfx-hero::after{
    content:"";
    position:absolute; right:-30px; top:-30px;
    width:140px; height:140px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,108,73,.35),transparent 70%);
    filter:blur(10px);
    pointer-events:none;
    z-index:1;
  }.leg .snsfx-item{
    background:rgba(18,20,28,.92);
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    cursor:default;
    transition:border-color .4s, transform .4s, background .4s;
  }.leg .snsfx-item:nth-child(5){
    background:linear-gradient(145deg,rgba(28,38,58,.92),rgba(16,22,36,.9));
    border-color:rgba(100,140,200,.22);
  }.leg .snsfx-item:nth-child(6){
    background:linear-gradient(145deg,rgba(32,32,38,.92),rgba(18,18,22,.9));
    border-color:rgba(255,255,255,.1);
  }.leg .snsfx-item:nth-child(7){
    background:linear-gradient(145deg,rgba(58,38,28,.92),rgba(34,22,16,.9));
    border-color:rgba(180,120,80,.25);
  }.leg .snsfx-item::after{
    content:"";
    position:absolute;
    width:160px; height:160px;
    left:var(--snsfx-mx,50%); top:var(--snsfx-my,50%);
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(217,119,87,.32),transparent 70%);
    opacity:0;
    transition:opacity .4s;
    pointer-events:none;
    z-index:0;
  }.leg .snsfx-item:hover::after{ opacity:1 }.leg .snsfx-item:hover{
    border-color:rgba(217,119,87,.42);
    transform:translateY(-3px);
    background:rgba(255,255,255,.04);
  }.leg .snsfx-num-row{
    display:flex; align-items:baseline; gap:8px;
    position:relative; z-index:1;
  }.leg .snsfx-num{
    font-family:"Syne",sans-serif;
    font-weight:800;
    font-size:30px;
    line-height:1;
    font-variant-numeric:tabular-nums;
    background:linear-gradient(135deg,#ffa795,#ff6846 45%,#a84c30 75%,#D97757);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }.leg .snsfx-hero .snsfx-num{
    font-size:44px;
  }.leg .snsfx-dot{
    width:6px; height:6px;
    border-radius:50%;
    background:#D97757;
    box-shadow:0 0 8px #D97757;
    animation:snsfxDotPulse 2s ease-in-out infinite;
  }@keyframes snsfxDotPulse{
    0%,100%{ opacity:.4; transform:scale(.8) }
    50%{ opacity:1; transform:scale(1.1) }
  }.leg .snsfx-label{
    position:relative; z-index:1;
    font-family:"Space Mono",monospace;
    font-size:10px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--text2,rgba(255,255,255,.55));
    margin-top:8px;
  }.leg .snsfx-hero .snsfx-label{ font-size:11px; color:#f8bba5; }@media (max-width:700px){.leg .snsfx-wrap{ grid-template-columns:repeat(2,1fr) }.leg .snsfx-num{ font-size:24px }.leg .snsfx-hero .snsfx-num{ font-size:28px }}@keyframes pulse-dark {
        0%   { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
        15%  { transform: scale(1.09); filter: drop-shadow(0 0 6px rgba(124,77,255,0.9)); }
        30%  { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
        100% { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
      }@keyframes pulse-light {
        0%   { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
        15%  { transform: scale(1.09); filter: drop-shadow(0 0 5px rgba(106,60,224,0.6)); }
        30%  { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
        100% { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
      }.leg .cs-intro{ padding: 0 5% 36px; position: relative; z-index: 2; }.leg .cs-intro-grid{ max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.leg .cs-intro-card{ background: rgba(217,119,87,.07); border: 1px solid rgba(217,119,87,.28); border-radius: 14px; padding: 26px 26px 24px; }.leg .cs-intro-card h2{ font-family: "Syne", sans-serif; font-size: clamp(18px, 2.4vw, 22px); font-weight: 800; line-height: 1.2; margin: 0 0 12px; color: var(--text); }.leg .cs-intro-card p{ font-size: 15px; font-weight: 300; line-height: 1.75; color: var(--text2); margin: 0; }.leg .cs-intro-pills{ max-width: 1100px; margin: 18px auto 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }.leg .cs-intro-pill{ font-family: "DM Sans", sans-serif; font-size: 13px; background: rgba(217,119,87,.08); border: 1px solid rgba(217,119,87,.4); border-radius: 100px; padding: 6px 16px; color: var(--text2); }@media (max-width: 700px){.leg .cs-intro-grid{ grid-template-columns: 1fr; }}.leg .sf-hero-inline{
    padding: 48px 5% 40px; position: relative; overflow: hidden; z-index: 2; text-align: center;
  }.leg .sf-badge-inline{
    display:inline-flex;align-items:center;gap:8px;
    font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
    border-radius:100px;padding:6px 16px;color:var(--text2);margin-bottom:20px;
  }.leg .sf-badge-inline::before{content:"●";font-size:8px;animation:blink 2s infinite;}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.leg .sf-hero-inline h2{
    font-family:"Syne",sans-serif;font-size:clamp(26px,4.5vw,46px);
    font-weight:800;line-height:1.1;margin-bottom:14px;
  }.leg .sf-hero-inline p{
    font-size:16px;color:var(--text2);max-width:520px;
    margin:0 auto 30px;line-height:1.75;font-weight:300;
  }.leg .sf-search-wrap-inline{
    max-width:680px;margin:0 auto 14px;position:relative;
  }.leg .sf-search-input-inline{
    width:100%;background:rgba(217,119,87,.08);
    border:1.5px solid rgba(217,119,87,.4);border-radius:14px;
    padding:18px 60px 18px 52px;color:var(--text);
    font-family:"DM Sans",sans-serif;font-size:16px;outline:none;
    transition:all .25s;box-sizing:border-box;
  }.leg .sf-search-input-inline:focus{border-color:#D97757;background:rgba(217,119,87,.12);box-shadow:0 0 0 3px rgba(217,119,87,.12);}.leg .sf-search-input-inline::placeholder{color:var(--text3);}.leg .sf-search-icon-inline{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;}.leg .sf-search-clear-inline{
    position:absolute;right:16px;top:50%;transform:translateY(-50%);
    background:none;border:none;color:var(--text3);cursor:pointer;
    font-size:18px;padding:4px;display:none;
  }.leg .sf-search-clear-inline.visible{display:block;}.leg .sf-hint-inline{font-family:"Space Mono",monospace;font-size:10px;color:var(--text3);letter-spacing:.06em;max-width:680px;margin:0 auto 28px;}.leg .sf-examples-inline{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:0;}.leg .sf-example-inline{
    font-family:"DM Sans",sans-serif;font-size:13px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
    border-radius:100px;padding:6px 16px;color:var(--text2);cursor:pointer;
    transition:all .2s;
  }.leg .sf-example-inline:hover{border-color:rgba(217,119,87,.5);color:#f3987d;background:rgba(217,119,87,.08);}.leg .sf-wrap-inline{max-width:1100px;margin:0 auto;padding:24px 5% 0;}.leg .sf-results-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;}.leg .sf-results-count-inline{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}.leg .sf-results-count-inline span{color:#D97757;font-weight:700;}.leg .sf-cats-inline{display:flex;flex-wrap:wrap;gap:8px;}.leg .sf-cat-inline{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:6px;border:1px solid rgba(217,119,87,.2);background:transparent;color:var(--text3);cursor:pointer;transition:all .2s;}.leg .sf-cat-inline:hover,.leg .sf-cat-inline.active{border-color:rgba(217,119,87,.5);background:rgba(217,119,87,.12);color:var(--text);}.leg .sf-grid-inline{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:20px;}.leg .sf-empty-inline{text-align:center;padding:48px 20px;color:var(--text3);grid-column:1/-1;}.leg .sf-empty-inline .empty-icon{font-size:40px;display:block;margin-bottom:12px;}.leg .sf-empty-inline p{font-size:14px;line-height:1.6;}.leg .sfi-card{background:linear-gradient(135deg,rgba(217,119,87,.1) 0%,rgba(15,15,28,.85) 50%,rgba(124,92,255,.05) 100%);border:1px solid rgba(217,119,87,.28);border-radius:14px;padding:20px;cursor:pointer;transition:all .2s;text-decoration:none;display:block;animation:fadeInSF .3s ease;}@keyframes fadeInSF{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leg .sfi-card:hover{border-color:rgba(217,119,87,.55);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.35);}.leg .sfi-card.highlight{border-color:rgba(217,119,87,.6);background:linear-gradient(135deg,rgba(217,119,87,.18) 0%,rgba(15,15,28,.9) 50%,rgba(124,92,255,.08) 100%);}.leg .sfi-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}.leg .sfi-name{font-family:"Syne",sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.3;}.leg .sfi-cat{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-top:3px;}.leg .sfi-badges{display:flex;gap:6px;flex-wrap:wrap;}.leg .sfi-badge{font-family:"Space Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;}.leg .sfi-badge-easy{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#4ade80;}.leg .sfi-badge-mid{background:rgba(255,108,73,.1);border:1px solid rgba(255,108,73,.3);color:#ff6c49;}.leg .sfi-badge-hard{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;}.leg .sfi-badge-special{background:rgba(217,119,87,.15);border:1px solid rgba(217,119,87,.4);color:#D97757;}.leg .sfi-match{margin-top:10px;font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.06em;color:var(--accent2);}.leg .sfi-score{height:2px;background:rgba(217,119,87,.12);border-radius:2px;margin-top:10px;overflow:hidden;}.leg .sfi-score-fill{height:100%;background:linear-gradient(90deg,#D97757,#ff6c49);border-radius:2px;transition:width .4s;}.leg .sf-detail-inline{display:none;position:fixed;inset:0;z-index:1000;background:rgba(5,5,8,.85);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:20px;}.leg .sf-detail-inline.open{display:flex;}.leg .sf-detail-box-inline{background:linear-gradient(135deg,rgba(217,119,87,.15) 0%,rgba(15,15,28,.95) 60%,rgba(124,92,255,.06) 100%);border:1px solid rgba(217,119,87,.4);border-radius:20px;padding:36px;max-width:520px;width:100%;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.6);animation:popInSF .3s ease;}@keyframes popInSF{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.leg .sf-detail-close-inline{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text3);cursor:pointer;font-size:20px;padding:4px 8px;border-radius:6px;transition:all .2s;}.leg .sf-detail-close-inline:hover{background:rgba(255,255,255,.08);color:var(--text);}.leg .sf-detail-btn-inline{display:block;width:100%;text-align:center;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#D97757,#ff6c49);border:none;border-radius:10px;padding:15px;color:#1a1000;cursor:pointer;text-decoration:none;transition:all .2s;margin-top:4px;font-weight:700;}.leg .sf-detail-btn-inline:hover{box-shadow:0 8px 24px rgba(217,119,87,.45);transform:translateY(-1px);}@media (max-width:600px){.leg .sf-grid-inline{grid-template-columns:1fr;}}@media (max-width:1100px){.leg #dbGrid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:700px){.leg #dbGrid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:420px){.leg #dbGrid{grid-template-columns:1fr!important}}.leg .sm-header{padding:24px 28px 20px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.leg .sm-close{background:none;border:none;color:rgba(0,229,255,.6);font-size:20px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0;transition:color .2s}.leg .sm-close:hover{color:#f0eeff}.leg .sm-body{padding:24px 28px}.leg .sm-steps{display:flex;flex-direction:column;gap:12px;margin:20px 0}.leg .sm-step{display:flex;gap:14px;align-items:flex-start}.leg .sm-step-num{width:28px;height:28px;border-radius:50%;background:rgba(124,92,255,.15);border:1px solid rgba(124,92,255,.3);display:flex;align-items:center;justify-content:center;font-family:"Space Mono",monospace;font-size:11px;color:#7c5cff;flex-shrink:0;margin-top:1px}.leg .sm-step-text{font-size:14px;color:#c8c4e0;line-height:1.6}.leg .sm-step-text strong{color:#f0eeff}.leg .sm-instruction{background:#080810;border:1px solid rgba(124,92,255,.2);border-radius:10px;padding:18px;margin:20px 0;font-family:"Space Mono",monospace;font-size:11px;color:#d8d4f0;line-height:1.8;white-space:pre-wrap;max-height:200px;overflow-y:auto}.leg .sm-instruction::-webkit-scrollbar{width:4px}.leg .sm-instruction::-webkit-scrollbar-thumb{background:rgba(124,92,255,.4);border-radius:2px}.leg .sm-copy-btn{width:100%;padding:13px;background:#7c5cff;border:none;border-radius:8px;color:#fff;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-bottom:20px}.leg .sm-copy-btn:hover{background:#9575ff;transform:translateY(-1px)}.leg .sm-example{background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.15);border-radius:8px;padding:16px;margin-bottom:20px}.leg .sm-example h4{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#00e5ff;margin-bottom:10px}.leg .sm-example p{font-size:13px;color:#d8d4f0;line-height:1.65;font-style:italic}.leg .sm-tip{background:rgba(255,108,73,.05);border:1px solid rgba(255,108,73,.15);border-radius:8px;padding:14px;display:flex;gap:10px;align-items:flex-start}.leg .sm-tip span{font-size:16px;flex-shrink:0}.leg .sm-tip p{font-size:13px;color:#d8d4f0;line-height:1.6;margin:0}@media (max-width:600px){.leg #skill-modal{max-width:calc(100vw - 24px);margin:0 12px}.leg .sm-body,.leg .sm-header{padding:18px 20px}}@keyframes pulse-dark2 {
        0%   { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
        15%  { transform: scale(1.09); filter: drop-shadow(0 0 6px rgba(124,77,255,0.9)); }
        30%  { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
        100% { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(124,77,255,0)); }
      }@keyframes pulse-light2 {
        0%   { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
        15%  { transform: scale(1.09); filter: drop-shadow(0 0 5px rgba(106,60,224,0.6)); }
        30%  { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
        100% { transform: scale(1);    filter: drop-shadow(0 0 0px rgba(106,60,224,0)); }
      }@keyframes modalIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.leg .sdb-hint{ font-size: 12px; font-style: italic; margin: 2px 0; }.leg .sdb-feat{ list-style: none; display: flex; flex-direction: column; gap: 5px; margin: 2px 0; padding: 0; }.leg .sdb-feat li{ font-size: 12px; padding-left: 14px; position: relative; }.leg .sdb-feat li::before{ content: "›"; position: absolute; left: 0; font-weight: 700; }@keyframes bsStarDriftSlow { from { background-position: 0 0; } to { background-position: -380px 330px; } }@keyframes bsStarDriftMed { from { background-position: 0 0; } to { background-position: -460px 400px; } }@keyframes bsStarDriftFast { from { background-position: 0 0; } to { background-position: -620px 460px; } }@keyframes bsTwinkle { 0%,100% { opacity: 1; } 50% { opacity: .6; } }@keyframes bsOrb1 {
  0%,100% { transform: translate(0,0) scale(1); }
  33%      { transform: translate(-40px,60px) scale(1.1); }
  66%      { transform: translate(30px,-30px) scale(.92); }
}@keyframes bsOrb2 {
  0%,100% { transform: translate(0,0) scale(1); }
  40%     { transform: translate(60px,-50px) scale(1.08); }
  70%     { transform: translate(-20px,40px) scale(.95); }
}@keyframes bsOrb3 {
  0%,100% { transform: translate(0,0) scale(1); }
  50%     { transform: translate(-50px,-60px) scale(1.15); }
}.leg .ticker{
  background: linear-gradient(to bottom, #D97757, #0d1018) !important;
}.leg .ticker-item{ color: rgba(247,233,142,.9) !important; }@keyframes bsFlowGrad { 0% { background-position: 0% center; } 100% { background-position: 300% center; } }.leg .section-tag{ color: #D97757 !important; }.leg .section-tag::before{ background: #D97757 !important; }.leg .fb-trigger{
  background: linear-gradient(135deg, #D97757, #ff6c49) !important;
  box-shadow: 0 8px 32px rgba(217,119,87,0.4), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}.leg .fb-trigger:hover{
  box-shadow: 0 12px 40px rgba(217,119,87,0.6) !important;
}@keyframes cookieIn {
  from { transform:translateY(100%); opacity:0; }
  to { transform:translateY(0); opacity:1; }
}