:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8edd0;background:#030303}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(180deg,#0606084d,#060608a8),url(/hintergrund.png);background-position:center;background-size:cover;background-repeat:no-repeat}button,input{font:inherit}.app-shell,.scene-shell{position:relative;width:100%;height:100%}.scene-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(236,196,108,.12),transparent 32%),linear-gradient(180deg,#04040533,#04040547);pointer-events:none}.landing-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:32px;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(236,196,108,.18),transparent 32%),linear-gradient(180deg,#06060861,#060608c7),url(/hintergrund.png);background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;width:min(1040px,100%);padding:30px;border-radius:28px;border:1px solid rgba(214,173,82,.26);background:linear-gradient(180deg,#121214eb,#08080af5);box-shadow:0 24px 80px #00000080}.landing-copy,.landing-form{display:grid;gap:18px}.landing-badge{justify-self:start;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:#f2cf7a;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.landing-copy h1{margin:0;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.94;color:#fff5da}.landing-copy p,.landing-highlights span,.landing-label span,.token-card small{color:#f8edd0c7}.landing-copy p{margin:0;max-width:56ch;font-size:1rem;line-height:1.6}.landing-highlights{display:grid;gap:12px}.landing-highlights div{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff08}.landing-highlights strong{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#f3d486,#9b7427);color:#120d04}.landing-label{display:grid;gap:10px}.landing-label span{font-size:.9rem}.landing-label input{width:100%;padding:14px 16px;border:1px solid rgba(214,173,82,.22);border-radius:16px;background:#ffffff0a;color:#fff4d2;outline:none}.landing-label input:focus{border-color:#f8d471b3;box-shadow:0 0 0 3px #f8d4711f}.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.token-card{display:grid;gap:8px;padding:14px;border:1px solid rgba(214,173,82,.14);border-radius:18px;background:#ffffff08;color:#fff3cf;text-align:left;cursor:pointer}.landing-preview{height:220px}.token-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}.token-card.selected{border-color:#f8d471b3;background:#f8d47114;box-shadow:0 0 0 1px #f8d47129}.token-preview-stage{width:100%;height:150px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at top,rgba(255,227,156,.14),transparent 36%),linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(214,173,82,.12)}.token-preview-stage canvas{width:100%;height:100%;display:block}.landing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.primary-cta,.secondary-cta{padding:14px 16px;border:none;border-radius:16px;font-weight:700;cursor:pointer}.primary-cta{background:linear-gradient(135deg,#f2ce7d,#94712b);color:#120d03}.secondary-cta{background:#ffffff0f;color:#fff2cf;border:1px solid rgba(214,173,82,.18)}.hud{position:absolute;z-index:3}.lobby-invite{top:18px;left:50%;transform:translate(-50%)}.invite-cta{padding:10px 14px;border-radius:999px;background:#ffffff0f;color:#fff2cf;border:1px solid rgba(214,173,82,.22)}.invite-cta:hover{background:#ffffff17}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#0000008c}.modal-card{width:min(520px,calc(100vw - 48px));padding:18px;border-radius:18px}.trade-modal{width:min(760px,calc(100vw - 48px))}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.trade-column{border:1px solid rgba(214,173,82,.18);border-radius:14px;padding:12px;background:#ffffff0a}.trade-title{font-weight:700;color:#fff2cfeb;margin-bottom:10px}.trade-subtitle{margin-top:14px;font-weight:700;color:#fff2cfeb}.trade-money{font-weight:600;color:#fff2cfdb;margin-bottom:10px}.trade-list{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:6px}.trade-item{padding:8px 10px;border-radius:12px;background:#00000038;border:1px solid rgba(214,173,82,.12)}.trade-empty{color:#f8edd0a3}.trade-field{display:grid;gap:6px;margin-top:10px;color:#fff2cfdb;font-weight:600}.trade-input{padding:10px 12px;border-radius:12px;border:1px solid rgba(214,173,82,.18);background:#00000038;color:#fff2cfeb}.trade-check{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0000002e;border:1px solid rgba(214,173,82,.1);color:#fff2cfe6}.trade-pick{text-align:left;padding:10px 12px;border-radius:12px;background:#0000002e;border:1px solid rgba(214,173,82,.1);color:#fff2cfe6}.trade-pick:hover{background:#0000003d;border-color:#d6ad522e}.trade-pick.selected{background:#d6ad5229;border-color:#d6ad526b}.trade-hint{align-self:center;color:#f8edd0b3;font-weight:600}.portfolio-panel{left:24px;bottom:24px;width:min(340px,calc(100vw - 48px))}.portfolio-card h2{margin-top:6px}.portfolio-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;max-height:200px;overflow:auto;padding-right:6px}.portfolio-card-item{position:relative;padding:10px 12px 10px 14px;border-radius:14px;background:#00000038;border:1px solid rgba(214,173,82,.12);color:#fff2cfeb}.portfolio-strip{position:absolute;left:10px;top:10px;bottom:10px;width:6px;border-radius:999px}.portfolio-card-title{font-weight:700;padding-left:12px}.portfolio-card-meta{padding-left:12px;margin-top:4px;color:#f8edd0b8;font-weight:600;font-size:12px}.portfolio-empty{color:#f8edd0a3;margin-top:8px}.chat-panel{left:50%;transform:translate(-50%);bottom:18px;width:min(520px,calc(100vw - 48px))}.chat-toggle{left:50%;transform:translate(-50%);bottom:18px}.chat-card{padding:14px 14px 12px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-close{width:34px;height:34px;border-radius:12px;border:1px solid rgba(214,173,82,.18);background:#00000038;color:#fff2cfe6}.chat-close:hover{background:#0000004d;border-color:#d6ad524d}.chat-list{margin-top:10px;height:96px;overflow:auto;overscroll-behavior:contain;display:grid;gap:8px;padding-right:6px}.chat-line{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;border-radius:12px;background:#0000002e;border:1px solid rgba(214,173,82,.1)}.chat-line strong{color:#fff2cfeb}.chat-line span{color:#f8edd0d1;word-break:break-word}.chat-line.self{background:#d6ad521f;border-color:#d6ad5238}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.chat-input-row input{padding:10px 12px;border-radius:12px;border:1px solid rgba(214,173,82,.18);background:#00000038;color:#fff2cfeb}.chat-input-row button{padding:10px 14px;border-radius:12px}.info-modal{max-height:calc(100vh - 64px);overflow:auto}.info-body{margin-top:12px;display:grid;gap:12px;color:#f8edd0e0}.info-body h3{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#fff2cfeb}.info-body ul{margin:0;padding-left:18px;display:grid;gap:6px}.panel,.brand-card,.notification{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#141414db,#090909eb);border:1px solid rgba(214,173,82,.22);box-shadow:0 12px 40px #0000006b}.brand-card{top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:14px 22px;border-radius:18px}.logo-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f9db84,#8f6d1f);color:#140f05;font-size:1.4rem;font-weight:800}.brand-card h1,.panel h2{margin:0;font-weight:700;letter-spacing:.02em}.brand-card p,.panel p,.panel span,.player-card p{margin:0;color:#f8edd0b8}.left-column{top:24px;left:24px;display:flex;flex-wrap:wrap;gap:10px;width:min(910px,calc(100vw - 72px))}.player-bar{display:flex;gap:10px;overflow-x:auto;overscroll-behavior:contain;width:100%;padding-bottom:4px}.player-card.compact{flex:0 0 auto}.right-column{top:24px;right:24px;display:grid;gap:10px;width:min(280px,calc(100vw - 48px))}.panel{border-radius:18px;padding:12px}.player-card.active{border-color:#f8d471a6;box-shadow:0 0 0 1px #f8d4712e,0 18px 48px #0000007a}.player-card{width:220px}.panel h2{font-size:1rem}.panel p,.panel span,.player-card p{font-size:.84rem}.player-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.token-swatch{width:10px;height:42px;border-radius:999px;box-shadow:0 0 12px currentColor}.player-stats,.tile-meta,.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-stats div,.tile-meta div,.action-grid div{display:grid;gap:4px;padding:9px;border-radius:12px;background:#ffffff08}.player-stats strong,.tile-meta strong,.action-grid strong{font-size:.92rem;color:#fff3cf}.panel-kicker{margin-bottom:6px;color:#d8b05b;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.action-card{display:grid;gap:12px}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button-row button{padding:10px 12px;border:none;border-radius:12px;background:linear-gradient(135deg,#f2ce7d,#94712b);color:#100c03;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;box-shadow:0 12px 22px #b98c3447}.button-row button:hover:enabled{transform:translateY(-1px)}.button-row button:disabled{cursor:not-allowed;opacity:.36;box-shadow:none}.tile-card{display:grid;gap:10px}.clean-focus{border-color:#d8b05b59;background:linear-gradient(180deg,#121212eb,#0a0a0af5)}.property-strip{height:8px;border-radius:999px;box-shadow:0 0 18px currentColor}.notifications{position:absolute;right:24px;bottom:24px;z-index:3;display:grid;gap:8px;width:min(300px,calc(100vw - 48px))}.notification{display:block;width:100%;padding:11px 14px;border-radius:14px;color:#fff3cf;text-align:left;cursor:pointer;font-size:.84rem}@media (max-width: 1200px){.left-column{width:660px}.right-column{width:230px}}@media (max-width: 980px){.landing-panel{grid-template-columns:1fr}.left-column,.right-column{top:auto;bottom:calc(40vh + 32px);width:min(280px,calc(50vw - 24px));max-height:52vh;overflow:auto}.left-column{left:16px;width:min(280px,calc(50vw - 24px))}.right-column{right:16px}.portfolio-panel{left:16px;bottom:16px;width:min(280px,calc(50vw - 24px));max-height:40vh;overflow:auto}.chat-panel{bottom:16px;width:min(520px,calc(100vw - 32px))}.notifications{right:16px;bottom:calc(92vh + 48px)}}@media (max-width: 720px){.landing-shell{padding:16px;place-items:start center}.landing-panel,.token-grid,.landing-actions{grid-template-columns:1fr}.left-column,.right-column{position:absolute;width:calc(100vw - 32px);max-height:none}.left-column{left:16px;bottom:300px}.right-column{left:16px;right:auto;bottom:280px}.portfolio-panel{left:16px;bottom:210px;width:calc(100vw - 32px)}.chat-panel{left:16px;transform:none;bottom:16px;width:calc(100vw - 32px)}.chat-toggle{left:16px;transform:none;bottom:16px}.notifications{left:16px;right:16px;bottom:520px;width:auto}}