.player-profile-wrapper{background:url(/Background.png) center/cover no-repeat;min-height:100vh;padding:20px 10px;display:flex;justify-content:center;align-items:center;overflow-y:auto}.player-profile{max-width:800px;width:90%;margin:0 auto;padding:20px;background:#080820f2;border-radius:12px;border:2px solid #00ffe7;box-shadow:0 0 20px #00ffe74d;color:#fff;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;text-align:center}.profile-header{padding:12px;border-radius:8px;margin-bottom:15px;text-align:center;position:relative;box-shadow:0 2px 10px #0000004d}.profile-name-container{display:flex;align-items:center;justify-content:center;gap:8px}.profile-name-container h2{margin:0;font-size:20px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.7);font-family:Arial,sans-serif;font-weight:700}.profile-edit-button{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s}.profile-edit-button:hover{background-color:#fff3}.profile-edit-button:disabled{opacity:.5;cursor:not-allowed}.profile-edit-input{background:#0000004d;border:1px solid #00ffe7;border-radius:4px;padding:8px 12px;color:#fff;font-size:16px;width:80%;max-width:250px;text-align:center}.profile-edit-save,.profile-edit-cancel{background:linear-gradient(135deg,#00ffe7,#0c9);border:none;color:#000;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:700}.profile-edit-cancel{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff}.profile-edit-save:disabled{opacity:.6;cursor:not-allowed}.profile-name-changed-notice{font-size:10px;color:#ff5252;margin-top:5px}.profile-class-race{display:flex;justify-content:center;gap:20px;margin-top:10px}.profile-class,.profile-race{padding:5px 15px;border-radius:15px;background:#0000004d;font-size:14px}.profile-stats{display:flex;justify-content:center;margin-bottom:15px;flex-wrap:wrap;gap:12px}.stat-box{background:#00000080;border-radius:8px;padding:8px;min-width:60px;flex:1;text-align:center;position:relative;border:1px solid rgba(0,255,231,.3);box-shadow:inset 0 0 10px #00ffe71a}.stat-icon{font-size:16px;margin-bottom:3px}.stat-value{font-size:18px;font-weight:700;margin:2px 0}.stat-label{font-size:10px;opacity:.8;text-transform:uppercase;margin-top:2px}.stat-modifier{position:absolute;top:-8px;right:-8px;background:#00ffe7;color:#000;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.stat-modifier.rage{background:#ff5252}.stat-modifier.shield{background:#64b5f6}.status-effects{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;justify-content:center}.status-effect{display:flex;align-items:center;gap:5px;background:#00000080;border-radius:16px;padding:4px 10px;font-size:11px;box-shadow:0 2px 4px #0000004d;color:#fff}.status-effect.rage{border:1px solid #ff5252;background:linear-gradient(to right,#00000080,#ff525226)}.status-effect.shield{border:1px solid #64b5f6;background:linear-gradient(to right,#00000080,#64b5f626)}.status-effect.buff{border:1px solid #66bb6a;background:linear-gradient(to right,#00000080,#66bb6a26)}.status-effect.debuff{border:1px solid #e57373;background:linear-gradient(to right,#00000080,#e5737326)}.status-icon{font-size:16px}.status-name{margin-right:5px}.status-timer{background:#00000080;padding:2px 6px;border-radius:10px;font-size:10px}.status-deactivate{background:#ff5252b3;border:none;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;cursor:pointer;margin-left:5px}.profile-actions{margin-top:20px}.actions-section{margin-bottom:25px}.actions-section h3{font-size:18px;color:#00ffe7;margin-bottom:15px;text-shadow:0 0 8px rgba(0,255,231,.5)}.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.profile-actions{display:flex;flex-direction:column;gap:15px}.action-button{width:100%;max-width:120px;height:36px;background:linear-gradient(135deg,#00ffe7,#0c9);color:#000;border:none;border-radius:6px;padding:8px 10px;font-size:11px;font-family:Arial,sans-serif;cursor:pointer;margin-bottom:6px;font-weight:700;box-shadow:0 2px 6px #0000004d;transition:all .2s ease;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.action-button:disabled{background:linear-gradient(135deg,#616161,#424242);color:#757575;cursor:not-allowed}.action-button:disabled:hover{background:linear-gradient(135deg,#616161,#424242)}.action-button.combat{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.action-button.inventory{background:linear-gradient(135deg,#795548,#5d4037);color:#fff}.action-button.shop{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000}.action-button.creature{background:linear-gradient(135deg,#f96,#ff5e62);color:#fff}.action-button.admin{background:linear-gradient(135deg,#424242,#212121);color:#fff}.action-button.rage{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.action-button.rage-active{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff}.action-button.absorption{background:linear-gradient(135deg,#800020,brown);color:#fff}.action-button.level-up{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-weight:700}.action-button.level-up:hover{background:linear-gradient(135deg,#66bb6a,#4caf50)}.level-info{font-size:12px;color:#b0bec5;margin-top:5px;text-align:center}.modal-container{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:#0a0a2a;border-radius:8px;padding:16px;border:1px solid #00ffe7;box-shadow:0 0 20px #00ffe74d,inset 0 0 10px #00000080;max-width:85%;width:350px}.modal-title{color:#00ffe7;margin-bottom:20px;text-align:center;font-size:18px}.modal-buttons{display:flex;justify-content:space-between;margin-top:15px;gap:8px}.modal-button{padding:8px 10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;flex:1;font-size:12px}.modal-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:linear-gradient(135deg,#666,#333);color:#fff}.absorption-button{background:linear-gradient(135deg,red,#c00);color:#fff}.absorption-modal h3{color:red}.modal-select,.absorption-select{width:100%;padding:8px;background-color:#0a0a2a;color:#fff;border:1px solid #00ffe7;border-radius:5px;margin-top:10px;margin-bottom:15px;box-shadow:inset 0 0 8px #00ffe74d;font-family:Arial,sans-serif;font-size:13px;outline:none;appearance:menulist}.absorption-select{border-color:red;box-shadow:inset 0 0 8px #ff00004d}.actions-section{background:#00000080;border-radius:8px;padding:12px;border:1px solid rgba(0,255,231,.2);box-shadow:0 2px 8px #0000004d}.actions-section h3{margin-top:0;margin-bottom:12px;font-size:14px;color:#00ffe7;text-align:center;border-bottom:1px solid rgba(0,255,231,.3);padding-bottom:8px;font-weight:700}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.action-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006;filter:brightness(1.05)}.action-buttons button:active{transform:translateY(1px);box-shadow:0 1px 3px #0006}.profile-edit-container{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-edit-input{background:#00000080;border:1px solid #00ffe7;border-radius:5px;color:#fff;padding:8px;text-align:center;font-family:"Press Start 2P",monospace;font-size:14px;width:80%;max-width:300px}.profile-edit-buttons{display:flex;gap:10px}.profile-edit-save,.profile-edit-cancel{padding:5px 15px;border-radius:5px;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer}.profile-edit-save{background:#00ffe7;color:#000;border:none}.profile-edit-cancel{background:transparent;color:#fff;border:1px solid #fff}.profile-name-changed-notice{color:#ff5252;font-size:10px}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px}.skill-item{background:#00000080;border:1px solid rgba(0,255,231,.3);border-radius:8px;padding:10px;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000004d}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffe733}.skill-item.used{opacity:.6;border-color:#ffffff26}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.skill-name{font-weight:700;font-size:12px;color:#00ffe7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.skill-level{background:#0009;padding:1px 6px;border-radius:8px;font-size:9px;white-space:nowrap}.skill-desc{font-size:11px;margin:8px 0;line-height:1.3;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.skill-bonuses{display:flex;gap:10px;margin-bottom:10px}.skill-atk{color:#ff5252;font-size:12px;padding:2px 8px;background:#ff525233;border-radius:10px}.skill-def{color:#64b5f6;font-size:12px;padding:2px 8px;background:#64b5f633;border-radius:10px}.skill-use-btn{width:100%;padding:8px;background:linear-gradient(135deg,#00ffe7,#0c9);color:#000;border:none;border-radius:5px;font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer;transition:transform .2s,opacity .2s}.skill-use-btn:hover:not(:disabled){transform:translateY(-2px)}.skill-use-btn:disabled{opacity:.5;cursor:not-allowed;background:gray}.no-skills{text-align:center;color:#aaa;font-style:italic;grid-column:1 / -1;padding:20px}.skill-list{max-height:400px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#00ffe7 rgba(0,0,0,.3)}.skill-list::-webkit-scrollbar{width:6px}.skill-list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.skill-list::-webkit-scrollbar-thumb{background:#00ffe7;border-radius:3px}button:focus,select:focus,input:focus{outline:2px solid #00ffe7;outline-offset:2px}@media (max-width: 768px){.player-profile{padding:10px;margin:0 10px}.profile-stats{flex-direction:row;flex-wrap:wrap}.stat-box{min-width:65px;padding:6px}.skill-list{grid-template-columns:1fr;max-height:300px}.action-buttons{justify-content:center}.action-buttons button{min-width:110px}}@media (min-width: 1024px){.player-profile{padding:25px;max-width:900px}.profile-actions{flex-direction:row;flex-wrap:wrap}.actions-section{flex:1;min-width:280px}}.login-bg{width:100vw;height:100vh;background:url(/Login.svg) center center/cover no-repeat,#222;display:flex;align-items:center;justify-content:center;padding:12px}.login-box{background:#141414f2;border:3px solid #00ffe7;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;font-family:"Press Start 2P",monospace;color:#fff;box-shadow:0 0 20px #00ffe799;width:90vw;max-width:400px;max-height:90vh;overflow-y:auto}.login-box h1{margin-bottom:20px;font-size:16px;letter-spacing:1px;text-align:center}.login-box label{width:100%;display:flex;flex-direction:column;align-items:center;font-size:.95rem;margin-top:10px;color:#00ffe7;font-family:"Press Start 2P",monospace;text-align:center}.login-box input{width:100%;max-width:280px;box-sizing:border-box;text-align:center;font-family:inherit;font-size:14px;margin:6px 0;padding:10px 12px;border:2px solid #00ffe7;border-radius:8px;background:#222;color:#fff;outline:none;align-self:center}.svg-btn{background:linear-gradient(135deg,#00ffe7,#0c9);width:100%;max-width:280px;height:48px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;margin-top:20px;transition:all .3s ease;box-shadow:0 0 8px #00ffe726}.svg-btn:hover{transform:scale(1.02);box-shadow:0 0 12px #00ffe740}.svg-btn:active{transform:scale(.98)}.svg-btn-text{color:#000;font-family:"Press Start 2P",monospace;font-size:14px;font-weight:700}.erro{color:#f55;margin:8px 0;font-size:.8rem}.trocar-modo{margin-top:18px;font-size:.7rem}.trocar-modo button{background:none;border:none;color:#00ffe7;font-family:inherit;cursor:pointer;text-decoration:underline;margin-left:4px;font-size:.7rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100vw;max-width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ffe7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:24px!important}select option{background-color:#1a1a2e!important;color:#00ffe7!important;font-family:"Press Start 2P",monospace!important;font-size:8px!important;padding:8px!important;border:none!important;line-height:1.4!important}select option:hover,select option:focus{background-color:#2a2a4e!important;color:#fff!important}select option:checked,select option:selected{background-color:#00ffe7!important;color:#000!important;font-weight:700!important}select{color-scheme:dark!important;-webkit-color-scheme:dark!important;background-color:#00ffe71a!important;color:#fff!important}select option{background-color:#1a1a2e!important;background:#1a1a2e!important;color:#00ffe7!important;font-family:"Press Start 2P",monospace!important;font-size:8px!important;padding:4px 8px!important}select option:hover,select option:focus{background-color:#2a2a4e!important;background:#2a2a4e!important;color:#fff!important}select option:checked,select option:selected{background-color:#00ffe7!important;background:#00ffe7!important;color:#000!important}select option{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){select option{background-color:#1a1a2e!important;color:#00ffe7!important}select option:hover{background-color:#2a2a4e!important;color:#fff!important}}@-moz-document url-prefix(){select option{background-color:#1a1a2e!important;color:#00ffe7!important}}@supports (-ms-ime-align:auto){select option{background-color:#1a1a2e!important;color:#00ffe7!important}}select,select option{filter:invert(1) hue-rotate(180deg)}select{filter:none;background:#1a1a2ee6!important;color:#00ffe7!important;border:1px solid rgba(0,255,231,.5)!important}select:focus{outline:2px solid #00ffe7;outline-offset:2px}select:focus option{background:#1a1a2e!important;color:#00ffe7!important}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:#1a1a2e}select::-webkit-scrollbar-thumb{background:#00ffe7;border-radius:4px}select::-webkit-scrollbar-thumb:hover{background:#0ca}@media (min-width: 768px){.main-container,.panel-container,.game-container{max-width:600px!important;margin:0 auto!important;padding:30px!important;border-radius:20px!important;box-shadow:0 0 30px #00ffe74d!important}h1,h2{font-size:24px!important}h3{font-size:18px!important}button{font-size:16px!important;padding:16px 24px!important;min-height:50px!important}input,textarea,select{font-size:16px!important;padding:16px!important;min-height:50px!important}.stats-text,.player-stats,.important-text{font-size:20px!important}}@media (min-width: 1024px){.main-container,.panel-container,.game-container{max-width:800px!important;padding:40px!important}h1,h2{font-size:28px!important}h3{font-size:22px!important}button{font-size:18px!important;padding:18px 28px!important;min-height:55px!important}input,textarea,select{font-size:18px!important;padding:18px!important;min-height:55px!important}.stats-text,.player-stats,.important-text{font-size:24px!important}}*{box-sizing:border-box}html,body{overflow-x:hidden!important;max-width:100vw!important}#root{width:100vw;max-width:100vw;overflow-x:hidden}.main-container,.panel-container,.game-container,div[style*=width]{max-width:100vw!important;overflow-x:hidden!important}@media (min-width: 1440px){.main-container,.panel-container,.game-container{max-width:1000px!important;padding:50px!important}h1,h2{font-size:32px!important}button{font-size:20px!important;padding:20px 32px!important;min-height:60px!important}.stats-text,.player-stats,.important-text{font-size:28px!important}}