:root {
      color-scheme: dark;
      --bg: #08130f; --bg2:#0b1913; --surface:#102119; --surface2:#152a21;
      --border: rgba(174,225,194,.13); --border-strong:rgba(174,225,194,.22);
      --text:#f0f8ee; --muted:#92a99b; --muted2:#668777;
      --mint:#87f5a8; --emerald:#4cdd87; --gold:#f5c778; --purple:#b3a3ff;
      --shadow:0 22px 65px rgba(0,0,0,.28);
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);min-height:100vh}
    body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
      radial-gradient(ellipse 56% 29% at 84% 6%,rgba(57,155,97,.14),transparent 75%),
      radial-gradient(ellipse 44% 34% at 3% 52%,rgba(50,125,88,.08),transparent 80%),
      linear-gradient(rgba(148,203,163,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(148,203,163,.018) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    button:disabled{cursor:not-allowed;opacity:.5}
    button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
    a{color:inherit}
    svg{display:block}
    .shell{width:min(1320px,calc(100% - 64px));margin:0 auto}
    .topbar{height:86px;position:sticky;top:0;z-index:40;background:rgba(7,20,14,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(157,208,165,.1)}
    .topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}
    .brand-mark{height:41px;width:41px;display:grid;place-items:center;background:linear-gradient(140deg,#183d2b,#0c2119);border:1px solid rgba(135,245,168,.23);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
    .brand-text{font-weight:850;font-size:18px;letter-spacing:-.6px;line-height:1.08}
    .brand-text small{display:block;font-size:9px;letter-spacing:2.9px;color:var(--mint);font-weight:850;margin-top:6px}
    .topnav{display:flex;align-items:center;gap:7px;padding:5px;background:rgba(13,36,24,.8);border:1px solid var(--border);border-radius:12px}
    .topnav a{font-size:12px;font-weight:750;text-decoration:none;color:var(--muted);padding:9px 15px;border-radius:8px;white-space:nowrap;transition:.2s}
    .topnav a.active,.topnav a:hover{color:#effff0;background:#1d392a}
    .header-actions{display:flex;gap:10px;align-items:center}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid var(--border-strong);padding:11px 15px;font-weight:750;font-size:12px;color:var(--text);background:rgba(255,255,255,.025);white-space:nowrap;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
    .btn:hover{background:#1d3328;border-color:rgba(163,231,175,.42);transform:translateY(-1px)}
    .btn svg,.icon-btn svg{height:16px;width:16px}
    .btn-primary{color:#092016;background:linear-gradient(135deg,#a5f7b0,#62db8c);border:1px solid #99f6b1;box-shadow:0 6px 22px rgba(80,220,128,.16)}
    .btn-primary:hover{background:linear-gradient(135deg,#c3ffd0,#75e49b);box-shadow:0 9px 26px rgba(80,220,128,.24)}
    .btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}
    .btn-quiet:hover{color:var(--text)}
    .mobile-label{display:inline}
    .main{padding:34px 0 42px}
    .hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;min-height:365px;border-radius:23px;background:linear-gradient(120deg,#153324 0%,#153827 48%,#1c432f 100%);border:1px solid rgba(143,235,160,.2);box-shadow:var(--shadow)}
    .hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 55%,rgba(115,239,151,.21),transparent 41%),linear-gradient(120deg,transparent 52%,rgba(179,242,168,.05) 52% 52.3%,transparent 52.3%);pointer-events:none}
    .hero:after{content:"";position:absolute;width:160px;height:160px;right:-83px;top:-90px;border:28px solid rgba(165,241,177,.035);transform:rotate(23deg)}
    .hero-copy{padding:52px 0 50px 56px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#bcf8c7;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:850}
    .eyebrow .live{width:7px;height:7px;border-radius:2px;background:#81f9a8;box-shadow:0 0 12px rgba(129,249,168,.75)}
    .hero h1{max-width:590px;font-size:clamp(35px,4.25vw,62px);letter-spacing:-2.9px;line-height:1.04;margin:20px 0 18px;font-weight:860}
    .hero h1 span{color:#abf7b7}
    .hero p{max-width:475px;color:#b2cbb8;font-size:14px;line-height:1.85;margin:0}
    .hero-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:29px}
    .hero-links .btn{font-size:13px;padding:13px 18px}
    .hero-links .link{font-size:12px;font-weight:750;color:#c1e8c9;text-decoration:none;border-bottom:1px solid rgba(190,244,194,.45);padding-bottom:2px}
    .hero-visual{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}
    .hero-visual svg{width:100%;height:auto;max-width:560px;filter:drop-shadow(0 22px 25px rgba(0,0,0,.18))}
    .scene-label{position:absolute;right:26px;bottom:21px;border:1px solid rgba(187,245,191,.2);background:rgba(7,25,15,.5);border-radius:8px;padding:6px 10px;font-size:10px;letter-spacing:.7px;color:#b7eec6;backdrop-filter:blur(10px)}
    .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}
    .stat{padding:19px 22px;min-height:103px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(140deg,rgba(26,52,37,.9),rgba(14,30,23,.9));display:flex;justify-content:space-between;gap:12px;align-items:center}
    .stat-title{font-size:11px;font-weight:650;color:var(--muted);margin:0 0 5px}
    .stat-value{font-size:29px;line-height:1.1;font-weight:850;letter-spacing:-1.15px;font-variant-numeric:tabular-nums}
    .stat-unit{font-size:11px;color:var(--muted);font-weight:550;margin-left:4px;letter-spacing:0}
    .stat-icon{width:39px;height:39px;border-radius:12px;background:rgba(133,237,151,.08);color:#93e6aa;display:grid;place-items:center;flex:none}
    .stat-icon.purple{color:#c3b5ff;background:rgba(184,167,255,.08)}
    .stat-icon.gold{color:#f2ca8a;background:rgba(245,199,120,.075)}
    .stat-icon svg{height:20px;width:20px}
    .section{padding-top:61px;scroll-margin-top:100px}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
    .section-kicker{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:10px;letter-spacing:2.1px;text-transform:uppercase;font-weight:850;margin-bottom:9px}
    .section-kicker:before{content:"";width:19px;height:2px;background:var(--mint)}
    .section h2{font-size:clamp(25px,3vw,35px);line-height:1.15;letter-spacing:-1.1px;font-weight:850;margin:0 0 9px}
    .section-desc{font-size:13px;color:var(--muted);margin:0}
    .count-chip{display:inline-flex;align-items:center;gap:7px;border-radius:30px;border:1px solid var(--border);background:#13271e;color:#b7dac2;padding:7px 12px;font-size:11px;font-weight:800;white-space:nowrap}
    .count-dot{width:7px;height:7px;border-radius:2px;background:var(--emerald)}
    .toolbar{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:16px}
    .search-wrap{flex:1 1 325px;display:flex;align-items:center;gap:12px;height:49px;padding:0 15px;color:#90ae9a;border:1px solid var(--border-strong);background:#10241b;border-radius:11px;transition:border-color .2s}
    .search-wrap:focus-within{border-color:rgba(135,245,168,.65)}
    .search-wrap svg{width:18px;height:18px;flex:none}
    .search-wrap input{border:0;background:transparent;color:var(--text);outline:none;width:100%;min-width:0;font-size:13px}
    .search-wrap input::placeholder{color:#6c8d7b}
    .select-wrap{position:relative;display:flex;align-items:center;gap:8px;padding:0 13px;background:#10241b;border:1px solid var(--border-strong);border-radius:11px;color:#a1bca9;min-height:49px}
    .select-wrap svg{width:16px;height:16px;flex:none}
    .select-wrap select{appearance:none;background:transparent;border:0;outline:none;color:var(--text);font-size:12px;font-weight:680;min-width:155px;padding:8px 22px 8px 0;cursor:pointer}
    select option{background:#132c21;color:var(--text)}
    .select-wrap:after{content:"";position:absolute;right:15px;top:20px;width:7px;height:7px;border-right:2px solid #b0c8b4;border-bottom:2px solid #b0c8b4;transform:rotate(45deg);pointer-events:none}
    .filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:space-between;padding-bottom:22px}
    .chips{display:flex;flex-wrap:wrap;gap:7px}
    .chip{border:1px solid var(--border);background:rgba(16,35,25,.8);color:#9fb8a7;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:750;transition:.18s}
    .chip:hover{color:#edffef;border-color:rgba(117,228,148,.45)}
    .chip.active{background:rgba(97,221,133,.16);border-color:rgba(105,234,143,.45);color:#abf7ba}
    .favorites-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;padding:8px 12px;background:rgba(16,35,25,.8);color:#b5cbbc;font-size:11px;font-weight:750;white-space:nowrap}
    .favorites-filter.active{border-color:rgba(241,198,110,.48);color:#f7d88c;background:rgba(243,191,102,.08)}
    .favorites-filter svg{height:15px;width:15px}
    .results-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#85a394;font-size:11px}
    .results-line span strong{color:#caebce}
    .results-line .hint{font-size:10px;color:#658575}
    .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
    .trade-card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(146deg,#13291f 0%,#0e2018 100%);border:1px solid rgba(151,209,173,.14);border-radius:17px;padding:19px;transition:transform .22s,border-color .22s,box-shadow .22s;min-width:0}
    .trade-card:hover{transform:translateY(-3px);border-color:rgba(142,227,165,.39);box-shadow:0 24px 45px rgba(0,0,0,.18)}
    .card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .type-label{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:6px;border:1px solid rgba(159,226,182,.15);color:#b6d7bf;background:rgba(108,169,122,.07);font-size:10px;font-weight:750}
    .type-label .type-dot{width:6px;height:6px;border-radius:2px;background:#8ad8a0}
    .icon-btn{width:32px;height:32px;padding:0;display:grid;place-items:center;color:#88a694;background:transparent;border:1px solid transparent;border-radius:8px;transition:.2s}
    .icon-btn:hover{color:#e3ffee;background:rgba(167,236,179,.09);border-color:var(--border)}
    .icon-btn.favorited{color:#f1cb77}
    .book-display{height:118px;position:relative;margin:11px 0 12px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(ellipse at 50% 65%,rgba(147,109,231,.12),transparent 60%)}
    .book-display:after{content:"";height:17px;width:102px;background:rgba(6,13,12,.56);filter:blur(13px);border-radius:50%;position:absolute;bottom:7px}
    .book-display svg{height:107px;width:128px;position:relative;z-index:2;filter:drop-shadow(0 10px 10px rgba(1,0,0,.25));transition:transform .25s}
    .trade-card:hover .book-display svg{transform:translateY(-5px) rotate(-3deg)}
    .book-display .sparkle{position:absolute;color:#b8a1ff;font-size:13px;line-height:1;z-index:4}
    .sparkle.s1{top:19px;left:calc(50% - 73px)}.sparkle.s2{right:calc(50% - 78px);bottom:23px;font-size:17px}
    .trade-title{font-size:20px;letter-spacing:-.5px;line-height:1.25;font-weight:850;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .trade-subtitle{font-size:11px;color:#839d8e;margin:5px 0 17px;display:flex;gap:8px;align-items:center;min-height:18px}
    .trade-subtitle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .trade-subtitle .dot-sep{height:3px;width:3px;border-radius:50%;background:#547261;flex:none}
    .price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 12px;border-top:1px solid var(--border)}
    .price-value{display:flex;align-items:center;gap:11px}
    .price-value .emerald-icon{width:29px;height:36px;filter:drop-shadow(0 0 9px rgba(50,246,118,.15))}
    .price-num{font-size:35px;line-height:1;font-weight:850;letter-spacing:-1.25px;font-variant-numeric:tabular-nums}
    .price-unit{font-size:11px;line-height:1.3;color:#9ab7a3;font-weight:600}
    .price-unit span{display:block;color:#678774;font-size:10px;margin-top:3px;font-weight:500}
    .price-meter{height:3px;width:100%;background:#223d2d;border-radius:4px;overflow:hidden;margin-top:2px}
    .price-meter >span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6bef95,#d8cc7b);border-radius:4px}
    .card-footer{display:flex;gap:9px;justify-content:space-between;align-items:center;margin-top:16px}
    .book-cost{font-size:10px;color:#7c9887;display:flex;align-items:center;gap:7px}
    .book-cost svg{width:15px;height:15px;color:#d3ae7b}
    .card-detail{background:transparent;border:0;color:#a9edb9;font-size:11px;font-weight:800;display:inline-flex;gap:5px;align-items:center;white-space:nowrap;padding:6px 0}
    .card-detail svg{width:14px;height:14px;transition:transform .18s}
    .card-detail:hover svg{transform:translateX(3px)}
    .empty{display:none;text-align:center;border:1px dashed rgba(158,214,168,.24);padding:60px 24px;border-radius:17px;background:rgba(17,37,26,.5)}
    .empty.show{display:block}
    .empty-icon{width:65px;height:65px;background:#173524;border-radius:16px;display:grid;place-items:center;margin:0 auto 16px;color:var(--mint)}
    .empty-icon svg{width:32px;height:32px}
    .empty h3{font-size:21px;margin:0 0 5px}
    .empty p{font-size:13px;color:var(--muted);margin:0 0 19px}
    .lower-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:26px}
    .info-panel{border:1px solid var(--border);background:linear-gradient(120deg,#142c20,#10231a);border-radius:15px;padding:20px 22px;display:flex;gap:15px;align-items:center}
    .info-panel .panel-icon{flex:none;display:grid;place-items:center;height:42px;width:42px;border-radius:11px;background:rgba(132,228,161,.11);color:#97e9af}
    .info-panel .panel-icon svg{height:20px;width:20px}
    .info-panel h3{margin:0 0 4px;font-size:12px;font-weight:850;color:#e4f8e5}
    .info-panel p{margin:0;color:#87a393;font-size:11px;line-height:1.65}
    .info-panel button{flex:none;margin-left:auto;border:0;background:transparent;color:#a5e6b2;font-weight:800;font-size:11px;text-align:right}
    .footer{border-top:1px solid rgba(153,214,164,.1);padding:25px 0 36px;color:#648373;font-size:11px}
    .footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .footer strong{color:#96bfa0}
    .footer button{border:0;background:transparent;color:#86b898;padding:3px 0;font-size:11px;text-decoration:underline;text-decoration-color:#426b50;text-underline-offset:3px}
    .overlay{position:fixed;inset:0;background:rgba(0,8,4,.76);backdrop-filter:blur(9px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
    .overlay.open{display:flex}
    .modal{width:min(585px,100%);background:#11271d;border:1px solid rgba(159,239,179,.25);box-shadow:0 40px 120px rgba(0,0,0,.65);border-radius:20px;position:relative;max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#366044 transparent}
    .modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 16px;gap:12px}
    .modal-kicker{font-size:10px;letter-spacing:1.7px;font-weight:900;text-transform:uppercase;color:#91eda5;margin:0 0 7px}
    .modal h2{font-size:25px;font-weight:850;letter-spacing:-.7px;margin:0;line-height:1.25}
    .modal-close{flex:none;width:34px;height:34px;background:#1d3829;border:1px solid var(--border-strong);border-radius:9px;display:grid;place-items:center;color:#b6cbb7}
    .modal-close svg{width:17px;height:17px}
    .modal-body{padding:0 28px 28px}
    .detail-hero{display:flex;align-items:center;gap:15px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(100deg,#153b27,#182b23);padding:13px 18px;margin-bottom:20px}
    .detail-book svg{width:94px;height:87px}
    .detail-hero .price-num{font-size:42px}
    .detail-hero p{color:#9fbaa6;font-size:11px;margin:8px 0 0}
    .detail-table{display:grid;gap:0;margin:0 0 19px}
    .detail-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:11px 0;font-size:12px}
    .detail-row span:first-child{color:var(--muted)}
    .detail-row span:last-child{font-weight:750;text-align:right}
    .screenshot-label{font-size:10px;color:#91eda5;text-transform:uppercase;letter-spacing:1.4px;font-weight:850;margin:19px 0 10px}
    .proof-img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;background:#0b170f;border:1px solid rgba(170,215,175,.2);border-radius:10px}
    .proof-fallback{padding:20px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--muted);font-size:12px}
    .modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
    .modal-actions .push{margin-left:auto}
    .danger-btn{color:#f7a6a6;border-color:rgba(236,114,114,.22)}
    .danger-btn:hover{background:#3e2525;border-color:#aa5555}
    form{margin:0}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:8px 0 14px}
    .field{display:flex;flex-direction:column;gap:6px;min-width:0}
    .field.full{grid-column:1/-1}
    .field label{color:#a6c7b0;font-size:11px;font-weight:760}
    .field input,.field textarea,.field select{border:1px solid var(--border-strong);border-radius:9px;background:#0c1c14;color:var(--text);padding:11px 12px;width:100%;font-size:13px;outline:none}
    .field :is(input,textarea,select):focus{border-color:#78d99c}
    .field textarea{resize:vertical;min-height:82px}
    .field small{font-size:10px;color:#718e7a}
    .file-input{font-size:11px!important;padding:11px!important;cursor:pointer}
    .form-help{background:rgba(129,221,153,.07);color:#8ebba1;border:1px solid rgba(139,221,153,.13);padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.65;margin:0 0 10px}
    .toast{position:fixed;right:24px;bottom:24px;z-index:200;padding:12px 18px;box-shadow:0 15px 50px rgba(0,0,0,.35);border-radius:10px;border:1px solid rgba(141,231,163,.25);background:#1d3829;color:#dbf8df;font-weight:750;font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;max-width:min(380px,calc(100vw - 32px))}
    .toast.show{opacity:1;transform:translateY(0)}
    .sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    @media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:43px 0 43px 36px}.hero h1{font-size:clamp(35px,4.4vw,52px)}.stat{padding:16px}.stat-value{font-size:26px}}
    @media(max-width:790px){.shell{width:min(100% - 36px,1320px)}.topbar{height:72px}.topnav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 32px 0}.hero h1{font-size:clamp(37px,7.8vw,56px)}.hero-visual{height:240px}.hero-visual svg{max-width:440px}.scene-label{bottom:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-panel{grid-template-columns:1fr}.section{padding-top:45px}}
    @media(max-width:580px){.shell{width:calc(100% - 28px)}.brand-text{font-size:15px}.brand-text small{font-size:8px}.brand-mark{width:37px;height:37px}.header-actions{gap:5px}.header-actions .btn{padding:9px}.header-actions .btn .mobile-label{display:none}.header-actions .btn-primary{padding:10px 12px}.header-actions .btn-primary .mobile-label{display:inline}.main{padding-top:18px}.hero{border-radius:16px}.hero-copy{padding:32px 22px 0}.hero h1{font-size:37px;letter-spacing:-1.9px;margin:16px 0 13px}.hero p{font-size:12px}.hero-links{margin-top:22px;gap:13px}.hero-visual{height:204px}.stat-grid{gap:9px;margin-top:10px}.stat{min-height:88px;padding:13px 14px;border-radius:12px}.stat-value{font-size:24px}.stat-title{font-size:10px}.stat-icon{width:32px;height:32px}.stat-icon svg{height:17px;width:17px}.cards{grid-template-columns:1fr;gap:12px}.trade-card{padding:17px}.section-head{align-items:start}.section h2{font-size:28px}.toolbar{gap:9px}.search-wrap{flex-basis:100%}.select-wrap{flex:1}.select-wrap select{width:100%}.results-line .hint{display:none}.info-panel{padding:15px;gap:10px}.info-panel .panel-icon{width:33px;height:33px}.info-panel button{max-width:90px}.modal-head{padding:21px 20px 12px}.modal-body{padding:0 20px 22px}.form-grid{gap:12px}.overlay{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal h2{font-size:23px}.modal-actions .push{margin-left:0}.footer .shell{gap:8px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

    /* Community-Link und Credits */
    .community-section{display:grid;gap:14px;margin:8px auto 38px}
    .twitch-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 26px;border:1px solid rgba(195,150,255,.25);border-radius:18px;background:linear-gradient(110deg,rgba(67,35,93,.57),rgba(20,32,28,.94) 68%);box-shadow:0 13px 36px rgba(0,0,0,.14)}
    .twitch-intro{display:flex;align-items:center;gap:17px;min-width:0}
    .twitch-icon{display:grid;place-items:center;flex:none;height:52px;width:52px;border-radius:15px;color:#fff;background:linear-gradient(140deg,#a66bff,#7138bf);box-shadow:0 8px 21px rgba(115,64,183,.25)}
    .twitch-icon svg{height:27px;width:27px}
    /* Echtes Twitch-Profilbild; das Symbol darunter bleibt als Offline-/Fehler-Fallback. */
    .twitch-avatar{display:grid;place-items:center;position:relative;overflow:hidden;flex:none;height:82px;width:82px;border-radius:22px;border:2px solid #ad81ec;background:linear-gradient(140deg,#a66bff,#7138bf);box-shadow:0 8px 23px rgba(115,64,183,.32);color:#fff;text-decoration:none}
    .twitch-avatar svg{height:34px;width:34px}
    .twitch-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#241936}
    .twitch-avatar:focus-visible{outline:2px solid #d9baff;outline-offset:4px}
    @media(max-width:520px){.twitch-avatar{width:66px;height:66px;border-radius:18px}.twitch-avatar svg{width:28px;height:28px}}

    .twitch-label{margin:0 0 3px;color:#c9a9fa;font-size:10px;font-weight:850;letter-spacing:1.75px;text-transform:uppercase}
    .twitch-panel h2{margin:0;color:#f5f1ff;font-size:19px;line-height:1.3;letter-spacing:-.35px}
    .twitch-panel p.twitch-sub{margin:4px 0 0;color:#b5a8c5;font-size:12px}
    .twitch-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:43px;padding:11px 17px;border:1px solid #b48bfd;border-radius:10px;background:#9254e7;color:#fff;font-size:12px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s}
    .twitch-link:hover{background:#aa76f0;transform:translateY(-1px)}
    .twitch-link:focus-visible{outline:2px solid #d9baff;outline-offset:3px}
    .twitch-link svg{width:15px;height:15px}
    .footer-credit{padding-top:19px;margin-top:20px;border-top:1px solid rgba(153,214,164,.09);text-align:center;color:#a5c3ad;font-size:11px;letter-spacing:.2px}
    .footer-credit strong{color:var(--mint);font-weight:800}
    @media(max-width:580px){.community-section{margin-bottom:26px}.twitch-panel{align-items:stretch;flex-direction:column;gap:18px;padding:19px}.twitch-icon{height:47px;width:47px}.twitch-panel h2{font-size:17px}.twitch-link{width:100%}}
  
    /* Discord-Einladung unterhalb des Twitch-Bereichs */
    .discord-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 26px;border:1px solid rgba(144,156,255,.28);border-radius:18px;background:linear-gradient(110deg,rgba(61,71,153,.40),rgba(17,32,36,.94) 75%);box-shadow:0 13px 36px rgba(0,0,0,.14)}
    .discord-intro{display:flex;align-items:center;gap:17px;min-width:0}
    .discord-icon{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#707bff,#4855d5);color:white;box-shadow:0 8px 22px rgba(88,101,242,.22)}
    .discord-icon svg{width:36px;height:36px}
    .discord-label{margin:0 0 3px;color:#b9c2ff;font-size:10px;font-weight:850;letter-spacing:1.75px;text-transform:uppercase}
    .discord-panel h2{margin:0;color:#f1f2ff;font-size:19px;line-height:1.3;letter-spacing:-.35px}
    .discord-panel p{margin:4px 0 0;color:#abb8d1;font-size:12px}
    .discord-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:43px;padding:11px 17px;border:1px solid #8895ff;border-radius:10px;background:#5865f2;color:white;font-size:12px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s}
    .discord-link:hover{background:#6d78ff;transform:translateY(-1px)}
    .discord-link:focus-visible{outline:2px solid #bfc6ff;outline-offset:3px}
    .discord-link svg{width:15px;height:15px}
    @media(max-width:580px){.discord-panel{align-items:stretch;flex-direction:column;gap:18px;padding:19px}.discord-icon{width:56px;height:56px;border-radius:15px}.discord-panel h2{font-size:17px}.discord-link{width:100%}}


/* Gemeinsame Seiten-Navigation: auch auf Smartphones sichtbar. */
.topnav a[aria-current="page"] {color:#effff0;background:#1d392a;}
.topnav a:hover {border-radius:8px;}
#start,#trades {scroll-margin-top:118px;}
@media(max-width:790px){
  .topbar{height:auto;min-height:0;}
  .topbar .shell{min-height:116px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:10px 0;}
  .brand{align-self:flex-start;}
  .topnav{display:flex;align-items:center;justify-content:stretch;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:2px;padding:4px;}
  .topnav::-webkit-scrollbar{display:none;}
  .topnav a{flex:1;min-width:0;text-align:center;padding:9px 7px;font-size:11px;line-height:1.3;}
  #start,#trades {scroll-margin-top:145px;}
}
@media(max-width:390px){.topnav a{padding:9px 4px;font-size:10px;letter-spacing:-.16px;}}
/* Direkter Weg von der Preisliste zum Markt. */
.market-promo{margin-top:52px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 34px;position:relative;overflow:hidden;background:linear-gradient(115deg,#132b20,#0e211a 62%,#123326);border:1px solid rgba(135,245,168,.22);border-radius:20px;box-shadow:var(--shadow)}
.market-promo:before{content:"";position:absolute;right:-105px;top:-148px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(93,236,135,.13),transparent 68%);pointer-events:none}
.market-promo h2{font-size:clamp(23px,2.8vw,31px);letter-spacing:-.9px;margin:7px 0 4px}
.market-promo p{margin:0;color:var(--muted);font-size:13px;max-width:700px}
.market-promo .btn{flex:0 0 auto}
@media(max-width:650px){.market-promo{padding:24px;flex-direction:column;align-items:flex-start}.market-promo .btn{width:100%}}

/* Villager-Verkauf: unverwechselbarer Marketplace-Look, passend zur Preisliste. */
.sale-main{padding-top:38px;padding-bottom:18px}
.sale-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.84fr);gap:30px;align-items:center;min-height:495px;padding:54px clamp(25px,5vw,75px);position:relative;overflow:hidden;border:1px solid rgba(161,230,172,.17);border-radius:24px;background:linear-gradient(123deg,rgba(19,45,31,.98),rgba(10,29,21,.98) 65%,#123924);box-shadow:var(--shadow)}
.sale-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 65% at 93% 15%,rgba(83,214,115,.15),transparent 75%)}
.sale-hero-copy,.sale-visual{position:relative;z-index:1}
.sale-kicker{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:850;color:var(--mint);text-transform:uppercase;letter-spacing:2px}
.sale-kicker .live{width:8px;height:8px;display:inline-block;border-radius:50%;background:#66f5a0;box-shadow:0 0 0 4px rgba(98,239,155,.12)}
.sale-hero h1{margin:19px 0 18px;font-size:clamp(39px,5vw,68px);font-weight:850;line-height:1.09;letter-spacing:-2.8px}
.sale-hero h1 span{color:var(--mint)}
.sale-hero p{margin:0;color:#b2c8b6;max-width:585px;font-size:15px;line-height:1.75}
.sale-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sale-hero-buttons .btn{font-size:13px;padding:13px 18px}
.sale-visual{height:352px;display:grid;place-items:center;min-width:0}
.sale-glow{position:absolute;inset:4% 0;z-index:0;background:radial-gradient(ellipse at 55% 49%,rgba(90,213,131,.26),transparent 62%)}
.sale-mc-art{width:min(100%,385px);max-height:342px;filter:drop-shadow(0 24px 24px rgba(0,0,0,.23));transform:rotate(-1deg);position:relative;z-index:1}
.floating-chip{position:absolute;z-index:2;font-size:11px;font-weight:800;padding:10px 15px;border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.18);backdrop-filter:blur(9px)}
.chip-top{top:19px;right:6px;border:1px solid rgba(145,241,169,.25);color:#b3f6c4;background:rgba(16,47,30,.9)}
.chip-bottom{left:0;bottom:9px;border:1px solid rgba(239,207,135,.25);color:#ffe1a6;background:rgba(42,36,20,.92)}
.sale-section{padding-top:75px}
.sale-section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}
.sale-section .section-kicker{font-size:11px;font-weight:850;letter-spacing:2px;color:var(--mint)}
.sale-section h2{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-1.25px;margin:8px 0}
.sale-section-desc{font-size:14px;color:var(--muted);margin:6px 0 0;max-width:720px}
.sale-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sale-step{padding:29px;min-height:228px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,rgba(26,52,39,.8),rgba(13,31,23,.94));transition:transform .18s,border-color .18s}
.sale-step:hover{transform:translateY(-3px);border-color:rgba(135,245,168,.3)}
.step-number{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(127,243,161,.12);color:var(--mint);font-size:14px;font-weight:850;border:1px solid rgba(127,243,161,.13)}
.sale-step h3{font-size:18px;letter-spacing:-.35px;margin:20px 0 7px}
.sale-step p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.sale-notice{margin-top:18px;padding:17px 21px;border-radius:13px;background:rgba(238,191,107,.065);border:1px solid rgba(238,191,107,.17);display:flex;gap:12px;align-items:flex-start}
.sale-notice strong{color:#f7dca5;font-size:13px}
.sale-notice p{margin:4px 0 0;font-size:13px;line-height:1.65;color:#b5ac97}
.sale-notice svg{width:20px;height:20px;flex:0 0 20px;color:#f2d28a;margin-top:2px}
.sale-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sale-contact-card{min-width:0;border:1px solid var(--border);background:linear-gradient(155deg,#162a20,#0e1e17);border-radius:19px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:259px}
.contact-identity{display:flex;align-items:center;gap:13px}
.contact-avatar{width:53px;height:53px;border-radius:15px;display:grid;place-items:center;background:#1a4930;border:1px solid rgba(118,224,151,.2);color:var(--mint);font-size:21px;font-weight:850}
.contact-avatar.purple{background:rgba(117,67,174,.26);border-color:rgba(168,113,238,.26);color:#d6b2ff}
.contact-avatar.blue{background:rgba(78,99,248,.2);border-color:rgba(113,132,248,.23);color:#a4b5ff}
.sale-contact-card h3{font-size:17px;margin:0 0 2px;letter-spacing:-.4px}
.sale-contact-card .role{font-size:11px;color:var(--mint);font-weight:760;text-transform:uppercase;letter-spacing:1.2px}
.sale-contact-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:18px 0 20px;flex:1}
.sale-contact-card .btn{width:100%;font-size:12px;padding:10px 10px}
.sale-contact-card .btn.discord-action{background:#5865f2;color:white;border-color:#7883ff}
.sale-contact-card .btn.twitch-action{background:#9145db;color:white;border-color:#ac6bee}
.sale-contact-card .btn:hover{filter:brightness(1.1)}
.sale-bottom-callout{margin:70px 0 30px;padding:32px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-radius:18px;border:1px solid rgba(131,242,159,.18);background:linear-gradient(105deg,#153624,#10241a)}
.sale-bottom-callout h2{font-size:25px;letter-spacing:-.7px;margin:0 0 7px}
.sale-bottom-callout p{margin:0;color:var(--muted);font-size:13px}
.sale-bottom-callout .btn{flex-shrink:0}
.sale-footer{margin-top:20px}
@media(max-width:1000px){.sale-hero{grid-template-columns:1fr minmax(250px,.76fr);gap:8px;padding:42px 33px}.sale-hero h1{font-size:clamp(38px,4.8vw,58px)}.sale-visual{height:292px}.floating-chip{font-size:10px}.sale-contact-card{padding:20px}}
@media(max-width:790px){.sale-main{padding-top:18px}.sale-hero{display:flex;flex-direction:column;align-items:stretch;padding:32px 28px;gap:20px}.sale-hero h1{font-size:clamp(39px,7vw,53px)}.sale-visual{height:250px}.sale-mc-art{max-height:240px}.chip-top{top:3px;right:10px}.chip-bottom{left:10px;bottom:0}.sale-steps{grid-template-columns:1fr}.sale-step{min-height:0}.sale-contact-grid{grid-template-columns:1fr}.sale-contact-card{min-height:0}.sale-section{padding-top:52px}.sale-bottom-callout{margin-top:50px}}
@media(max-width:540px){.sale-hero{padding:31px 21px}.sale-hero h1{font-size:39px;letter-spacing:-1.9px}.sale-hero p{font-size:13px}.sale-hero-buttons{flex-direction:column}.sale-hero-buttons .btn{width:100%}.sale-section-header{align-items:flex-start}.sale-visual{height:230px}.sale-mc-art{max-height:223px}.sale-step{padding:23px}.sale-bottom-callout{flex-direction:column;align-items:stretch;padding:25px}.sale-bottom-callout .btn{width:100%}}