@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
    --atom-orange:#f28a22;
    --atom-orange-dark:#b95608;
    --atom-orange-light:#ffb35e;
    --atom-bg:#1c1d22;
    --atom-bg-soft:#24262d;
    --atom-panel:#2a2c34;
    --atom-panel-2:#202127;
    --atom-line:#3a3d47;
    --atom-text:#f3f4f7;
    --atom-muted:#a8adb9;
    --atom-success:#51cf88;
    --atom-danger:#ff6767;
    --atom-shadow:0 12px 32px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.atom-body{font-family:Poppins,Arial,sans-serif;color:var(--atom-text);background:#18191e var(--atom-page-bg) fixed right bottom/cover no-repeat;line-height:1.45}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.atom-pixel{image-rendering:pixelated}
.atom-container-width{width:min(1280px,calc(100% - 32px));margin-inline:auto}
.atom-page-shell{min-height:calc(100vh - 58px)}
.atom-flash{position:fixed;z-index:1000;left:50%;top:18px;transform:translateX(-50%);max-width:min(620px,calc(100% - 28px));padding:12px 18px;border-radius:9px;box-shadow:var(--atom-shadow);font-weight:700}
.atom-flash-success{background:#1d6945;color:#fff;border:1px solid #4bdf9a}.atom-flash-error{background:#6c2424;color:#fff;border:1px solid #ff7777}

/* Header – direkt nach der AtomCMS-Struktur */
.atom-currency-strip{height:36px;background:#15161a;border-bottom:1px solid rgba(255,255,255,.05)}
.atom-currency-strip-inner{width:min(1280px,calc(100% - 32px));height:100%;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:12px;color:#d9dbe1}
.atom-currency-mini{display:flex;align-items:center;gap:5px}.atom-currency-mini img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}.atom-account-link{color:var(--atom-orange-light);font-weight:600}.atom-account-link:hover{text-decoration:underline}
.atom-hero-header{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:208px;background-position:center;background-size:cover;overflow:hidden}
.atom-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,16,19,.86),rgba(15,16,19,.48),rgba(15,16,19,.86))}
.atom-header-auth,.atom-header-guest{position:relative;z-index:2;display:flex;align-items:center;height:100%}.atom-header-auth{gap:28px}.atom-header-guest{flex-direction:column;justify-content:center;text-align:center}
.atom-logo-link{display:inline-flex;transition:.25s}.atom-logo-link:hover{transform:scale(1.05)}.atom-logo{max-width:205px;max-height:93px;object-fit:contain;filter:drop-shadow(2px 1px 0 #fff) drop-shadow(-2px 1px 0 #fff) drop-shadow(0 -2px 0 #fff)}
.atom-online-bubble{position:relative;display:flex;align-items:center;gap:6px;min-height:50px;padding:0 18px;border-radius:7px;color:#25262b;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.22)}.atom-online-bubble:before{content:"";position:absolute;left:-7px;width:15px;height:15px;background:#fff;transform:rotate(45deg)}.atom-online-bubble>*{position:relative}.atom-online-dot{width:9px;height:9px;border-radius:50%;background:var(--atom-success);box-shadow:0 0 9px var(--atom-success)}
.atom-header-actions{margin-left:auto}.atom-client-button{display:inline-flex;padding:11px 25px;border-radius:999px;background:rgba(255,255,255,.94);color:#202127;font-size:17px;font-weight:700;transition:.2s}.atom-client-button:hover{background:#fff;transform:translateY(-1px)}
.atom-header-guest .atom-logo{margin-bottom:12px}.atom-header-guest p{max-width:690px;margin:0;color:#fff;font-size:19px;font-weight:600;text-shadow:0 2px 5px rgba(0,0,0,.6)}.atom-auth-cta{display:flex;align-items:center;gap:20px;margin-top:22px;text-transform:uppercase;font-size:13px;font-weight:600}.atom-outline-button,.atom-register-button{padding:10px 30px;border-radius:999px;transition:.2s}.atom-outline-button{border:2px solid #fff;color:#fff}.atom-outline-button:hover{background:#fff;color:#1f2025}.atom-register-button{background:var(--atom-orange);color:#17181c}.atom-register-button:hover{background:var(--atom-orange-light)}

/* Navigation */
.atom-navigation{position:relative;z-index:30;min-height:61px;background:#fff;color:#555963;box-shadow:0 5px 18px rgba(0,0,0,.26)}
.atom-navigation-inner{display:flex;align-items:center;min-height:61px}.atom-navigation-links{display:flex;align-items:stretch;gap:20px;min-height:61px;flex:1}.atom-nav-item,.atom-nav-group>button{display:flex;align-items:center;gap:8px;min-height:61px;padding:0 4px;border:0;border-bottom:4px solid transparent;background:none;color:#5c606a;text-transform:uppercase;font-size:13px;font-weight:700;cursor:pointer;transition:.18s}.atom-nav-item img,.atom-nav-group>button img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.atom-nav-item:hover,.atom-nav-item.active,.atom-nav-group:hover>button,.atom-nav-group.active>button,.atom-nav-group.is-open>button{color:#26272c;border-bottom-color:var(--atom-orange)}
.atom-nav-group{position:relative}.atom-nav-group>button span{font-size:11px}.atom-nav-dropdown{display:none;position:absolute;z-index:40;top:61px;left:0;min-width:205px;padding:8px;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 13px 25px rgba(0,0,0,.3)}.atom-nav-group:hover .atom-nav-dropdown,.atom-nav-group.is-open .atom-nav-dropdown{display:block}.atom-nav-dropdown a{display:block;padding:10px 12px;border-radius:5px;color:#555963;font-size:13px;font-weight:600}.atom-nav-dropdown a:hover{background:#f3f3f5;color:var(--atom-orange-dark)}
.atom-logout-form{margin-left:auto}.atom-logout-form button{border:0;background:none;color:#777b84;font-weight:600;cursor:pointer}.atom-logout-form button:hover{color:var(--atom-orange-dark)}.atom-mobile-toggle{display:none;margin-left:auto;border:0;background:none;font-size:27px;color:#35363b}

/* Allgemeiner AtomCMS Container */
.atom-content-wrap{overflow:hidden}.atom-content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;padding-block:28px 58px}.atom-col-12{grid-column:span 12}.atom-col-9{grid-column:span 9}.atom-col-8{grid-column:span 8}.atom-col-6{grid-column:span 6}.atom-col-4{grid-column:span 4}.atom-col-3{grid-column:span 3}.atom-stack{display:flex;flex-direction:column;gap:13px}.atom-grid{display:grid;gap:13px}.atom-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.atom-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.atom-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.atom-card{overflow:hidden;border:1px solid var(--atom-line);border-radius:8px;background:rgba(39,41,48,.97);box-shadow:var(--atom-shadow)}.atom-card-header{display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid var(--atom-line);background:#22242a}.atom-card-header-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:var(--atom-orange)}.atom-card-header-icon img{max-width:31px;max-height:31px;image-rendering:pixelated}.atom-card-header h1,.atom-card-header h2,.atom-card-header h3{margin:0;font-size:17px}.atom-card-header p{margin:2px 0 0;color:var(--atom-muted);font-size:12px}.atom-card-body{padding:17px}.atom-card-empty{padding:28px;text-align:center;color:var(--atom-muted)}
.atom-section-title{margin:5px 0 14px;font-size:22px}.atom-section-subtitle{margin:-10px 0 17px;color:var(--atom-muted);font-size:13px}.atom-kicker{color:var(--atom-orange-light);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}

/* Me page / User Hero */
.atom-user-hero{position:relative;height:180px;overflow:hidden;border-radius:8px;background:url('/atomcms/images/kasja_mepage_image.png') center/cover no-repeat;box-shadow:var(--atom-shadow)}.atom-user-hero-overlay{display:flex;align-items:center;width:100%;height:100%;padding:0 18px;background:rgba(0,0,0,.32)}.atom-user-hero-avatar{position:relative;top:28px;max-height:205px;max-width:180px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 1px 0 #fff) drop-shadow(-2px 1px 0 #fff) drop-shadow(0 -2px 0 #fff);transition:.25s}.atom-user-hero-avatar:hover{transform:scale(1.04)}.atom-user-hero-copy{margin-left:18px}.atom-user-hero-copy h1{margin:0;font-size:28px}.atom-user-hero-copy p{margin:4px 0;color:#e4e5e9}.atom-user-hero-action{margin-left:auto;padding:11px 24px;border-radius:999px;background:#fff;color:#202127;font-size:16px;font-weight:700}.atom-user-hero-action:hover{background:var(--atom-orange-light)}
.atom-friends-widget{display:flex;gap:10px;padding:5px;border:1px solid var(--atom-line);border-radius:8px;background:#2b2d34}.atom-friends-label{position:relative;display:flex;align-items:center;justify-content:center;min-width:140px;padding:13px;border-radius:6px;background:var(--atom-orange);color:#1f2024;font-size:13px;font-weight:800}.atom-friends-label:after{content:"";position:absolute;right:-8px;width:16px;height:16px;background:var(--atom-orange);transform:rotate(45deg)}.atom-friend-list{display:flex;gap:8px;overflow-x:auto;padding:4px 9px}.atom-friend{display:flex;align-items:center;gap:7px;min-width:132px;padding:6px 8px;border-radius:6px;background:#22242a}.atom-friend img{width:39px;height:45px;object-fit:contain;image-rendering:pixelated}.atom-friend strong,.atom-friend small{display:block}.atom-friend strong{font-size:12px}.atom-friend small{color:var(--atom-muted);font-size:10px}.atom-friend.is-online{outline:1px solid rgba(81,207,136,.55)}
.atom-referral{display:flex;justify-content:space-between;align-items:center;gap:15px}.atom-referral-code{padding:9px 13px;border:1px dashed var(--atom-orange);border-radius:6px;color:var(--atom-orange-light);font-family:monospace}

/* Articles and photos */
.atom-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.atom-article-card{position:relative;display:flex;min-height:245px;overflow:hidden;border-radius:8px;background:#32343c center/cover no-repeat;box-shadow:var(--atom-shadow);transition:.2s}.atom-article-card:hover{transform:translateY(-3px)}.atom-article-shade{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:18px;background:linear-gradient(180deg,rgba(20,21,25,.03),rgba(20,21,25,.94))}.atom-article-card .atom-kicker{margin-bottom:5px}.atom-article-card h3{margin:0 0 5px;font-size:18px}.atom-article-card p{margin:0;color:#d0d2d8;font-size:12px}.atom-article-meta{display:flex;justify-content:space-between;gap:10px;margin-top:11px;color:#b5b8c0;font-size:10px}.atom-article-main{padding:25px}.atom-article-main h1{font-size:30px;margin:4px 0 8px}.atom-article-main .lead{color:#c9cbd2;font-size:16px}.atom-article-body{margin-top:20px;white-space:pre-line;line-height:1.75;color:#e1e2e6}.atom-article-sidebar a{display:block;padding:11px;border-bottom:1px solid var(--atom-line)}.atom-article-sidebar a:last-child{border-bottom:0}.atom-article-sidebar strong,.atom-article-sidebar small{display:block}.atom-article-sidebar small{color:var(--atom-muted)}
.atom-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.atom-photo{overflow:hidden;border:1px solid var(--atom-line);border-radius:7px;background:#24262c;box-shadow:var(--atom-shadow)}.atom-photo>a{display:block;aspect-ratio:1.55;background:#1b1c21}.atom-photo>a img{width:100%;height:100%;object-fit:cover}.atom-photo-info{display:flex;align-items:center;gap:8px;padding:10px}.atom-photo-info img{width:32px;height:38px;object-fit:contain;image-rendering:pixelated}.atom-photo-info strong,.atom-photo-info small{display:block}.atom-photo-info small{color:var(--atom-muted);font-size:10px}

/* Profile */
.atom-profile-hero{position:relative;min-height:260px;overflow:hidden;background:url('/atomcms/images/profile/profile-bg.png') center/cover no-repeat}.atom-profile-hero-shade{display:flex;align-items:flex-end;min-height:260px;padding:24px;background:linear-gradient(90deg,rgba(22,23,28,.86),rgba(22,23,28,.36))}.atom-profile-avatar{width:190px;max-height:245px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 9px rgba(0,0,0,.5))}.atom-profile-name{padding:20px}.atom-profile-name h1{margin:0;font-size:35px}.atom-profile-name p{margin:5px 0;color:#e3e4e8}.atom-rank-pill{display:inline-flex;margin-top:10px;padding:5px 12px;border-radius:999px;background:var(--rank-color,#f28a22);color:#17181c;font-size:11px;font-weight:800}.atom-profile-online{margin-left:auto;align-self:flex-start;padding:7px 12px;border-radius:999px;background:#1e9c62;font-size:11px;font-weight:700}.atom-profile-online.offline{background:#5c606a}.atom-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.atom-profile-stat{padding:17px;border-radius:8px;background:#22242a;text-align:center}.atom-profile-stat img{height:34px;image-rendering:pixelated}.atom-profile-stat strong,.atom-profile-stat span{display:block}.atom-profile-stat strong{margin-top:7px;font-size:20px}.atom-profile-stat span{color:var(--atom-muted);font-size:11px}.atom-badge-list{display:flex;flex-wrap:wrap;gap:10px}.atom-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:7px;background:#1e2025}.atom-badge img{max-width:45px;max-height:45px;image-rendering:pixelated}.atom-room-list,.atom-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atom-room,.atom-group{padding:12px;border-radius:7px;background:#22242a}.atom-room strong,.atom-group strong{display:block}.atom-room small,.atom-group small{color:var(--atom-muted)}

/* Staff, teams and leaderboards */
.atom-team-section{overflow:hidden;border-radius:8px;border:1px solid var(--atom-line);background:#262830}.atom-team-header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#202127;border-left:5px solid var(--team-color,var(--atom-orange))}.atom-team-header h2{margin:0;font-size:17px}.atom-team-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.atom-staff-card{position:relative;min-height:165px;overflow:hidden;padding:13px;border-radius:7px;background:url('/atomcms/images/staff-bg.png') center/cover no-repeat}.atom-staff-card img{position:absolute;right:-5px;bottom:-15px;max-height:175px;max-width:115px;object-fit:contain;image-rendering:pixelated}.atom-staff-card h3{margin:0;max-width:60%;font-size:16px}.atom-staff-card p{max-width:58%;color:#d4d6dc;font-size:11px}.atom-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#666}.atom-status-dot.online{background:var(--atom-success);box-shadow:0 0 7px var(--atom-success)}
.atom-leaderboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.atom-leaderboard{overflow:hidden;border-radius:8px;background:#272931;border:1px solid var(--atom-line)}.atom-leaderboard-head{display:flex;align-items:center;gap:10px;padding:15px;background:var(--leader-color,var(--atom-orange));color:#15161a}.atom-leaderboard-head img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.atom-leaderboard-head h2{margin:0;font-size:16px}.atom-leader-row{display:grid;grid-template-columns:32px 46px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--atom-line)}.atom-leader-row>img{width:42px;height:48px;object-fit:contain;image-rendering:pixelated}.atom-leader-row strong,.atom-leader-row small{display:block}.atom-leader-row small{color:var(--atom-muted)}.atom-leader-value{font-weight:800;color:var(--atom-orange-light)}

/* Rules, help, shop */
.atom-alert{padding:15px 17px;border-left:4px solid var(--atom-orange);border-radius:7px;background:#272931;color:#d9dbe0}.atom-rule-category{border:1px solid var(--atom-line);border-radius:8px;overflow:hidden;background:#282a31}.atom-rule-category>header{padding:15px 17px;background:#22242a}.atom-rule-category h2{margin:0}.atom-rule-category header p{margin:4px 0 0;color:var(--atom-muted)}.atom-rule{padding:14px 17px;border-top:1px solid var(--atom-line)}.atom-rule h3{margin:0 0 5px;font-size:15px}.atom-rule p{margin:0;color:#c2c5cc}.atom-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.atom-help-item{padding:20px;border-radius:8px;background:#282a31;text-align:center}.atom-help-item img{height:92px;max-width:100%;object-fit:contain;image-rendering:pixelated}.atom-help-item h3{margin:12px 0 4px}.atom-help-item p{margin:0;color:var(--atom-muted);font-size:12px}

/* Forms */
.atom-form{display:flex;flex-direction:column;gap:14px}.atom-field{display:flex;flex-direction:column;gap:5px}.atom-field label{font-size:12px;font-weight:700}.atom-field small{color:var(--atom-muted);font-size:10px}.atom-input,.atom-select,.atom-textarea{width:100%;padding:11px 12px;border:1px solid #454851;border-radius:6px;outline:0;background:#1f2026;color:#fff}.atom-input:focus,.atom-select:focus,.atom-textarea:focus{border-color:var(--atom-orange);box-shadow:0 0 0 3px rgba(242,138,34,.15)}.atom-textarea{min-height:145px;resize:vertical}.atom-checkbox{display:flex;align-items:center;gap:8px}.atom-button{display:inline-flex;justify-content:center;align-items:center;padding:10px 18px;border:0;border-radius:6px;background:var(--atom-orange);color:#1b1c20;font-weight:800;cursor:pointer}.atom-button:hover{background:var(--atom-orange-light)}.atom-button.secondary{background:#454850;color:#fff}.atom-form-group{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:7px;background:#22242a}.atom-validation{padding:10px 12px;border-radius:6px;background:#682727;color:#fff;font-size:12px}.atom-validation:empty{display:none}

.atom-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:0 max(25px,calc((100vw - 1280px)/2));background:#15161a;color:#979ba5;font-size:11px}

@media(max-width:1050px){.atom-article-grid,.atom-photo-grid,.atom-team-members{grid-template-columns:repeat(3,1fr)}.atom-navigation-links{gap:10px}.atom-nav-item,.atom-nav-group>button{font-size:11px}.atom-col-9,.atom-col-8{grid-column:span 12}.atom-col-3,.atom-col-4{grid-column:span 12}.atom-leaderboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.atom-container-width{width:min(100% - 20px,1280px)}.atom-currency-strip{display:none}.atom-hero-header{height:230px}.atom-header-auth{justify-content:center;flex-wrap:wrap;gap:12px}.atom-online-bubble{display:none}.atom-header-actions{margin-left:0}.atom-header-guest p{font-size:14px}.atom-auth-cta{gap:10px;flex-wrap:wrap;justify-content:center}.atom-navigation-inner{flex-wrap:wrap}.atom-mobile-toggle{display:block;min-height:60px}.atom-navigation-links{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:9px}.atom-navigation-links.is-open{display:flex}.atom-nav-item,.atom-nav-group>button{width:100%;min-height:45px;padding:0 10px;border-bottom:0}.atom-nav-dropdown{position:static;width:100%;box-shadow:none;border-radius:5px;background:#f1f1f3}.atom-logout-form{position:absolute;right:55px;top:18px}.atom-content-grid{padding-top:18px}.atom-grid-2,.atom-grid-3,.atom-grid-4,.atom-article-grid,.atom-photo-grid,.atom-team-members,.atom-leaderboard-grid,.atom-help-grid,.atom-profile-stats{grid-template-columns:1fr}.atom-user-hero{height:210px}.atom-user-hero-copy{display:none}.atom-user-hero-action{font-size:13px;padding:10px 15px}.atom-friends-widget{flex-direction:column}.atom-friends-label{min-height:42px}.atom-friends-label:after{display:none}.atom-profile-hero-shade{align-items:center;flex-direction:column;text-align:center}.atom-profile-name{padding:8px}.atom-profile-online{margin:0;align-self:center}.atom-room-list,.atom-group-list{grid-template-columns:1fr}.atom-footer{flex-direction:column;justify-content:center;padding:12px;text-align:center}}

/* Exact AtomCMS header structure with NuPix colors */
.atom-currency-strip{height:60px;background:#202127;border-bottom:1px solid rgba(255,255,255,.06)}
.atom-currency-strip-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.atom-currency-list{display:flex;align-items:center;gap:28px;height:100%}
.atom-currency-item{display:flex;align-items:center;gap:10px;color:#aeb2bd;font-size:13px;white-space:nowrap}.atom-currency-item>span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:3px solid #7a440d;border-radius:50%;background:#e9a129;outline:2px solid rgba(242,138,34,.22);font-size:12px;color:#fff}.atom-currency-item>span img{max-width:18px;max-height:18px;image-rendering:pixelated}.atom-currency-item p{margin:0}.atom-currency-item strong{color:#fff;margin-right:4px}.atom-currency-item.duckets>span{background:#bd4aaf;border-color:#76246f}.atom-currency-item.diamonds>span{background:#bceaf0;border-color:#4e9cb2}.atom-currency-item.playerplates>span{background:#f28a22;border-color:#994808}.atom-account-dropdown{position:relative}.atom-account-dropdown>button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#f1f2f4;cursor:pointer}.atom-account-dropdown>button img{width:38px;height:45px;object-fit:contain;image-rendering:pixelated}.atom-account-dropdown>button span{color:#8d929e}.atom-account-menu{right:0;left:auto;top:47px;min-width:210px}.atom-account-menu form,.atom-account-menu form button{width:100%}.atom-account-menu form button{padding:10px 13px;border:0;background:none;color:#e8e9ec;text-align:left;cursor:pointer}.atom-account-menu form button:hover{background:rgba(242,138,34,.14);color:#fff}
.atom-header-auth{display:flex;align-items:center;justify-content:space-between}.atom-auth-header-main{display:flex;align-items:center;gap:28px}.atom-online-bubble{position:relative}.atom-online-bubble-arrow{position:absolute;left:-8px;top:17px;width:16px;height:16px;transform:rotate(45deg);background:#22242a}.atom-online-bubble>*{position:relative}.atom-header-guest{max-width:650px;text-align:center}.atom-header-guest p{font-size:19px;font-weight:600;text-shadow:0 2px 5px rgba(0,0,0,.65)}
.atom-modal{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:20px}.atom-modal[hidden]{display:none}.atom-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,6,9,.78);cursor:pointer}.atom-modal-card{position:relative;width:min(520px,100%);overflow:hidden;border:1px solid var(--atom-line);border-radius:10px;background:var(--atom-panel);box-shadow:0 26px 80px rgba(0,0,0,.7)}.atom-modal-close{position:absolute;z-index:2;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#141519;color:#fff;font-size:22px;cursor:pointer}.atom-modal-form{padding:22px}
@media(max-width:760px){.atom-currency-strip{height:auto}.atom-currency-strip-inner{align-items:flex-start;padding-block:10px}.atom-currency-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atom-currency-item{font-size:11px}.atom-account-dropdown>button strong{display:none}.atom-header-auth{flex-direction:column;justify-content:center;gap:16px}.atom-auth-header-main{flex-direction:column;gap:12px}.atom-online-bubble-arrow{display:none}}

/* NuPix v0.4.1: keine weißen Website-Flächen */
.atom-navigation{background:#181a20;color:#e7e8ec;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid #31343d}
.atom-nav-item,.atom-nav-group>button{color:#c8cbd3}
.atom-nav-item:hover,.atom-nav-item.active,.atom-nav-group:hover>button,.atom-nav-group.active>button,.atom-nav-group.is-open>button{color:#fff;border-bottom-color:var(--atom-orange)}
.atom-nav-dropdown,.atom-account-menu{background:#202229;border:1px solid #353842;box-shadow:0 16px 36px rgba(0,0,0,.48)}
.atom-nav-dropdown a{color:#e1e3e8}
.atom-nav-dropdown a:hover{background:rgba(242,138,34,.14);color:#ffb35e}
.atom-logout-form button{color:#c1c4cc}.atom-logout-form button:hover{color:#ffb35e}
.atom-mobile-toggle{color:#fff}
.atom-online-bubble{color:#f2f3f5;background:#202229;border:1px solid #3b3e48;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.atom-online-bubble:before,.atom-online-bubble-arrow{background:#202229}
.atom-client-button,.atom-user-hero-action{background:#202229;color:#fff;border:1px solid rgba(242,138,34,.55)}
.atom-client-button:hover,.atom-user-hero-action:hover{background:var(--atom-orange);color:#17181c}
.atom-outline-button{border:2px solid var(--atom-orange);background:var(--atom-orange);color:#17181c;font-weight:800}
.atom-outline-button:hover{border-color:var(--atom-orange-light);background:var(--atom-orange-light);color:#17181c}
.atom-register-button{border:2px solid var(--atom-orange);background:transparent;color:#fff}
.atom-register-button:hover{border-color:var(--atom-orange-light);background:rgba(242,138,34,.16);color:#fff}
.atom-account-dropdown>button{padding:4px 8px;border-radius:7px;background:#1b1d22}
.atom-account-dropdown>button:hover{background:#25272e}
.atom-account-menu form button{color:#eceef2}
.atom-modal-card{background:#202229;color:#f3f4f7}
.atom-modal-form{background:#202229}
@media(max-width:760px){.atom-nav-dropdown{background:#202229;border:1px solid #353842}.atom-navigation-links{background:#181a20}.atom-nav-item,.atom-nav-group>button{color:#e4e6ea}}