.stats-bar-row{display:flex;align-items:center;margin-bottom:6px;font-size:15px;font-weight:500}.stats-bar-label{min-width:90px;margin-right:8px;text-align:right;color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px}.stats-bar-container{position:relative;min-width:220px;max-width:340px;width:100%;height:32px;background:#222;border-radius:8px;overflow:hidden;margin-left:8px;margin-right:8px}.stats-bar-fill{position:absolute;left:0;top:0;height:100%;z-index:1}.stats-bar-value{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:left;z-index:2;pointer-events:none;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}.stats-bar-fill.stats-bar-bg-strength{background:#b71c1c}.stats-bar-fill.stats-bar-bg-dexterity{background:#1b5e20}.stats-bar-fill.stats-bar-bg-intelligence{background:#1565c0}.stats-bar-fill.stats-bar-bg-charisma{background:#fbc02d}.stats-bar-fill.stats-bar-bg-perception{background:#0097a7}.stats-bar-fill.stats-bar-bg-willpower{background:#004d40}.stats-bar-fill.stats-bar-bg-lumion{background:#8e24aa}.stats-bar-label-charisma{color:#fffde7}.stats-bar-label-lumion{color:#fff0ff}.stats-bar-label{text-shadow:0 1px 2px #000,0 0 2px #000}.lore-map-root{position:relative;height:100vh;background:#0f0f0f;display:flex;flex-direction:column}.lore-back-btn{position:absolute;left:12px;top:12px;z-index:30;background:#0009;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:6px;cursor:pointer}.lore-map-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.lore-map-image{max-width:100%;max-height:100%;box-shadow:0 8px 30px #000000b3;border-radius:6px}.lore-root{padding:18px;color:#eee;font-family:Inter,Arial,sans-serif}.lore-topbar{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.lore-back-top{background:transparent;border:1px solid #333;color:#fff;padding:6px 10px;border-radius:8px;cursor:pointer;display:inline-block;margin-bottom:8px}.lore-back-top:active{transform:translateY(1px)}.lore-tabs{display:flex;gap:6px;flex-wrap:wrap}.lore-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.lore-tab{background:transparent;border:1px solid transparent;color:#cfcfcf;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:700}.lore-tab.active{background:linear-gradient(180deg,#262626,#1b1b1b);border-color:#2b2b2b;color:#fff}.lore-list{margin-top:6px}.lore-inline-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lore-link{background:transparent;border:none;color:#bdbdbd;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px}.lore-link:hover{color:#fff;background:#ffffff05}.lore-gallery{display:flex;gap:8px;margin:10px 0 12px;flex-wrap:wrap}.lore-thumb{width:84px;height:64px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.04)}.lore-thumb:active{transform:scale(.98)}.lore-viewer{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:50}.lore-viewer img{max-width:90%;max-height:90%;box-shadow:0 10px 30px #000000b3;border-radius:6px}.lore-content{background:#0f0f0f;border:1px solid #222;padding:12px;border-radius:8px;min-height:200px}.lore-sep{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);margin:10px 0}.lore-title{margin-top:0}.lore-article p{color:#ddd}.lore-article h1,.lore-article h2,.lore-article h3{color:#fff}.lore-empty{color:#888}@media (max-width: 760px){.lore-grid{flex-direction:column}.lore-sidebar{width:100%;padding:10px;border-radius:8px}.lore-sidebar ul{padding-left:0}.lore-sidebar button,.lore-sidebar li button,.lore-spoiler{width:100%;text-align:left;padding:12px 10px;font-size:16px}.lore-content{min-height:300px;padding:12px}.lore-article{font-size:16px;line-height:1.5}.lore-root{padding:12px}}.lore-sidebar button,.lore-sidebar li button{padding:10px 8px;border-radius:6px}.lore-sidebar li button:active{background:#ffffff05}.char-root{padding:16px;color:#eee;font-family:Inter,Arial,sans-serif}.char-back{background:transparent;border:1px solid #333;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.char-progress{margin:8px 0 12px;color:#bbb}.char-stage h3{margin:6px 0}.char-options{display:flex;gap:8px;flex-wrap:wrap}.char-opt{background:transparent;border:1px solid #333;color:#ddd;padding:8px 10px;border-radius:8px;cursor:pointer}.char-opt.selected{background:linear-gradient(180deg,#3a2d7a,#2a1f58);color:#fff;border-color:transparent}.char-controls{margin-top:12px;display:flex;gap:8px}.char-controls button{padding:8px 12px;border-radius:8px;cursor:pointer;border:none;background:linear-gradient(180deg,#6b5cff,#4a38d1);color:#fff}.char-controls button[disabled]{opacity:.4;cursor:not-allowed}.char-summary{margin-top:16px;background:linear-gradient(180deg,#121d5a02,#17121f62);color:#dddddd54;padding:1px 20px;border-radius:50px;border:1px solid #222}.char-note{color:#999}.char-city-panel{margin-top:12px;background:#0f0f0f;padding:12px;border-radius:8px;border:1px solid #222;color:#ddd}.city-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.level-badge{padding:4px 8px;border-radius:999px;color:#111;font-weight:700;font-size:13px}.city-body{display:flex;flex-direction:column;gap:8px}.city-gallery-and-desc{display:flex;gap:12px;align-items:flex-start}.char-city-gallery{display:flex;gap:8px;flex-wrap:wrap}.char-city-gallery .lore-thumb{width:96px;height:auto;cursor:pointer;border-radius:6px}.city-desc{flex:1;color:#ddd}.city-wealth{width:100%;margin-bottom:6px}.wealth-bar{height:12px;border-radius:8px;border:1px solid #333;background:linear-gradient(90deg,#111,#0b0b0b);overflow:hidden}.wealth-fill{height:100%}.char-opt.level-1{background:linear-gradient(180deg,#3b3b3b,#2d2d2d);border-color:transparent}.char-opt.level-2{background:linear-gradient(180deg,#2e8b4a,#23673a);border-color:transparent}.char-opt.level-3{background:linear-gradient(180deg,#2b66a6,#174a80);border-color:transparent}.char-opt.level-4{background:linear-gradient(180deg,#6b3b88,#4a1f5f);border-color:transparent}.char-opt.level-5{background:linear-gradient(180deg,#d4a017,#b07f0d);border-color:transparent}@media (max-width:760px){.char-root{padding:12px}.char-options{gap:6px}.char-opt{padding:10px 12px;font-size:15px}}.classes-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.class-card{background:#0b0b0b;border:1px solid #222;padding:12px;border-radius:10px;color:#ddd}.class-card.has-class{box-shadow:0 0 0 2px #2b66ff1f}.class-card-head{margin-bottom:8px}.class-desc{color:#bbb;margin-top:6px}.has-label{color:#2b66ff;font-weight:600;margin-left:8px}.abilities-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ability-badge{background:linear-gradient(180deg,#151515,#0f0f0f);padding:6px 8px;border-radius:8px;border:1px solid #222;font-size:13px}.ability-empty{color:#777}.inventory-block{margin-top:10px}.inv-label{color:#bbb;font-size:13px;margin-bottom:6px}.inventory-list{display:flex;gap:8px;flex-wrap:wrap}.inv-btn{background:transparent;border:1px solid #333;color:#ddd;padding:6px 8px;border-radius:8px;cursor:pointer}.inv-btn.selected{background:#2b66ff;color:#fff;border-color:transparent}.skills-block{margin-top:8px}.skill-details summary{cursor:pointer;padding:6px 0;font-weight:600}.class-card-footer{margin-top:10px;display:flex;justify-content:flex-end}.choose-btn{background:linear-gradient(180deg,#6b5cff,#4a38d1);color:#fff;padding:8px 12px;border-radius:8px;border:none}.char-preview{background:#070707;border:1px solid #1a1a1a;padding:10px;border-radius:8px;color:#ddd}@media (max-width:760px){.classes-list{gap:10px}.ability-badge{flex:0 0 48%}}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(60px,3fr));gap:8px;margin-top:8px}.class-tile{background:linear-gradient(180deg,#0e0e0e,#070707);border:1px solid #222;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}.class-tile .tile-title{color:#ddd;font-weight:700;text-align:center;font-size:12px;line-height:1}.class-tile.selected{box-shadow:0 0 0 3px #2b66ff1f;border-color:#2b66ff}.class-tile.found{box-shadow:0 0 0 3px #23c8871f;border-color:#23c887}.preview-spoiler summary{list-style:none;padding:8px;background:transparent;border-radius:8px}.preview-spoiler[open] .char-preview{margin-top:8px}@media (max-width:420px){.class-grid{grid-template-columns:repeat(auto-fit,minmax(110px,3fr));gap:6px}.class-tile{padding:6px;min-height:44px}.class-tile .tile-title{font-size:11px}.ability-cell{min-height:36px;padding:2px}.ability-name{font-size:11px}.ability-val{font-size:12px}}@media (max-width:190px){.class-grid{grid-template-columns:repeat(auto-fit,minmax(280px,2fr))}.class-tile{padding:6px;min-height:44px}.ability-cell{min-height:34px;padding:2px}.ability-name{font-size:11px}.ability-val{font-size:12px}.char-preview{padding:6px}.char-preview pre{white-space:pre-wrap;word-break:break-word;font-size:12px}}.detail-panel{margin-top:16px;background:#0b0b0b;border:1px solid #222;padding:14px;border-radius:10px;color:#ddd}.detail-header h3{margin:0 0 8px;font-size:18px}.detail-desc{color:#bbb;font-weight:400}.detail-inventory{margin-bottom:10px}.detail-inventory .inv-label{color:#ccc;margin-bottom:6px}.detail-inventory .inventory-list{display:flex;gap:8px;flex-wrap:wrap}.detail-inventory .inv-btn{padding:6px 10px}.detail-abilities{margin-top:8px}.abilities-grid.grid-4x4{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px}.abilities-grid.responsive{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width:300px){.abilities-grid.responsive{grid-template-columns:repeat(4,1fr)}}.ability-cell{background:linear-gradient(180deg,#111,#070707);border:1px solid #1a1a1a;border-radius:10px;padding:6px 10px;min-height:36px;min-width:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;overflow:hidden}.ability-inner{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.ability-name{font-size:clamp(11px,1.6vw,13px);color:#cfcfcf;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ability-val{font-size:clamp(12px,1.8vw,14px);font-weight:700;color:#fff;margin-left:8px;flex:0 0 auto}.ability-empty{color:#666}@media (max-width:720px){.abilities-grid.responsive{grid-template-columns:repeat(2,1fr);gap:6px}.ability-cell{padding:6px;min-height:34px}.ability-name,.ability-val{font-size:12px}}@media (max-width:520px){.abilities-grid.responsive{grid-template-columns:repeat(2,1fr);gap:6px}.ability-inner{align-items:center;gap:6px}.ability-name{font-size:11px}.ability-val{font-size:12px}}@media (max-width:300px){.abilities-grid.responsive{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.ability-cell{flex:0 0 auto;min-width:120px;border-radius:999px;padding:6px 10px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.ability-inner{flex-direction:row;align-items:center;gap:8px;min-width:0}.ability-name{max-width:80px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-val{margin-left:8px}}.detail-skills{margin-top:12px}.detail-skills h4{margin:0 0 8px}.skill-details summary{cursor:pointer;font-weight:700}.skill-details ul{margin:6px 0 0 18px;color:#ccc}.skills-panel{margin-top:12px;background:#0e0e0e;border:1px solid #222;border-radius:10px;padding:10px;color:#ddd}.skills-panel .skill-group{margin-bottom:8px;border-top:1px solid rgba(255,255,255,.02);padding-top:8px}.skills-panel .skill-group summary{list-style:none;cursor:pointer;padding:8px;display:flex;align-items:center;gap:8px;font-weight:800}.skills-panel .skill-group-items{display:flex;flex-direction:column;gap:6px;padding:8px}.skills-panel .skill-row{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:6px;background:transparent}.skills-panel .skill-row:hover{background:#ffffff05}.skills-panel .skill-row strong{font-size:13px}.skills-panel .skill-row div{color:#ccc}.detail-actions{margin-top:12px;display:flex;justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:80}.modal-backdrop .modal,.modal-backdrop .modal-content{background:#0d0d0d;color:#fff;border-radius:12px;padding:16px;width:420px;max-width:94%;box-shadow:0 10px 30px #0009}.modal-backdrop .modal .modal-input{width:100%;padding:8px;border-radius:8px;background:#111;border:1px solid #222;color:#fff}.modal-backdrop .modal .modal-inventory{margin-top:12px}.modal-backdrop .modal .modal-inventory .inventory-list{display:flex;gap:8px;flex-wrap:wrap}.modal-backdrop .modal .modal-inventory .no-inv{color:#bbb;padding:8px;border:1px dashed #444;border-radius:8px}.modal-backdrop .modal .modal-selected-class{font-weight:700;margin-bottom:8px;color:#a8afbb}.char-edit-root{padding:16px}.card-wrap{display:flex;gap:12px;flex-wrap:wrap}.char-card-visual{width:320px;min-height:400px;background:linear-gradient(180deg,#111,#070707);border:1px solid #222;border-radius:12px;padding:8px;color:#ddd;display:flex;flex-direction:column;border:#00000010 4px solid}.char-card-visual{position:relative;overflow:hidden}.top-bars{display:flex;flex-direction:row;gap:8px;align-items:center}.armor-bar{height:6px;background:linear-gradient(90deg,#f2d879,#c48d09);border-radius:6px}.hp-bar{height:8px;border-radius:6px;display:flex;align-items:center;padding:0;gap:4px;flex:1}.hp-label{color:#ddd;font-weight:700;margin-right:6px}.hp-meter{flex:1;height:10px;background:#3a1a1a;border-radius:6px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#ffb3b3,#ff4d4d)}y.hp-info{display:flex;gap:6px;align-items:center;margin-left:8px}.hp-val{font-weight:700;color:#fff}.hp-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;padding:2px 6px;border-radius:6px;cursor:pointer}.main-row{display:flex;align-items:center;gap:12px;margin-top:8px;justify-content:space-between}.level{font-weight:700}.avatar{position:absolute;inset:0;z-index:0;display:block;border-radius:12px;overflow:hidden;pointer-events:none}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}.top-bars{background:#00000073;padding:8px;border-radius:8px}.main-row{gap:12px;margin-top:8px;justify-content:space-between;display:flex;align-items:center;opacity:.8}.level{font-weight:700;width:40px;height:40px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3}.defense{font-weight:700;color:#fff;width:40px;height:20px;border-radius:25%;background:#04568602;display:flex;align-items:center;justify-content:center;z-index:3}.class-icon{width:40px;height:40px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3}.class-icon img{width:28px;height:28px;border-radius:6px}.main-row,.top-bars,.name-row,.highlights{position:relative;z-index:2}.name-row{margin-top:auto}.class-icon{color:#bbb}.name-row h2{margin:8px 0 0;display:inline-block;background:#0000008c;padding:6px 10px;border-radius:8px}.name-row input{width:100%;padding:6px;border-radius:6px;background:#0000008c;border:1px solid #333;color:#fff}.highlights{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.highlight-block{width:60px;height:60px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;cursor:pointer;opacity:.8}.highlight-block.pos{background:linear-gradient(90deg,#2bff9a,#19d170);color:#06321a}.highlight-block.neg{background:linear-gradient(90deg,#ffb3b3,#ff7a7a);color:#3a0505}.hb-top{display:flex;gap:0px;align-items:center;font-weight:800}.hb-icon{font-size:18px;line-height:18px;display:inline-flex;align-items:center;justify-content:center}.hb-mod{margin-left:4px;font-weight:800}.hb-bottom{margin-top:4px;font-size:12px;opacity:.95}.hb-abbr{font-weight:900}.items-card{background:linear-gradient(180deg,#6e4a2b,#4b2f18);color:#fff}.skills-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.skill-group{border-top:1px solid rgba(255,255,255,.03);padding-top:8px}.skill-group-header{font-weight:800;margin-bottom:6px;font-size:13px}.skill-group-items{display:flex;flex-direction:column;gap:6px}.skill-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer;font-size:13px}.skill-row:hover{background:#ffffff05}.skill-row.learned{opacity:.95}.skill-dot{width:12px}.skill-level{color:#bbb;font-weight:700;font-size:12px}.skill-name{font-weight:700;font-size:13px}.skill-effect{color:#ccc;margin-left:8px;flex:1;font-size:12px}.learn-btn{background:#6b5cff;border:none;color:#fff;padding:6px 8px;border-radius:6px;cursor:pointer}.skill-toggle{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff;padding:6px 8px;border-radius:6px;cursor:pointer}.skill-learn-count{background:#6b3b14;border:none;color:#fff;padding:6px 8px;border-radius:6px;cursor:pointer}.inv-list{display:flex;flex-direction:column;gap:6px}.inv-item-btn{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.02);color:#fff;cursor:pointer;text-align:left}.inv-item-btn:hover{background:#ffffff05}.inv-item-btn .inv-name{flex:1}.inv-item{display:flex;gap:8px;align-items:center}.section-add{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.actions{display:flex;gap:8px;justify-content:flex-end}.simple-btn{color:#fff;padding:8px 12px;border:none;font-size:small}.blue-btn{background:linear-gradient(180deg,#6b5cff,#4a38d1);color:#fff;padding:8px 12px;border-radius:8px;border:none}.save-btn{background:linear-gradient(180deg,#035734,#113f0b);color:#fff;padding:8px 12px;border-radius:8px;border:none}.delete-btn{background:linear-gradient(180deg,#240505,#570303);color:#fff;padding:8px 12px;border-radius:8px;border:none}.edit-btn{color:#fff;border:2px}@media (max-width:380px){.card-wrap{flex-direction:column}.char-card-visual{width:100%}.char-card-details{min-width:100%}}#root{max-width:1280px;margin:0 auto;padding:4px;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.profile-page{padding:20px;font-family:Inter,Arial,sans-serif;color:#eee}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.profile-user{position:relative}.profile-user-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#444}.profile-username{font-weight:700}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);background:#222;border:1px solid #333;border-radius:8px;padding:6px;box-shadow:0 6px 18px #0009;z-index:20}.profile-menu-item{display:block;width:160px;padding:8px 10px;background:transparent;color:#fff;border:none;text-align:left;cursor:pointer}.profile-main{display:grid;grid-template-columns:1fr;gap:18px}.profile-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.simple-btn{background:linear-gradient(180deg,#2b2b2b,#1f1f1f);border:1px solid #333;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.square-btn{aspect-ratio:1 / 1;background:linear-gradient(180deg,#2b2b2b,#1f1f1f);border:1px solid #333;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.map-btn{position:relative;overflow:hidden;background-image:url(/lore/WorldMap.png);background-size:cover;background-position:center;color:#fff}.map-btn:before{content:"";position:absolute;inset:0;background:#08080c80;pointer-events:none}.map-btn>*{position:relative;z-index:1}.lore-btn{position:relative;overflow:hidden;background-image:url(/pics/Lore.png);background-size:cover;background-position:center;color:#fff}.lore-btn:before{content:"";position:absolute;inset:0;background:#08080c8c;pointer-events:none}.lore-btn>*{position:relative;z-index:1}.profile-character h3{margin:0 0 8px}.character-card{display:flex;gap:12px;align-items:center;padding:12px;background:#161616;border:1px solid #2a2a2a;border-radius:8px}.character-info{flex:1}.no-character{color:#999;font-style:italic}.primary-btn{background:linear-gradient(180deg,#6b5cff,#4a38d1);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}.character-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.character-tile{background:linear-gradient(180deg,#161616,#0f0f0f);border:1px solid #2a2a2a;border-radius:10px;padding:8px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .12s ease,box-shadow .12s ease}.character-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0009}.character-tile .tile-left{flex:0 0 64px;display:flex;align-items:center;justify-content:center}.character-tile .tile-left img{width:56px;height:56px;border-radius:8px;object-fit:cover}.character-tile .tile-right{display:flex;flex-direction:column;gap:4px;min-width:0}.character-tile .tile-name{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-tile .tile-class{color:#bbb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-actions{display:flex;align-items:center;justify-content:center;padding-top:8px}.profile-empty,.intro-page{padding:20px}.intro-content{max-width:900px;margin:0 auto;background:#0f0f0f;border:1px solid #222;padding:18px;border-radius:8px;color:#eee}.intro-content h1{margin-top:0}.master-room-root{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);box-sizing:border-box}.master-room-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border);background:var(--panel-bg);z-index:10}.header-left,.header-right{display:flex;align-items:center}.master-room-container{flex:1;overflow:auto;padding:0;display:flex;flex-direction:column;gap:0px;max-width:390px;width:calc(100% + -0px);margin:0 auto;box-sizing:border-box}.card{background:var(--card-bg);border-radius:10px;padding:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.card h3{margin:0 0 8px;font-size:16px}.card-body{display:flex;flex-direction:column;gap:1px;font-size:12px}.dice-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.dice-btn{padding:8px 12px;border-radius:20px;border:2px solid transparent;background:var(--btn-bg);cursor:pointer;color:var(--text)}.dice-btn:focus{outline:none;box-shadow:0 0 0 3px #0000001f}.dice-btn.d4{border-color:#9aa0a6;color:#9aa0a6}.dice-btn.d6{border-color:#27ae60;color:#27ae60}.dice-btn.d8{border-color:#2d8cf0;color:#2d8cf0}.dice-btn.d12{border-color:#8e44ad;color:#8e44ad}.dice-btn.d20{border-color:#d4af37;color:#d4af37}.dice-btn:hover{transform:translateY(-1px)}.dice-history{margin-top:8px;display:flex;justify-content:center;padding:0 0 10px}.dice-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dice-entry{padding:2px 4px;font-weight:800;font-size:14px;justify-content:space-around;border:2px solid transparent;box-shadow:var(--shadow);min-width:16px;text-align:center;display:inline-flex;align-items:center;gap:2px;background:transparent}.dice-entry.d4{border-color:#9aa0a6;color:#9aa0a6;border-radius:4px}.dice-entry.d6{border-color:#27ae60;color:#27ae60;border-radius:6px}.dice-entry.d8{border-color:#2d8cf0;color:#2d8cf0;border-radius:8px}.dice-entry.d12{border-color:#8e44ad;color:#8e44ad;border-radius:12px}.dice-entry.d20{border-color:#d4af37;color:#d4af37;border-radius:20px}.dice-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.dice-entry{padding:6px 8px;border-radius:8px;border:2px solid transparent;box-shadow:var(--shadow);min-width:16px;text-align:center;display:inline-flex;align-items:center;gap:6px;background:transparent;transform-origin:center bottom;animation:pop-in .26s ease both}@keyframes pop-in{0%{transform:translateY(8px) scale(.92);opacity:0}60%{transform:translateY(-2px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.small{color:var(--muted)}.fast-btn{color:#fff;padding:8px 12px;border-radius:8px;border:2px}.blue-btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:none}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.player-card{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:linear-gradient(180deg,#111,#0b0b0b);color:#fff}.player-avatar{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#ccc,#999)}.player-name{font-weight:600}.player-meta{font-size:12px;color:#ffffffb3}.mr-char-card-visual.dead{filter:grayscale(100%) contrast(.95);opacity:.86}.mr-char-card-visual{width:140px;min-height:100px;background:linear-gradient(180deg,#111,#070707);border:1px solid #222;border-radius:12px;padding:8px;color:#ddd;display:flex;flex-direction:column;border:#00000010 4px solid;position:relative;overflow:hidden}.mr-char-pic-small{width:42px;height:42px;border-radius:8px;object-fit:cover}.mr-top-bars{display:flex;flex-direction:row;gap:8px;align-items:center}.mr-armor-bar{height:6px;background:linear-gradient(90deg,#f2d879,#c48d09);border-radius:6px}.mr-hp-bar{height:8px;border-radius:6px;display:flex;align-items:center;padding:0;gap:4px;flex:1}.mr-hp-label{color:#ddd;font-weight:700;margin-right:6px}.mr-hp-meter{flex:1;height:10px;background:#3a1a1a;border-radius:6px;overflow:hidden}.mr-hp-fill{height:100%;background:linear-gradient(90deg,#ffb3b3,#ff4d4d)}.mr-hp-info{display:flex;gap:6px;align-items:center;margin-left:8px}.mr-hp-val{font-weight:700;color:#fff}.mr-hp-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;padding:2px 6px;border-radius:6px;cursor:pointer}.mr-main-row{display:flex;align-items:center;gap:12px;margin-top:8px;justify-content:space-between}.mr-level{font-weight:700}.mr-avatar{position:absolute;inset:0;z-index:0;display:block;border-radius:12px;overflow:hidden;pointer-events:none}.mr-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}.mr-top-bars{background:#00000073;padding:8px;border-radius:8px}.mr-main-row{gap:12px;margin-top:8px;justify-content:space-between;display:flex;align-items:center;opacity:.8}.mr-level{font-weight:700;width:40px;height:40px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3}.mr-defense{font-weight:700;color:#fff;width:40px;height:20px;border-radius:25%;background:#04568602;display:flex;align-items:center;justify-content:center;z-index:3}.mr-class-icon{width:40px;height:40px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3}.mr-class-icon img{width:28px;height:28px;border-radius:6px}.mr-main-row,.mr-top-bars,.mr-name-row,.mr-highlights{position:relative;z-index:2}.mr-name-row{margin-top:auto}.mr-class-icon{color:#bbb}.mr-name-row h2{margin:8px 0 0;display:inline-block;background:#0000008c;padding:6px 10px;border-radius:8px}.mr-name-row input{width:100%;padding:6px;border-radius:6px;background:#0000008c;border:1px solid #333;color:#fff}.mr-highlights{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.mr-highlight-block{width:68px;height:30px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;box-sizing:border-box;cursor:pointer;opacity:.9}.mr-highlight-block.pos{background:linear-gradient(90deg,#2bff9a,#19d170);color:#06321a}.mr-highlight-block.neg{background:linear-gradient(90deg,#ffb3b3,#ff7a7a);color:#3a0505}.mr-hb-top{display:flex;gap:0px;align-items:center;font-weight:500}.mr-hb-icon{font-size:12px;line-height:18px;display:inline-flex;align-items:center;justify-content:center}.mr-hb-mod{margin-left:4px;font-weight:500}.mr-hb-bottom{margin-top:4px;font-size:12px;opacity:.95}.mr-hb-abbr{font-weight:500;font-size:12px}.mr-items-card{background:linear-gradient(180deg,#6e4a2b,#4b2f18);color:#fff}.inv-item-row{display:flex;gap:8px;align-items:center}.inv-delete{background:transparent;border:none;color:#ffb3b3;cursor:pointer;padding:6px;border-radius:6px}.inv-delete:hover{background:#ff00000f}.abilities-details{border-radius:6px;overflow:hidden}.abilities-details summary{list-style:none;cursor:pointer;padding:8px;display:flex;justify-content:space-between;align-items:center}.abilities-details summary::-webkit-details-marker{display:none}.abilities-details[open] .abilities-grid{padding:8px}.char-card-details,.char-card-notes{flex:1;min-width:320px;max-width:350px}.char-card-notes details{background:#0e0e0e;border:1px solid #222;border-radius:12px;padding:0}.char-card-notes summary{list-style:none;cursor:pointer;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.note-input{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;padding:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:10px!important;width:"100%"}.section{background:#0e0e0e;border:1px solid #222;border-radius:16px;padding:10px;margin-bottom:10px}.section-header{font-weight:700;display:flex;justify-content:space-between;align-items:center}.abilities-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.ability-row{display:flex;gap:8px;align-items:center}.ability-circle{width:18px;height:18px;border-radius:50%;flex:0 0 18px;cursor:pointer;border:2px solid rgba(0,0,0,.4)}.ability-circle{display:flex;align-items:center;justify-content:center;font-size:12px}.ability-name{width:120px;color:#ccc;display:flex;align-items:center}.ability-bar{flex:1;height:10px;color:#000;background:#1a1a1a;font-size:50%;border-radius:6px;overflow:hidden}.ability-fill{height:100%;background:linear-gradient(90deg,#6bffb8,#07d18e)}.ability-val{width:36px;text-align:right}.ability-controls button{margin-left:6px}.ability-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:60}.ability-modal-content{background:#0d0d0d;color:#fff;border-radius:8px;padding:12px;width:320px;max-width:90%}.ability-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ability-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.ability-modal-body{color:#ddd;white-space:pre-wrap}.small-btn{padding:6px 8px;font-size:13px}.notes-spoiler summary{cursor:pointer;padding:8px;border-radius:6px;background:transparent}.notes-edit textarea{width:100%;min-height:120px;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);box-sizing:border-box}.notes-actions{display:flex;justify-content:flex-end;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:92%;max-width:420px;background:var(--card-bg,#0f0f0f);color:var(--text,#fff);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06)}.commands-list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:8px}.cmd-btn{width:100%;text-align:left;padding:8px;border-radius:6px;border:1px solid var(--border);background:transparent}.simple-btn{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.simple-btn:hover{background:#ffffff05}.save-btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.save-btn:hover{filter:brightness(1.05)}@media (max-width:420px){.master-room-root{height:100vh}.card{padding:10px}.dice-btn{padding:10px 12px}.player-card{padding:10px}.notes-edit textarea{min-height:140px}}: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;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}.simple-toast{padding:10px 14px;border-radius:8px;color:#111;box-shadow:0 6px 18px #0006;font-weight:600;min-width:160px}.simple-toast-info{background:#eee}.simple-toast-success{background:#d6f7d6}.simple-toast-error{background:#ffd6d6}.simple-toast{position:fixed;right:16px;z-index:9999}