:root{--page-bg: #e0e0e0;--clay-inner: #d8d8d8;--soft-shadow: rgba(0, 0, 0, .12);--deep-shadow: rgba(0, 0, 0, .18);--sharp-highlight: rgba(255, 255, 255, .85);--etched-text: #999999}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--page-bg);padding:2rem}.login-container{background:var(--clay-inner);border-radius:50px;padding:4rem;max-width:520px;width:100%;box-shadow:inset 8px 8px 20px var(--soft-shadow),inset -8px -8px 20px var(--sharp-highlight)}.login-title{font-size:4.5rem;font-weight:900;color:var(--page-bg);text-transform:uppercase;text-align:center;margin-bottom:.5rem;text-shadow:.5px .5px 0px var(--sharp-highlight),1px 1px 0px var(--soft-shadow),2px 2px 2px var(--soft-shadow),3px 3px 5px var(--soft-shadow)}.login-subtitle{text-align:center;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--etched-text);margin-bottom:3rem;text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight)}.login-tabs{display:flex;gap:.75rem;margin-bottom:2.5rem;background:var(--page-bg);border-radius:18px;padding:.5rem;box-shadow:inset 4px 4px 8px var(--soft-shadow),inset -4px -4px 8px var(--sharp-highlight)}.login-tab{flex:1;background:transparent;border:none;border-radius:12px;padding:.75rem 1rem;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);cursor:pointer;transition:all .2s ease;text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight)}.login-tab.active{background:var(--clay-inner);color:var(--etched-text);box-shadow:3px 3px 8px var(--soft-shadow),-3px -3px 8px var(--sharp-highlight)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field-label{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);margin-bottom:.5rem;text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight)}.login-field{background:var(--clay-inner);border:none;border-radius:12px;padding:1.1rem 1.25rem;font-size:1rem;font-weight:600;color:#555;width:100%;box-sizing:border-box;box-shadow:inset 4px 4px 8px var(--soft-shadow),inset -4px -4px 8px var(--sharp-highlight);transition:all .3s ease;outline:none}.login-field::placeholder{color:#bbb;font-weight:500}.login-field:focus{box-shadow:inset 6px 6px 12px var(--soft-shadow),inset -6px -6px 12px var(--sharp-highlight)}.login-submit-btn{background:var(--page-bg);color:var(--etched-text);font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;padding:1.25rem 2rem;border:none;border-radius:18px;cursor:pointer;margin-top:.5rem;width:100%;box-shadow:6px 6px 15px var(--soft-shadow),-3px -3px 8px var(--sharp-highlight);text-shadow:-1px -1px 2px rgba(0,0,0,.25),1px 1px 1px var(--sharp-highlight);transition:all .2s ease}.login-submit-btn:hover{box-shadow:8px 8px 20px var(--soft-shadow),-4px -4px 10px var(--sharp-highlight)}.login-submit-btn:active{box-shadow:inset 4px 4px 8px var(--soft-shadow),inset -4px -4px 8px var(--sharp-highlight);transform:translateY(1px)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.75rem 0}.login-divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent)}.login-divider-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:var(--etched-text);text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight);white-space:nowrap}.login-wallet-btn{background:var(--page-bg);color:var(--etched-text);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;padding:1rem 2rem;border:none;border-radius:18px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:5px 5px 12px var(--soft-shadow),-3px -3px 8px var(--sharp-highlight);text-shadow:-1px -1px 2px rgba(0,0,0,.2),1px 1px 1px var(--sharp-highlight);transition:all .2s ease;font-variant-emoji:text;filter:grayscale(100%)}.login-wallet-btn:hover{box-shadow:7px 7px 18px var(--soft-shadow),-4px -4px 10px var(--sharp-highlight)}.login-wallet-btn:active{box-shadow:inset 4px 4px 8px var(--soft-shadow),inset -4px -4px 8px var(--sharp-highlight)}.login-wallet-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--page-bg);border-radius:12px;padding:.9rem 1.25rem;font-size:.82rem;font-weight:700;color:#9a4a4a;text-align:center;box-shadow:inset 3px 3px 6px var(--soft-shadow),inset -3px -3px 6px var(--sharp-highlight);text-shadow:-.5px -.5px 1px rgba(0,0,0,.1),.5px .5px 1px var(--sharp-highlight)}.login-success{background:var(--page-bg);border-radius:12px;padding:.9rem 1.25rem;font-size:.82rem;font-weight:700;color:#4a7a4a;text-align:center;box-shadow:inset 3px 3px 6px var(--soft-shadow),inset -3px -3px 6px var(--sharp-highlight)}.login-wallet-address{text-align:center;font-family:monospace;font-size:.8rem;font-weight:700;color:var(--etched-text);opacity:.7;text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight);margin-top:.5rem}.login-footer{text-align:center;margin-top:2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);text-shadow:-1px -1px 1px rgba(0,0,0,.1),1px 1px 1px var(--sharp-highlight)}.terraform-modal-overlay{position:fixed;inset:0;background:#000c;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.terraform-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.terraform-modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.terraform-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.terraform-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.terraform-close-btn:hover{background:#fff3;transform:scale(1.1)}.terraform-modal-body{padding:1.5rem}.terraform-full-description{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:6px;border-left:3px solid #667eea}.terraform-full-description p{margin:0 0 .75rem;color:#ffffffe6;font-size:.9rem;line-height:1.6}.terraform-full-description p:last-child{margin-bottom:0}.terraform-action{margin-bottom:1.5rem}.terraform-action label{display:block;color:#ffffffe6;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.terraform-input-group{display:flex;gap:.5rem}.terraform-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-family:Courier New,monospace}.terraform-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.terraform-input:disabled{opacity:.5;cursor:not-allowed}.terraform-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;white-space:nowrap}.terraform-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.terraform-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.terraform-btn-full{width:100%}.terraform-error{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);color:#e74c3c;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.terraform-success{background:#2ecc7133;border:1px solid rgba(46,204,113,.4);color:#2ecc71;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.terraform-loading{color:#ffffffb3;font-size:.85rem;text-align:center;padding:.5rem;font-style:italic}.terraform-result{margin-top:.5rem;padding:.5rem;background:#ffffff0d;border-radius:4px;color:#4a90e2;font-family:Courier New,monospace;font-size:.85rem}.cheon-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.cheon-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);color:#fff}.cheon-modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.cheon-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.cheon-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.cheon-close-btn:hover{background:#fff3;transform:scale(1.1)}.cheon-modal-body{padding:1.5rem}.cheon-full-description{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:6px;border-left:3px solid #4a90e2}.cheon-full-description p{margin:0 0 .75rem;color:#ffffffe6;font-size:.9rem;line-height:1.6}.cheon-full-description p:last-child{margin-bottom:0}.cheon-error{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);color:#e74c3c;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.cheon-action-section{margin-top:1.5rem}.cheon-action-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a90e266}.cheon-action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90e299}.cheon-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cheon-warning{background:#ffc10733;border:1px solid rgba(255,193,7,.4);color:#ffc107;padding:.75rem;border-radius:6px;font-size:.85rem;text-align:center}.chao-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.chao-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);color:#fff}.chao-modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.chao-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.chao-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.chao-close-btn:hover{background:#fff3;transform:scale(1.1)}.chao-modal-body{padding:1.5rem}.chao-full-description{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:6px;border-left:3px solid #9b59b6}.chao-full-description p{margin:0 0 .75rem;color:#ffffffe6;font-size:.9rem;line-height:1.6}.chao-full-description p:last-child{margin-bottom:0}.model-selector-overlay{position:fixed;inset:0;background:#000c;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.model-selector-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;width:90vw;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.model-selector-header{padding:1.5rem;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.model-selector-header h2{margin:0;color:#fff;font-size:1.5rem}.model-selector-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.model-selector-close:hover{background:#fff3;transform:scale(1.1)}.model-selector-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.model-selector-search{margin-bottom:.5rem}.model-selector-search-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem}.model-selector-search-input:focus{outline:none;border-color:#4a90e2cc;box-shadow:0 0 10px #4a90e24d}.model-selector-search-input::placeholder{color:#ffffff80}.model-selector-directory{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0003;border-radius:6px}.model-selector-directory label{color:#fffc;font-size:.9rem;white-space:nowrap}.model-selector-directory-input{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.9rem}.model-selector-directory-input:focus{outline:none;border-color:#4a90e2cc}.model-selector-refresh-btn{padding:.5rem 1rem;background:#4a90e24d;border:1px solid rgba(74,144,226,.5);border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.model-selector-refresh-btn:hover{background:#4a90e280;border-color:#4a90e2cc}.model-selector-tabs{display:flex;gap:0;padding:0 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.model-selector-tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.model-selector-tab:hover{color:#fffffff2}.model-selector-tab.active{color:#fff;border-bottom-color:#4a90e2e6}.model-selector-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.model-selector-toolbar-label{font-size:.85rem;color:#ffffffb3}.model-selector-size-buttons{display:flex;gap:4px}.model-selector-size-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:background .2s,border-color .2s}.model-selector-size-btn:hover{background:#4a90e24d;border-color:#4a90e280}.model-selector-size-btn.active{background:#4a90e280;border-color:#4a90e2cc}.model-selector-size-icon{font-size:1rem;line-height:1}.model-selector-size-icon-md{font-size:1.2rem}.model-selector-size-icon-lg{font-size:1.35rem}.model-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb-size, 112px),1fr));gap:1rem;min-height:200px;max-height:380px;overflow-y:auto;padding:.5rem 0;margin-bottom:1rem}.model-selector-card{display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}.model-selector-card:hover{background:#4a90e233;border-color:#4a90e280;transform:translateY(-2px)}.model-selector-card.selected{background:#4a90e266;border-color:#4a90e2cc;box-shadow:0 0 12px #4a90e24d}.model-selector-card-thumb{position:relative;flex-shrink:0;width:100%;background:#0006;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.model-selector-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.model-selector-card-placeholder{font-size:1.5rem;opacity:.6;z-index:0}.model-selector-card-label{margin:4px 4px 0;font-size:.85rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.model-selector-card-btn{margin:4px 0;padding:2px 8px;font-size:10px}.model-selector-list{flex:1;min-height:300px;max-height:400px;overflow-y:auto;background:#0003;border-radius:6px;padding:.5rem}.model-list{display:flex;flex-direction:column;gap:.5rem}.model-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.model-item:hover{background:#4a90e233;border-color:#4a90e280;transform:translate(4px)}.model-item.selected{background:#4a90e266;border-color:#4a90e2cc;box-shadow:0 0 15px #4a90e24d}.model-item-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px}.model-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.model-item-name{color:#fff;font-weight:600;font-size:1rem}.model-item-path{color:#fff9;font-size:.85rem;font-family:Courier New,monospace}.model-item-type{color:#4a90e2cc;font-size:.75rem;text-transform:uppercase;font-weight:600}.model-selector-loading,.model-selector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff9;text-align:center}.model-selector-hint{margin-top:1rem;font-size:.9rem;color:#ffffff80}.model-selector-manual{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0003;border-radius:6px}.model-selector-manual label{color:#fffc;font-size:.9rem}.model-selector-manual-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;font-family:Courier New,monospace}.model-selector-manual-input:focus{outline:none;border-color:#4a90e2cc;box-shadow:0 0 10px #4a90e24d}.model-selector-manual-input::placeholder{color:#fff6}.model-selector-selection{padding:.75rem;background:#4a90e233;border:1px solid rgba(74,144,226,.4);border-radius:6px;color:#fff;font-size:.9rem;font-family:Courier New,monospace}.model-selector-selection strong{color:#4a90e2;margin-right:.5rem}.model-selector-footer{padding:1.5rem;background:#0000004d;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.model-selector-cancel-btn,.model-selector-confirm-btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.model-selector-cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.model-selector-cancel-btn:hover{background:#fff3}.model-selector-confirm-btn{background:#4a90e299;color:#fff;border:1px solid rgba(74,144,226,.8)}.model-selector-confirm-btn:hover:not(:disabled){background:#4a90e2cc;box-shadow:0 0 15px #4a90e266;transform:translateY(-2px)}.model-selector-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.model-selector-list::-webkit-scrollbar{width:8px}.model-selector-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.model-selector-list::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:4px}.model-selector-list::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}.model-selector-grid::-webkit-scrollbar{width:8px;height:8px}.model-selector-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.model-selector-grid::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:4px}.model-selector-grid::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}.character-viewer-overlay{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.character-viewer-container{width:95vw;height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden;color:#fff}.character-viewer-header{padding:1rem 1.5rem;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.character-viewer-header-actions{display:flex;align-items:center;gap:.5rem}.settings-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-btn:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.character-viewer-header h2{margin:0;color:#fff;font-size:1.5rem}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fff3;transform:scale(1.1)}.character-viewer-content{flex:1;display:flex;gap:0;padding:1rem;overflow:hidden;position:relative}.character-viewer-center{flex:1;min-width:0;position:relative;background:#00000080;border-radius:8px;overflow:hidden}.character-viewer-right{background:#0000004d;border-radius:8px;padding:1rem;display:flex;flex-direction:column;overflow-y:auto;color:#fff;flex-shrink:0}.character-viewer-right h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#4a90e2;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.panel-resizer{width:4px;background:#ffffff1a;cursor:col-resize;flex-shrink:0;position:relative;margin:0 .5rem;transition:background .2s}.panel-resizer:hover{background:#4a90e299}.panel-resizer:before{content:"";position:absolute;inset:0 -2px}.character-viewer-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1);flex-wrap:wrap}.character-viewer-tab{padding:8px 12px;background:transparent;border:none;border-bottom:3px solid transparent;color:#fff9;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500;position:relative;bottom:-2px;white-space:nowrap}.character-viewer-tab:hover{color:#ffffffe6;background:#ffffff0d}.character-viewer-tab.active{color:#fff;border-bottom-color:#4a90e2cc;background:#4a90e21a}.character-viewer-tab-content{flex:1;overflow-y:auto;padding-top:8px;min-height:0}.viewport-frame-btn{position:absolute;bottom:12px;right:12px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.viewport-frame-btn:hover{background:#4a90e24d;border-color:#4a90e299;color:#fff}.character-viewer-center canvas{width:100%!important;height:100%!important}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.balance-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;width:32px;height:32px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin-left:.5rem}.balance-toggle-btn:hover{background:#fff3;transform:scale(1.1)}.token-list{display:flex;flex-direction:column;gap:.5rem}.token-item{display:flex;justify-content:space-between;padding:.5rem;border-radius:4px;font-size:.9rem}.token-name{font-weight:600;color:#ffdbac}.token-balance{color:#4a90e2;font-family:Courier New,monospace}.user-tokens{margin-bottom:1.5rem}.user-token-item,.attribute-item{display:flex;justify-content:space-between;padding:.5rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem}.address-with-copy{display:flex;align-items:center;gap:.5rem}.copy-button-small{background:#4a90e200;border:0px solid rgba(74,144,226,.4);color:#4a90e2;padding:.2rem .4rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:all .2s}.copy-button-small:hover{background:#4a90e24d;transform:scale(1.1)}.lau-address,.yue-address{font-family:Courier New,monospace;color:#4a90e2;font-size:.85rem}.yue-attributes{margin-top:.5rem;margin-bottom:.5rem;padding:.75rem;border-radius:6px;border-left:2px solid #4a90e2}.yue-attribute{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.yue-attribute:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.yue-value{color:#ffdbac;font-weight:500}.yue-loading,.lau-loading{color:#fff9;font-size:.85rem;font-style:italic}.yue-error{color:#e74c3c;font-size:.85rem;font-style:italic;padding:.5rem 0}.placeholder{color:#fff6;font-style:italic}.placeholder-right{text-align:right;display:block}.attribute-value{color:#4a90e2;font-weight:500}.attribute-value.address{font-family:Courier New,monospace;font-size:.85rem}.qing-info{display:flex;flex-direction:column;gap:.25rem}.qing-details{font-size:.85rem;color:#b0b0b0;margin-left:.5rem}.qing-name{font-weight:500;color:#4a90e2}.qing-symbol{color:#888}.qing-select{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.location-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.coordinate-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-left:.5rem}.coordinate-label{color:#ffffffb3;font-size:.85rem}.coordinate-value{text-align:right;font-family:monospace;font-size:.85rem}.error-text{color:#e74c3c;font-size:.85rem}.attributes-section,.game-tokens-section,.actions-section{margin-top:1.5rem;margin-bottom:1.5rem}.attributes-section h4,.game-tokens-section h4,.actions-section h4{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:#4a90e2}.section-header-collapsible{cursor:pointer;user-select:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.section-header-collapsible:hover{color:#6ba3e8}.section-content{margin-top:.5rem}.game-token-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem}.game-token-balance{color:#4a90e2;font-family:Courier New,monospace;font-weight:500}.action-cards{display:flex;flex-direction:column;gap:1rem}.action-card{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;transition:all .3s ease}.action-card:hover{background:#0006;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d}.action-card-title{margin:0 0 .75rem;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3}.action-card-row{display:flex;align-items:stretch;justify-content:space-between;gap:1rem}.action-card-description{margin:0;color:#ffffffbf;font-size:.85rem;line-height:1.5;flex:1;display:flex;align-items:center}.action-card-button{width:120px;padding:.75rem 1rem;border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:100%}.action-card-button:hover:not(:disabled){transform:translateY(-2px)}.action-card-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-card-button.terraform-action{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.action-card-button.terraform-action:hover:not(:disabled){box-shadow:0 6px 20px #667eea99}.action-card-button.accumulate-cheon-action{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 4px 15px #4a90e266}.action-card-button.accumulate-cheon-action:hover:not(:disabled){box-shadow:0 6px 20px #4a90e299}.action-card-button.chao-action{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b666}.action-card-button.chao-action:hover:not(:disabled){box-shadow:0 6px 20px #9b59b699}.engine-toggle-container{background:#00000080;border-radius:6px;padding:.5rem;border:1px solid rgba(255,255,255,.2)}.engine-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.engine-toggle-checkbox{display:none}.engine-toggle-slider{position:relative;width:50px;height:24px;background:#fff3;border-radius:12px;transition:all .3s;border:1px solid rgba(255,255,255,.3)}.engine-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s;box-shadow:0 2px 4px #0003}.engine-toggle-checkbox:checked+.engine-toggle-slider{background:#4a90e2cc;border-color:#4a90e2}.engine-toggle-checkbox:checked+.engine-toggle-slider:before{transform:translate(26px)}.engine-toggle-text{color:#fff;font-size:.85rem;font-weight:600;min-width:110px}.character-viewer-settings-panel{position:absolute;top:60px;right:1rem;width:320px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;box-shadow:0 10px 40px #00000080;z-index:1001;border:1px solid rgba(255,255,255,.1);overflow:hidden}.settings-panel-header{padding:1rem 1.5rem;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.settings-panel-header h3{margin:0;color:#fff;font-size:1.1rem}.settings-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-close-btn:hover{background:#fff3;transform:scale(1.1)}.settings-panel-content{padding:1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h4{margin:0 0 1rem;color:#4a90e2;font-size:.95rem;font-weight:600}.settings-description{margin:.75rem 0 0;color:#fff9;font-size:.8rem;line-height:1.4;font-style:italic}.settings-model-selector-btn{width:100%;padding:.75rem 1rem;background:#4a90e299;border:1px solid rgba(74,144,226,.8);border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-model-selector-btn:hover{background:#4a90e2cc;transform:translateY(-2px)}.settings-model-path{margin-top:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.settings-model-path-label{display:block;color:#ffffffb3;font-size:.8rem;margin-bottom:.25rem}.settings-model-path-value{display:block;color:#4a90e2;font-size:.85rem;font-family:Courier New,monospace;word-break:break-all;font-weight:600}:root{--clay-base: #d4d6d0;--clay-shadow: #b9bcb4;--clay-highlight: #eef0ea;--clay-text: #636860;--clay-accent: #848882;--etch-dark: rgba(0, 0, 0, .14);--etch-light: rgba(255, 255, 255, .42)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:var(--clay-base);color:var(--clay-text);font-family:Comic Sans MS,Rounded,system-ui,-apple-system,sans-serif;overflow:hidden}.sculpted{filter:url(#clay-mold)}.etched-no-color{color:var(--clay-base);text-shadow:-1px -1px 1px var(--etch-dark),1px 1px 1px var(--etch-light)}.color-etched{color:var(--clay-text);text-shadow:-1px -1px 1px var(--etch-dark),1px 1px 1px var(--etch-light)}.dopple-app{width:100%;height:100%;display:flex;background:var(--clay-base);position:relative}.dopple-app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:1000}.viewport{flex:1;position:relative;margin:16px 0 16px 16px;border-radius:30px;overflow:hidden;background:var(--clay-base);box-shadow:inset 10px 10px 25px var(--clay-shadow),inset -8px -8px 20px var(--clay-highlight)}.viewport canvas{width:100%!important;height:100%!important}.viewport-loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--clay-base);border-radius:inherit;pointer-events:none;opacity:1;transition:opacity .25s ease}.viewport-loading.fade-out{opacity:0}.viewport-loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.12);border-top-color:#ffffff8c;border-radius:50%;animation:vp-spin .8s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.demo-panel{width:340px;background:var(--clay-base);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin:16px;border-radius:24px;box-shadow:7px 7px 15px var(--clay-shadow),-7px -7px 15px var(--clay-highlight)}.panel-header{display:flex;justify-content:space-between;align-items:center}.demo-panel h2{font-size:18px;margin-bottom:4px}.back-chip{padding:4px 12px;font-size:12px;font-weight:600;background:var(--clay-base);color:var(--clay-text);border:none;border-radius:12px;cursor:pointer;box-shadow:3px 3px 6px var(--clay-shadow),-3px -3px 6px var(--clay-highlight);transition:all .15s}.back-chip:hover{box-shadow:4px 4px 8px var(--clay-shadow),-4px -4px 8px var(--clay-highlight);transform:translateY(-1px)}.back-chip:active{box-shadow:inset 3px 3px 6px var(--clay-shadow),inset -2px -2px 4px var(--clay-highlight);transform:translateY(1px)}.demo-panel section{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.demo-panel label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--clay-accent);display:flex;align-items:center;gap:8px;font-weight:700}.demo-panel .value{font-size:14px;color:var(--clay-text);font-weight:600}.demo-panel .badge{font-size:10px;background:var(--clay-base);padding:2px 10px;border-radius:10px;color:var(--clay-accent);text-transform:none;letter-spacing:0;box-shadow:inset 2px 2px 4px var(--clay-shadow),inset -2px -2px 4px var(--clay-highlight)}.btn-row{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:5px 12px;font-size:12px;font-weight:600;background:var(--clay-base);color:var(--clay-accent);border:none;border-radius:14px;cursor:pointer;transition:all .15s;box-shadow:3px 3px 6px var(--clay-shadow),-3px -3px 6px var(--clay-highlight)}.chip:hover{color:var(--clay-text);box-shadow:4px 4px 8px var(--clay-shadow),-4px -4px 8px var(--clay-highlight);transform:translateY(-1px)}.chip.active{color:var(--clay-text);font-weight:800;box-shadow:inset 3px 3px 6px var(--clay-shadow),inset -2px -2px 4px var(--clay-highlight);transform:translateY(1px)}.primary-btn{padding:10px 20px;font-size:14px;font-weight:700;background:var(--clay-base);color:var(--clay-text);border:none;border-radius:16px;cursor:pointer;transition:all .15s;margin-top:6px;box-shadow:5px 5px 12px var(--clay-shadow),-5px -5px 12px var(--clay-highlight);letter-spacing:.5px}.primary-btn:hover{box-shadow:6px 6px 14px var(--clay-shadow),-6px -6px 14px var(--clay-highlight);transform:translateY(-2px)}.primary-btn:active{box-shadow:inset 4px 4px 8px var(--clay-shadow),inset -3px -3px 6px var(--clay-highlight);transform:translateY(1px)}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:2px}.color-swatch .swatch{width:30px;height:30px;border-radius:50%;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffff4d,3px 3px 6px var(--clay-shadow),-3px -3px 6px var(--clay-highlight)}.color-swatch span{font-size:9px;color:var(--clay-accent);font-weight:600}.clip-list{display:flex;flex-wrap:wrap;gap:4px}.clip-tag{font-size:10px;padding:3px 8px;background:var(--clay-base);border:none;border-radius:8px;color:var(--clay-accent);font-weight:600;box-shadow:inset 2px 2px 3px var(--clay-shadow),inset -1px -1px 2px var(--clay-highlight)}.muted{font-size:11px;color:var(--clay-accent);opacity:.7}footer.muted{margin-top:auto;padding-top:8px;text-align:center}.demo-panel::-webkit-scrollbar{width:6px}.demo-panel::-webkit-scrollbar-track{background:transparent}.demo-panel::-webkit-scrollbar-thumb{background:var(--clay-shadow);border-radius:3px}.demo-panel::-webkit-scrollbar-thumb:hover{background:var(--clay-accent)}