.startup-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.startup-container{background:var(--lg-surface-raised);border:1px solid var(--lg-border);border-radius:34px;padding:4rem;max-width:650px;width:100%;box-shadow:var(--lg-shadow-lg),var(--lg-shadow-inset),var(--lg-shadow-inset-dark);position:relative;overflow:hidden}.startup-container:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(160,200,180,.04) 0%,transparent 100%);pointer-events:none;border-radius:34px 34px 0 0}.startup-title{font-size:5rem;font-weight:900;color:#7db8a31a;text-transform:uppercase;text-align:center;margin-bottom:2.5rem;text-shadow:0 0 80px rgba(125,184,163,.12);position:relative;z-index:1}.startup-lau-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;margin-top:20px;position:relative;z-index:1}.startup-lau-item{background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:22px;padding:2rem 3.5rem;cursor:pointer;width:fit-content;min-width:450px;display:flex;justify-content:space-between;align-items:center;gap:3rem;box-shadow:var(--lg-shadow),var(--lg-shadow-inset);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.startup-lau-item:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(160,200,180,.03) 0%,transparent 100%);pointer-events:none;border-radius:22px 22px 0 0}.startup-lau-item:hover{background:var(--lg-surface-hover);border-color:var(--lg-border-hover);transform:translateY(-3px);box-shadow:var(--lg-shadow-lg),0 0 40px #7db8a30a}.startup-lau-item:active{transform:translateY(2px);background:var(--lg-surface)}.startup-lau-item-name{font-size:1.6rem;font-weight:900;text-transform:uppercase;color:var(--lg-text);text-shadow:0 0 30px rgba(125,184,163,.1);position:relative;z-index:1}.startup-wallet-info{color:var(--lg-text-secondary);text-align:center;margin-bottom:2.5rem;font-weight:800;text-transform:uppercase;position:relative;z-index:1}.startup-arrow-button{background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:var(--lg-radius-lg);width:60px;height:60px;color:var(--lg-text-secondary);box-shadow:0 4px 16px #0003;cursor:pointer;display:inline-block;transition:all .2s ease;margin-top:3rem;margin-bottom:1rem}.startup-lau-item-arrow{font-size:10rem;font-weight:900;color:#7db8a30f;margin-left:20px;text-shadow:0 0 50px rgba(125,184,163,.06);transform:rotate(-1deg) skew(2deg);display:inline-block;user-select:none;position:relative;z-index:1}.startup-arrow-button:active{background:var(--lg-surface);transform:scale(.96)}.startup-lau-item-symbol{font-size:1.1rem;font-weight:700;letter-spacing:3px;opacity:.7;color:var(--lg-text-secondary);position:relative;z-index:1}.startup-lau-item-address{color:var(--lg-text-muted);font-family:var(--lg-font-mono);font-size:.85rem;margin-top:10px;opacity:.6;font-weight:700;position:relative;z-index:1}.startup-wallet-section{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0}.startup-connect-wallet-button{background:var(--lg-surface);border:1px solid var(--lg-border);color:var(--lg-text);font-size:1.5rem;font-weight:900;text-transform:uppercase;padding:1.5rem 3rem;cursor:pointer;margin:3rem 4rem;border-radius:22px;box-shadow:var(--lg-shadow),var(--lg-shadow-inset);transition:all .35s ease;position:relative;z-index:1}.startup-connect-wallet-button:hover{background:var(--lg-surface-hover);border-color:var(--lg-border-hover);transform:translateY(-2px);box-shadow:var(--lg-shadow-lg),0 0 30px #7db8a30a}.startup-create-field{background:var(--lg-surface-sunken);border:1px solid var(--lg-border);border-radius:14px;padding:1.2rem;font-size:1rem;font-weight:600;color:var(--lg-text);width:100%;box-shadow:inset 0 2px 8px #00000026;transition:all .3s ease;position:relative;z-index:1}.startup-create-field:focus{outline:none;border-color:var(--lg-border-active);box-shadow:inset 0 2px 8px #00000026,0 0 20px #7db8a30f}[data-theme=light] .startup-container:before{background:linear-gradient(180deg,rgba(60,90,75,.05) 0%,transparent 100%)}[data-theme=light] .startup-title{color:#4d8a7824;text-shadow:0 0 80px rgba(77,138,120,.1)}[data-theme=light] .startup-lau-item:before{background:linear-gradient(180deg,rgba(60,90,75,.04) 0%,transparent 100%)}[data-theme=light] .startup-lau-item:hover{box-shadow:var(--lg-shadow-lg),0 0 40px #4d8a780f}[data-theme=light] .startup-lau-item-name{text-shadow:0 0 30px rgba(77,138,120,.08)}[data-theme=light] .startup-arrow-button{box-shadow:0 4px 16px #3c50461f}[data-theme=light] .startup-lau-item-arrow{color:#4d8a7814;text-shadow:0 0 50px rgba(77,138,120,.06)}[data-theme=light] .startup-connect-wallet-button:hover{box-shadow:var(--lg-shadow-lg),0 0 30px #4d8a780f}[data-theme=light] .startup-create-field{box-shadow:inset 0 2px 8px #3c504614}[data-theme=light] .startup-create-field:focus{box-shadow:inset 0 2px 8px #3c504614,0 0 20px #4d8a780f}*{margin:0;padding:0;box-sizing:border-box}:root{--lg-bg-deep: #151a18;--lg-bg-mid: #1c2220;--lg-bg-alt: #191e1c;--lg-accent: #7db8a3;--lg-accent-dim: #5e8f7e;--lg-accent-bright: #96d0ba;--lg-text: #d5ddd9;--lg-text-secondary: #94a49b;--lg-text-muted: #657069;--lg-red: #c48888;--lg-yellow: #a8ab82;--lg-orange: #9a9872;--lg-cyan: #74aa9a;--lg-surface: rgba(160, 200, 180, .04);--lg-surface-hover: rgba(160, 200, 180, .075);--lg-surface-active: rgba(160, 200, 180, .12);--lg-surface-sunken: rgba(0, 6, 4, .18);--lg-surface-raised: rgba(170, 210, 190, .035);--lg-surface-raised-hover: rgba(170, 210, 190, .06);--lg-border: rgba(160, 200, 180, .1);--lg-border-hover: rgba(160, 200, 180, .2);--lg-border-active: rgba(125, 184, 163, .28);--lg-shadow: 0 8px 32px rgba(0, 0, 0, .22);--lg-shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--lg-shadow-inset: inset 0 1px 0 rgba(200, 230, 215, .08);--lg-shadow-inset-dark: inset 0 -1px 0 rgba(0, 0, 0, .08);--lg-blur: blur(60px) saturate(180%);--lg-blur-light: blur(30px) saturate(160%);--lg-blur-subtle: blur(3px);--lg-radius-sm: 8px;--lg-radius-md: 12px;--lg-radius-lg: 18px;--lg-radius-xl: 24px;--lg-font-mono: "IBM Plex Mono", "Courier New", monospace;--lg-font-ui: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--lg-bg-deep: #eef2f0;--lg-bg-mid: #e4eae7;--lg-bg-alt: #e9edeb;--lg-accent: #4d8a78;--lg-accent-dim: #6a9e8e;--lg-accent-bright: #3d7a68;--lg-text: #2a302d;--lg-text-secondary: #4f5a54;--lg-text-muted: #7a857f;--lg-red: #b85555;--lg-yellow: #7a7a40;--lg-orange: #6a6540;--lg-cyan: #3a7a68;--lg-surface: rgba(60, 90, 75, .04);--lg-surface-hover: rgba(60, 90, 75, .07);--lg-surface-active: rgba(60, 90, 75, .1);--lg-surface-sunken: rgba(60, 90, 75, .06);--lg-surface-raised: rgba(255, 255, 255, .55);--lg-surface-raised-hover: rgba(255, 255, 255, .7);--lg-border: rgba(60, 90, 75, .1);--lg-border-hover: rgba(60, 90, 75, .18);--lg-border-active: rgba(77, 138, 120, .25);--lg-shadow: 0 8px 32px rgba(60, 80, 70, .08);--lg-shadow-lg: 0 20px 60px rgba(60, 80, 70, .12);--lg-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .5);--lg-shadow-inset-dark: inset 0 -1px 0 rgba(60, 90, 75, .06);--lg-blur: blur(50px) saturate(120%);--lg-blur-light: blur(20px) saturate(110%)}body{font-family:var(--lg-font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(160deg,var(--lg-bg-deep) 0%,var(--lg-bg-mid) 40%,var(--lg-bg-alt) 70%,var(--lg-bg-deep) 100%);background-attachment:fixed;min-height:100vh;color:var(--lg-text);transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;top:50%;left:50%;width:70vmin;height:70vmin;transform:translate(-50%,-50%);background:url(/images/eedn-icon.png) center/contain no-repeat;opacity:.025;pointer-events:none;z-index:0}[data-theme=light] body:before{opacity:.04}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass{background:linear-gradient(135deg,rgba(200,230,215,.06) 0%,var(--lg-surface) 50%,rgba(160,200,180,.02) 100%);border:1px solid var(--lg-border);border-radius:var(--lg-radius-xl);box-shadow:var(--lg-shadow),var(--lg-shadow-inset),var(--lg-shadow-inset-dark)}.glass-card{background:linear-gradient(145deg,rgba(200,230,215,.06) 0%,var(--lg-surface) 40%,rgba(160,200,180,.015) 100%);border:1px solid var(--lg-border);border-radius:var(--lg-radius-xl);box-shadow:var(--lg-shadow),var(--lg-shadow-inset);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:linear-gradient(145deg,rgba(200,230,215,.09) 0%,var(--lg-surface-hover) 40%,rgba(160,200,180,.03) 100%);border-color:var(--lg-border-hover);box-shadow:var(--lg-shadow-lg),0 0 60px #a0c8b40a,inset 0 1px #c8e6d71a;transform:translateY(-3px)}.sculpted{background:linear-gradient(135deg,rgba(200,230,215,.05) 0%,var(--lg-surface) 50%,rgba(160,200,180,.015) 100%);border:1px solid var(--lg-border);border-radius:var(--lg-radius-xl);box-shadow:var(--lg-shadow),var(--lg-shadow-inset)}[data-theme=light] .glass,[data-theme=light] .glass-card{background:linear-gradient(145deg,#ffffff8c,#ffffff59,#f0f8f440)}[data-theme=light] .glass-card:hover{background:linear-gradient(145deg,#ffffffb3,#ffffff80,#f0f8f459)}[data-theme=light] .sculpted{background:linear-gradient(135deg,#ffffff80,#ffffff4d,#f0f8f433)}.header-hover-zone{position:fixed;top:0;left:0;right:0;height:30px;z-index:201;pointer-events:auto}.app-header{position:fixed;top:0;left:0;right:0;padding:.5rem .67rem;background:#151a18a6;border-bottom:1px solid var(--lg-border);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 30px #0000004d;z-index:200;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.header-hover-zone:hover~.app-header,.app-header:hover{opacity:1;transform:translateY(0);pointer-events:auto}.app-header .server-status{display:flex;align-items:center;gap:8px;margin-right:16px}.app-header h1{font-size:1.5rem;font-weight:600;color:var(--lg-text)}.app-header-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:10px;color:var(--lg-text);transition:all .2s}.app-header-settings-btn:hover{background:var(--lg-surface-hover);color:var(--lg-accent);transform:scale(1.05)}.app-tabs{position:fixed;top:20px;left:20px;display:flex;gap:.5rem;background:#151a188c;border:1px solid var(--lg-border);padding:.5rem;border-radius:14px;z-index:150}.app-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--lg-border);border-radius:10px;color:#d5ddd966;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.app-tab-icon{display:inline-flex;align-items:center;justify-content:center}.app-tab-icon svg{display:block}.app-tab:hover{background:var(--lg-surface);color:#d5ddd9cc}.app-tab.active{background:var(--lg-surface-active);border-color:var(--lg-border-active);color:var(--lg-accent)}.character-viewer-top-btn{position:fixed;top:80px;right:20px;padding:.75rem 1.5rem;background:var(--lg-surface-hover);border:1px solid rgba(125,184,163,.14);border-radius:14px;color:var(--lg-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003;z-index:150;backdrop-filter:var(--lg-blur-subtle);-webkit-backdrop-filter:var(--lg-blur-subtle)}.character-viewer-top-btn:hover{transform:translateY(-2px);background:var(--lg-surface-active)}.connect-btn,.disconnect-btn,.logout-btn{padding:.75rem 1.5rem;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:var(--lg-radius-md);color:var(--lg-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:var(--lg-blur-subtle);-webkit-backdrop-filter:var(--lg-blur-subtle)}.connect-btn:hover,.disconnect-btn:hover,.logout-btn:hover{background:var(--lg-surface-hover);transform:translateY(-2px)}.logout-btn{background:#c8505014;border-color:#c8505026}.logout-btn:hover{background:#c8505026}.wallet-info{display:flex;align-items:center;gap:1rem}.wallet-address{padding:.5rem 1rem;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:10px;font-family:var(--lg-font-mono);font-size:1.5rem;font-weight:600;color:var(--lg-text-secondary)}.viewer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;overflow:hidden;cursor:crosshair;z-index:1}.viewer-container canvas{width:100vw!important;height:100vh!important;display:block}.controls-hint{position:absolute;top:10px;right:20px;background:#151a18a6;color:var(--lg-text);padding:8px 16px;border-radius:var(--lg-radius-md);font-size:.85rem;z-index:10;pointer-events:auto;border:1px solid var(--lg-border);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.view-toggle-btn{background:var(--lg-surface);border:1px solid var(--lg-border);color:var(--lg-text);padding:4px 12px;border-radius:var(--lg-radius-sm);cursor:pointer;font-size:.75rem;transition:all .2s;backdrop-filter:var(--lg-blur-subtle);-webkit-backdrop-filter:var(--lg-blur-subtle)}.view-toggle-btn:hover{background:var(--lg-surface-hover);border-color:var(--lg-border-hover)}.viewer-loading,.viewer-empty{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0006;font-size:1.2rem;opacity:.8;z-index:1;color:var(--lg-text-secondary)}.app-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.app-welcome h2{font-size:2.5rem;margin-bottom:1rem;color:var(--lg-text)}.app-welcome p{font-size:1.25rem;opacity:.9;color:var(--lg-text-secondary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:10px;color:var(--lg-text-secondary);cursor:pointer;transition:all .25s ease;font-size:1.1rem;flex-shrink:0;backdrop-filter:var(--lg-blur-subtle);-webkit-backdrop-filter:var(--lg-blur-subtle)}.theme-toggle:hover{background:var(--lg-surface-hover);color:var(--lg-accent);transform:scale(1.08)}[data-theme=light] .app-header{background:#eef2f0b8;box-shadow:0 4px 30px #3c50460f}[data-theme=light] .app-tabs{background:#eef2f0a6}[data-theme=light] .controls-hint{background:#eef2f0b8}[data-theme=light] .glass-card:hover{box-shadow:var(--lg-shadow-lg),0 0 50px #3c5a4b0a,inset 0 1px #ffffff80}@media (max-width: 768px){.viewer-container{width:100vw;height:100vh}}
