*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;background:radial-gradient(circle at top,#2c3450,#151826 60%);color:var(--text);display:flex;justify-content:center;min-height:100vh;padding:24px}#root{width:100%;max-width:1200px;display:flex;justify-content:center}:root{--bg: #1c1f2b;--card: #2a3042;--text: #f4f6fb;--accent: #7c4dff;--border: rgba(255, 255, 255, .08);--heal: #1db954;--damage: #e84a5f;--injured: #f39c12;--down: #7f8c8d}.app{width:100%;max-width:1200px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;overflow:hidden}header{padding:24px 28px;background:linear-gradient(135deg,#7c4dff2e,#7c4dff0d);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}header>h2{margin:0;position:fixed;left:50%;transform:translate(-50%)}header>div{display:flex;gap:12px}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{padding:24px 28px;background:linear-gradient(135deg,#7c4dff2e,#7c4dff0d);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.skeleton-header-left{display:flex;gap:12px}.skeleton-header-title{position:fixed;left:50%;transform:translate(-50%);width:200px;height:32px}.skeleton-header-button{width:100px;height:40px}.skeleton-table{padding:28px}.skeleton-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr;gap:16px;padding:16px;margin-bottom:12px;background:#ffffff05;border-radius:8px;border:1px solid var(--border)}.skeleton-table-cell{height:24px}.skeleton-table-cell.small{height:20px;width:60%}#monsterList{margin:0;padding:24px 28px 32px;list-style:none;overflow:scroll;max-height:87.5vh}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff0f;border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#7c4dff52}*::-webkit-scrollbar-corner{background:transparent}.popup-window span{text-align:left}table{width:100%;text-align:center;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#ffffff03;border:1px solid var(--border);border-radius:12px}th,td{padding:12px 10px;border-bottom:1px solid var(--border);color:var(--text);height:100%}th{background:#7c4dff14;letter-spacing:.2px;-webkit-user-select:none;user-select:none;white-space:nowrap}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#ffffff05}.damage-cell{display:flex;gap:8px;justify-content:center;align-items:center}.damage-cell>button{width:48px}input{text-align:center;width:100px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;color:var(--text);appearance:none;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{width:100%;height:32px;white-space:nowrap;padding:8px 12px;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:transform .05s ease,box-shadow .1s ease,background-color .4s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000040}button:active{transform:translateY(0);box-shadow:none}.damage-button{background-color:var(--damage);font-size:large;padding:3px 12px}.heal-button{background-color:var(--heal);font-size:large;padding:3px 12px}.condition-tag{background:transparent;min-width:80px;margin-bottom:8px;border:1px solid var(--border);border-radius:6px}.add-condition-tag{width:100%}.tag-list-item{display:inline-block;width:fit-content;padding:6px 12px}.green-button:hover{background:var(--heal)}.red-button:hover{background:var(--damage)}.transparent-button{background:transparent;border:1px solid var(--border);color:var(--text)}.name-cell{font-size:larger}.status-cell{font-weight:larger}select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;color:var(--text);text-align:center;cursor:pointer}select option{background:var(--card);color:var(--text)}.popup-window{position:fixed;display:flex;flex-direction:column;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;z-index:1000;max-height:90vh;overflow-y:auto}.popup-window h3{margin-top:0;margin-bottom:16px;text-align:center}.popup-window input{width:100%;margin-bottom:12px}.popup-after{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:900}.settings-row{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;width:100%}input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:var(--accent);border-radius:20%;vertical-align:middle;border:2px solid var(--border);appearance:none;-webkit-appearance:none;outline:none;background:#ffffff0d;transition:all .2s ease}input[type=checkbox]:hover{border-color:var(--accent);box-shadow:0 0 12px #7c4dff4d}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.settings-row>label{-webkit-user-select:none;user-select:none}.highlighted{background-color:var(--accent)}.clickable{cursor:pointer;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:2px}.clickable:hover{color:var(--accent)}.attribute-area{display:flex;flex-direction:row;justify-content:space-evenly}.attribute-row{display:flex;gap:6px}.attribute-row>strong{white-space:nowrap}.attribute-column{flex-direction:column;align-items:center}.monster-name-picture-area{display:flex;align-items:center;justify-content:space-between}.monster-name-area>h2{margin:0}.monster-name-area{display:flex;flex-direction:column}.monster-image{height:100px;border:1px solid var(--border);border-radius:12px;margin-left:16px}.attribute-row{margin:4px 0}#xp-counter{font-weight:600;font-size:18px;padding:0 12px;align-self:center}hr{border:none;border-top:1px solid var(--border);margin:12px 0}.quick-actions-container{display:flex;gap:12px;justify-content:center}.icon-button{vertical-align:middle;background:var(--card);border:1px solid var(--border);border-radius:6px;width:auto;padding:0 8px}.icon-button>img{width:20px;height:20px;vertical-align:middle;color:#fff}#col-actions{width:120px}.language-selection-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.language-selection-row>select{width:120px}