:root{--page-bg:#e0e0e0;--clay-inner:#d8d8d8;--soft-shadow:#0000001f;--deep-shadow:#0000002e;--sharp-highlight:#ffffffd9;--etched-text:#999}.login-page{background-color:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{background:var(--clay-inner);width:100%;max-width:520px;box-shadow:inset 8px 8px 20px var(--soft-shadow), inset -8px -8px 20px var(--sharp-highlight);border-radius:50px;padding:4rem}.login-title{color:var(--page-bg);text-transform:uppercase;text-align:center;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);margin-bottom:.5rem;font-size:4.5rem;font-weight:900}.login-subtitle{text-align:center;text-transform:uppercase;letter-spacing:3px;color:var(--etched-text);text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);margin-bottom:3rem;font-size:.85rem;font-weight:700}.login-tabs{background:var(--page-bg);box-shadow:inset 4px 4px 8px var(--soft-shadow), inset -4px -4px 8px var(--sharp-highlight);border-radius:18px;gap:.75rem;margin-bottom:2.5rem;padding:.5rem;display:flex}.login-tab{text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);cursor:pointer;text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);background:0 0;border:none;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.8rem;font-weight:900;transition:all .2s}.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{flex-direction:column;gap:1.25rem;display:flex}.login-field-label{text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);margin-bottom:.5rem;font-size:.72rem;font-weight:900}.login-field{background:var(--clay-inner);color:#555;box-sizing:border-box;width:100%;box-shadow:inset 4px 4px 8px var(--soft-shadow), inset -4px -4px 8px var(--sharp-highlight);border:none;border-radius:12px;outline:none;padding:1.1rem 1.25rem;font-size:1rem;font-weight:600;transition:all .3s}.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);text-transform:uppercase;letter-spacing:3px;cursor:pointer;width:100%;box-shadow:6px 6px 15px var(--soft-shadow), -3px -3px 8px var(--sharp-highlight);text-shadow:-1px -1px 2px #00000040, 1px 1px 1px var(--sharp-highlight);border:none;border-radius:18px;margin-top:.5rem;padding:1.25rem 2rem;font-size:1.1rem;font-weight:900;transition:all .2s}.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{align-items:center;gap:1rem;margin:1.75rem 0;display:flex}.login-divider-line{background:linear-gradient(90deg,#0000,#0000001a,#0000);flex:1;height:1px}.login-divider-label{text-transform:uppercase;letter-spacing:3px;color:var(--etched-text);text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);white-space:nowrap;font-size:.7rem;font-weight:900}.login-wallet-btn{background:var(--page-bg);color:var(--etched-text);text-transform:uppercase;letter-spacing:2px;cursor:pointer;width:100%;box-shadow:5px 5px 12px var(--soft-shadow), -3px -3px 8px var(--sharp-highlight);text-shadow:-1px -1px 2px #0003, 1px 1px 1px var(--sharp-highlight);font-variant-emoji:text;filter:grayscale();border:none;border-radius:18px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.9rem;font-weight:900;transition:all .2s;display:flex}.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);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 #0000001a, .5px .5px 1px var(--sharp-highlight);border-radius:12px;padding:.9rem 1.25rem;font-size:.82rem;font-weight:700}.login-success{background:var(--page-bg);color:#4a7a4a;text-align:center;box-shadow:inset 3px 3px 6px var(--soft-shadow), inset -3px -3px 6px var(--sharp-highlight);border-radius:12px;padding:.9rem 1.25rem;font-size:.82rem;font-weight:700}.login-wallet-address{text-align:center;color:var(--etched-text);opacity:.7;text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);margin-top:.5rem;font-family:monospace;font-size:.8rem;font-weight:700}.login-footer{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--etched-text);text-shadow:-1px -1px 1px #0000001a, 1px 1px 1px var(--sharp-highlight);margin-top:2rem;font-size:.72rem;font-weight:700}.terraform-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.terraform-modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.terraform-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.terraform-modal-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.terraform-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.terraform-close-btn:hover{background:#fff3;transform:scale(1.1)}.terraform-modal-body{padding:1.5rem}.terraform-full-description{background:#0003;border-left:3px solid #667eea;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.terraform-full-description p{color:#ffffffe6;margin:0 0 .75rem;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{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.terraform-input-group{gap:.5rem;display:flex}.terraform-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;flex:1;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:.9rem}.terraform-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.terraform-input:disabled{opacity:.5;cursor:not-allowed}.terraform-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}.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{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c66;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.terraform-success{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc7166;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.terraform-loading{color:#ffffffb3;text-align:center;padding:.5rem;font-size:.85rem;font-style:italic}.terraform-result{color:#4a90e2;background:#ffffff0d;border-radius:4px;margin-top:.5rem;padding:.5rem;font-family:Courier New,monospace;font-size:.85rem}.cheon-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cheon-modal-content{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.cheon-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cheon-modal-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.cheon-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.cheon-close-btn:hover{background:#fff3;transform:scale(1.1)}.cheon-modal-body{padding:1.5rem}.cheon-full-description{background:#0003;border-left:3px solid #4a90e2;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.cheon-full-description p{color:#ffffffe6;margin:0 0 .75rem;font-size:.9rem;line-height:1.6}.cheon-full-description p:last-child{margin-bottom:0}.cheon-error{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c66;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.cheon-action-section{margin-top:1.5rem}.cheon-action-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;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{color:#ffc107;text-align:center;background:#ffc10733;border:1px solid #ffc10766;border-radius:6px;padding:.75rem;font-size:.85rem}.chao-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chao-modal-content{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.chao-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.chao-modal-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.chao-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.chao-close-btn:hover{background:#fff3;transform:scale(1.1)}.chao-modal-body{padding:1.5rem}.chao-full-description{background:#0003;border-left:3px solid #9b59b6;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.chao-full-description p{color:#ffffffe6;margin:0 0 .75rem;font-size:.9rem;line-height:1.6}.chao-full-description p:last-child{margin-bottom:0}.model-selector-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.model-selector-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;flex-direction:column;width:90vw;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.model-selector-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.model-selector-header h2{color:#fff;margin:0;font-size:1.5rem}.model-selector-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.model-selector-close:hover{background:#fff3;transform:scale(1.1)}.model-selector-content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.model-selector-search{margin-bottom:.5rem}.model-selector-search-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.model-selector-search-input:focus{border-color:#4a90e2cc;outline:none;box-shadow:0 0 10px #4a90e24d}.model-selector-search-input::placeholder{color:#ffffff80}.model-selector-directory{background:#0003;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.model-selector-directory label{color:#fffc;white-space:nowrap;font-size:.9rem}.model-selector-directory-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:4px;flex:1;padding:.5rem;font-size:.9rem}.model-selector-directory-input:focus{border-color:#4a90e2cc;outline:none}.model-selector-refresh-btn{color:#fff;cursor:pointer;background:#4a90e24d;border:1px solid #4a90e280;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.model-selector-refresh-btn:hover{background:#4a90e280;border-color:#4a90e2cc}.model-selector-tabs{background:#0003;border-bottom:1px solid #ffffff1a;gap:0;padding:0 1.5rem;display:flex}.model-selector-tab{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;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{align-items:center;gap:12px;margin-bottom:12px;display:flex}.model-selector-toolbar-label{color:#ffffffb3;font-size:.85rem}.model-selector-size-buttons{gap:4px;display:flex}.model-selector-size-btn{color:#ffffffe6;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s;display:flex}.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{grid-template-columns:repeat(auto-fill, minmax(var(--thumb-size,112px), 1fr));gap:1rem;min-height:200px;max-height:380px;margin-bottom:1rem;padding:.5rem 0;display:grid;overflow-y:auto}.model-selector-card{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;margin:0;padding:0;transition:background .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.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{aspect-ratio:1;background:#0006;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.model-selector-card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.model-selector-card-placeholder{opacity:.6;z-index:0;font-size:1.5rem}.model-selector-card-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:4px 4px 0;font-size:.85rem;font-weight:600;overflow:hidden}.model-selector-card-btn{margin:4px 0;padding:2px 8px;font-size:10px}.model-selector-list{background:#0003;border-radius:6px;flex:1;min-height:300px;max-height:400px;padding:.5rem;overflow-y:auto}.model-list{flex-direction:column;gap:.5rem;display:flex}.model-item{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.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{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.model-item-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.model-item-name{color:#fff;font-size:1rem;font-weight:600}.model-item-path{color:#fff9;font-family:Courier New,monospace;font-size:.85rem}.model-item-type{color:#4a90e2cc;text-transform:uppercase;font-size:.75rem;font-weight:600}.model-selector-loading,.model-selector-empty{color:#fff9;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.model-selector-hint{color:#ffffff80;margin-top:1rem;font-size:.9rem}.model-selector-manual{background:#0003;border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.model-selector-manual label{color:#fffc;font-size:.9rem}.model-selector-manual-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:1rem}.model-selector-manual-input:focus{border-color:#4a90e2cc;outline:none;box-shadow:0 0 10px #4a90e24d}.model-selector-manual-input::placeholder{color:#fff6}.model-selector-selection{color:#fff;background:#4a90e233;border:1px solid #4a90e266;border-radius:6px;padding:.75rem;font-family:Courier New,monospace;font-size:.9rem}.model-selector-selection strong{color:#4a90e2;margin-right:.5rem}.model-selector-footer{background:#0000004d;border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.model-selector-cancel-btn,.model-selector-confirm-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.model-selector-cancel-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3}.model-selector-cancel-btn:hover{background:#fff3}.model-selector-confirm-btn{color:#fff;background:#4a90e299;border:1px solid #4a90e2cc}.model-selector-confirm-btn:hover:not(:disabled){background:#4a90e2cc;transform:translateY(-2px);box-shadow:0 0 15px #4a90e266}.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{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.character-viewer-container{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;flex-direction:column;width:95vw;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.character-viewer-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.character-viewer-header-actions{align-items:center;gap:.5rem;display:flex}.settings-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex}.settings-btn:hover{background:#fff3;transform:scale(1.1)rotate(90deg)}.character-viewer-header h2{color:#fff;margin:0;font-size:1.5rem}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{background:#fff3;transform:scale(1.1)}.character-viewer-content{flex:1;gap:0;padding:1rem;display:flex;position:relative;overflow:hidden}.character-viewer-center{background:#00000080;border-radius:8px;flex:1;min-width:0;position:relative;overflow:hidden}.character-viewer-right{color:#fff;background:#0000004d;border-radius:8px;flex-direction:column;flex-shrink:0;padding:1rem;display:flex;overflow-y:auto}.character-viewer-right h3{color:#4a90e2;border-bottom:1px solid #ffffff1a;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.panel-resizer{cursor:col-resize;background:#ffffff1a;flex-shrink:0;width:4px;margin:0 .5rem;transition:background .2s;position:relative}.panel-resizer:hover{background:#4a90e299}.panel-resizer:before{content:"";position:absolute;inset:0 -2px}.character-viewer-tabs{border-bottom:2px solid #ffffff1a;flex-wrap:wrap;gap:2px;margin-bottom:16px;display:flex}.character-viewer-tab{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;position:relative;bottom:-2px}.character-viewer-tab:hover{color:#ffffffe6;background:#ffffff0d}.character-viewer-tab.active{color:#fff;background:#4a90e21a;border-bottom-color:#4a90e2cc}.character-viewer-tab-content{flex:1;min-height:0;padding-top:8px;overflow-y:auto}.viewport-frame-btn{color:#ffffffb3;cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;bottom:12px;right:12px}.viewport-frame-btn:hover{color:#fff;background:#4a90e24d;border-color:#4a90e299}.character-viewer-center canvas{width:100%!important;height:100%!important}.section-header-with-toggle{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.balance-toggle-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:.5rem;padding:0;font-size:1.2rem;transition:all .2s;display:flex}.balance-toggle-btn:hover{background:#fff3;transform:scale(1.1)}.token-list{flex-direction:column;gap:.5rem;display:flex}.token-item{border-radius:4px;justify-content:space-between;padding:.5rem;font-size:.9rem;display:flex}.token-name{color:#ffdbac;font-weight:600}.token-balance{color:#4a90e2;font-family:Courier New,monospace}.user-tokens{margin-bottom:1.5rem}.user-token-item,.attribute-item{border-radius:4px;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;font-size:.9rem;display:flex}.address-with-copy{align-items:center;gap:.5rem;display:flex}.copy-button-small{color:#4a90e2;cursor:pointer;background:#4a90e200;border:0 solid #4a90e266;border-radius:4px;padding:.2rem .4rem;font-size:.7rem;transition:all .2s}.copy-button-small:hover{background:#4a90e24d;transform:scale(1.1)}.lau-address,.yue-address{color:#4a90e2;font-family:Courier New,monospace;font-size:.85rem}.yue-attributes{border-left:2px solid #4a90e2;border-radius:6px;margin-top:.5rem;margin-bottom:.5rem;padding:.75rem}.yue-attribute{justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.yue-attribute:not(:last-child){border-bottom:1px solid #ffffff1a}.yue-value{color:#ffdbac;font-weight:500}.yue-loading,.lau-loading{color:#fff9;font-size:.85rem;font-style:italic}.yue-error{color:#e74c3c;padding:.5rem 0;font-size:.85rem;font-style:italic}.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{flex-direction:column;gap:.25rem;display:flex}.qing-details{color:#b0b0b0;margin-left:.5rem;font-size:.85rem}.qing-name{color:#4a90e2;font-weight:500}.qing-symbol{color:#888}.qing-select{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.location-details{flex-direction:column;gap:.25rem;margin-top:.25rem;display:flex}.coordinate-item{justify-content:space-between;align-items:center;gap:.5rem;padding-left:.5rem;display:flex}.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{color:#4a90e2;margin-top:0;margin-bottom:.75rem;font-size:1rem}.section-header-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;transition:color .2s;display:flex}.section-header-collapsible:hover{color:#6ba3e8}.section-content{margin-top:.5rem}.game-token-item{border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;font-size:.9rem;display:flex}.game-token-balance{color:#4a90e2;font-family:Courier New,monospace;font-weight:500}.action-cards{flex-direction:column;gap:1rem;display:flex}.action-card{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;padding:1rem;transition:all .3s}.action-card:hover{background:#0006;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d}.action-card-title{color:#fff;margin:0 0 .75rem;font-size:1.1rem;font-weight:600;line-height:1.3}.action-card-row{justify-content:space-between;align-items:stretch;gap:1rem;display:flex}.action-card-description{color:#ffffffbf;flex:1;align-items:center;margin:0;font-size:.85rem;line-height:1.5;display:flex}.action-card-button{color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:120px;min-height:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.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 0%,#764ba2 100%);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 0%,#357abd 100%);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 0%,#8e44ad 100%);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:1px solid #fff3;border-radius:6px;padding:.5rem}.engine-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.engine-toggle-checkbox{display:none}.engine-toggle-slider{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;width:50px;height:24px;transition:all .3s;position:relative}.engine-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:2px;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;min-width:110px;font-size:.85rem;font-weight:600}.character-viewer-settings-panel{z-index:1001;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:8px;width:320px;position:absolute;top:60px;right:1rem;overflow:hidden;box-shadow:0 10px 40px #00000080}.settings-panel-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.settings-panel-header h3{color:#fff;margin:0;font-size:1.1rem}.settings-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;transition:all .2s;display:flex}.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{color:#4a90e2;margin:0 0 1rem;font-size:.95rem;font-weight:600}.settings-description{color:#fff9;margin:.75rem 0 0;font-size:.8rem;font-style:italic;line-height:1.4}.settings-model-selector-btn{color:#fff;cursor:pointer;background:#4a90e299;border:1px solid #4a90e2cc;border-radius:6px;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.settings-model-selector-btn:hover{background:#4a90e2cc;transform:translateY(-2px)}.settings-model-path{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;margin-top:.75rem;padding:.75rem}.settings-model-path-label{color:#ffffffb3;margin-bottom:.25rem;font-size:.8rem;display:block}.settings-model-path-value{color:#4a90e2;word-break:break-all;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;display:block}:root{--clay-base:#d4d6d0;--clay-shadow:#b9bcb4;--clay-highlight:#eef0ea;--clay-text:#636860;--clay-accent:#848882;--etch-dark:#00000024;--etch-light:#ffffff6b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--clay-base);width:100%;height:100%;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{background:var(--clay-base);width:100%;height:100%;display:flex;position:relative}.dopple-app:before{content:"";pointer-events:none;opacity:.03;z-index:1000;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");width:100%;height:100%;position:fixed;top:0;left:0}.viewport{background:var(--clay-base);box-shadow:inset 10px 10px 25px var(--clay-shadow), inset -8px -8px 20px var(--clay-highlight);border-radius:30px;flex:1;margin:16px 8px 16px 16px;position:relative;overflow:hidden}.viewport canvas{width:100%!important;height:100%!important}.viewport-hud{z-index:12;color:#f5f7fff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#111218ad;border-radius:14px;width:min(320px,100% - 28px);padding:10px 12px;font-size:11px;line-height:1.2;position:absolute;top:14px;left:14px;box-shadow:0 8px 22px #00000038,inset 0 1px #ffffff0f}.viewport-hud-title{letter-spacing:.12em;text-transform:uppercase;color:#becdffe6;margin-bottom:8px;font-size:10px;font-weight:800}.viewport-hud-row{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.viewport-hud-row span{color:#c4c9d6b8;flex:none}.viewport-hud-row strong{text-align:right;color:#f8f9fffa;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.viewport-hud-detail strong{white-space:normal;max-width:220px}.viewport-loading{z-index:10;background:var(--clay-base);border-radius:inherit;pointer-events:none;opacity:1;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.viewport-loading.fade-out{opacity:0}.viewport-loading-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f2ecb8;border-radius:16px;width:min(320px,100% - 40px);padding:14px 16px 12px;box-shadow:inset 2px 2px 8px #ffffff73,inset -3px -3px 8px #948b7d2e,0 10px 30px #00000014}.viewport-loading-stage{letter-spacing:.08em;text-transform:uppercase;color:#43423cb8;margin-bottom:8px;font-size:10px;font-weight:800}.viewport-loading-bar{background:#00000014;border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000029}.viewport-loading-fill{border-radius:inherit;background:linear-gradient(90deg,#86b6ff,#6dd6c7,#b7f08f);height:100%;transition:width .2s}.viewport-loading-meta{color:#43423ccc;letter-spacing:.04em;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;font-weight:700;display:flex}.viewport-loading-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewport-loading-steps{color:#43423c8c;flex-direction:column;gap:4px;margin-top:10px;font-size:10px;display:flex}.viewport-loading-step{align-items:center;gap:6px;display:flex}.viewport-loading-step.active{color:#324858e0;font-weight:700}.viewport-loading-step.done{color:#4a5c40c7}.viewport-loading-step-dot{text-align:center;flex:0 0 12px;width:12px}.left-column{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.chat-panel{background:var(--clay-base);height:280px;min-height:180px;box-shadow:inset 3px 3px 8px var(--clay-shadow), inset -2px -2px 6px var(--clay-highlight);border-radius:24px;flex-direction:column;margin:16px 8px 16px 16px;display:flex;overflow:hidden}.demo-panel{background:var(--clay-base);width:340px;box-shadow:7px 7px 15px var(--clay-shadow), -7px -7px 15px var(--clay-highlight);border-radius:24px;flex-direction:column;gap:12px;margin:16px;padding:20px;display:flex;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;display:flex}.demo-panel h2{margin-bottom:4px;font-size:18px}.back-chip{background:var(--clay-base);color:var(--clay-text);cursor:pointer;box-shadow:3px 3px 6px var(--clay-shadow), -3px -3px 6px var(--clay-highlight);border:none;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;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{border-bottom:1px solid #0000000f;flex-direction:column;gap:6px;padding:12px 0;display:flex}.demo-panel label{text-transform:uppercase;letter-spacing:.5px;color:var(--clay-accent);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.demo-panel .value{color:var(--clay-text);font-size:14px;font-weight:600}.demo-panel .badge{background:var(--clay-base);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);border-radius:10px;padding:2px 10px;font-size:10px}.btn-row{flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--clay-base);color:var(--clay-accent);cursor:pointer;box-shadow:3px 3px 6px var(--clay-shadow), -3px -3px 6px var(--clay-highlight);border:none;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.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);box-shadow:inset 3px 3px 6px var(--clay-shadow), inset -2px -2px 4px var(--clay-highlight);font-weight:800;transform:translateY(1px)}.primary-btn{background:var(--clay-base);color:var(--clay-text);cursor:pointer;box-shadow:5px 5px 12px var(--clay-shadow), -5px -5px 12px var(--clay-highlight);letter-spacing:.5px;border:none;border-radius:16px;margin-top:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.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{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{flex-direction:column;align-items:center;gap:2px;display:flex}.color-swatch .swatch{width:30px;height:30px;box-shadow:inset 2px 2px 4px #0000001a, inset -2px -2px 4px #ffffff4d, 3px 3px 6px var(--clay-shadow), -3px -3px 6px var(--clay-highlight);border-radius:50%}.color-swatch span{color:var(--clay-accent);font-size:9px;font-weight:600}.clip-list{flex-wrap:wrap;gap:4px;display:flex}.clip-tag{background:var(--clay-base);color:var(--clay-accent);box-shadow:inset 2px 2px 3px var(--clay-shadow), inset -1px -1px 2px var(--clay-highlight);border:none;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:600}.muted{color:var(--clay-accent);opacity:.7;font-size:11px}footer.muted{text-align:center;margin-top:auto;padding-top:8px}.demo-panel::-webkit-scrollbar{width:6px}.demo-panel::-webkit-scrollbar-track{background:0 0}.demo-panel::-webkit-scrollbar-thumb{background:var(--clay-shadow);border-radius:3px}.demo-panel::-webkit-scrollbar-thumb:hover{background:var(--clay-accent)}