.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;justify-content:space-around}.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:500px;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;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:#000000a6;padding:0 10px;border-radius:8px 8px 0 0}.name-row input{width:100%;padding:6px;border-radius:6px;background:#000000a6;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}.note-input,.note-input-history{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;padding:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:150px!important;width:"100%"}.note-input-notes{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;padding:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px!important;width:"100%"}.ability-controls{margin-left:6px}.ability-controls button{margin-left:6px;background:#22993367}.ability-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:24px 0;overflow:auto;-webkit-overflow-scrolling:touch;z-index:60}.ability-modal-content{background:#0d0d0d;color:#fff;border-radius:8px;padding:12px;width:320px;max-width:90%;max-height:calc(100vh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch}.gallery-modal-content{background:#0d0d0d;color:#fff;border-radius:8px;padding:12px;width:320px;max-width:95%;max-height:calc(100vh - 48px);overflow-y:auto;margin:12px auto;-webkit-overflow-scrolling:touch}.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%}}.btn-ok{color:#fff;border:1px solid #333;border-radius:4px;padding:4px 18px;background:linear-gradient(180deg,#1eff0031,#00ff4c28);border:1px solid rgba(205,205,205,.35)}.btn-gold-ok{color:#fff;border:1px solid #ad946792;border-radius:4px;padding:4px 18px;background:linear-gradient(310deg,#c0a404,#ad946792 80%)}.info-modal{background:#3b2f1ae1;color:var(--text, #fff);padding:10px;border-radius:4px;box-shadow:var(--shadow);max-width:300px;border:1px solid #ad946792;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7)}.abilities-map{background:radial-gradient(circle at center,#4d3d22e1,#2a1f0ee1);color:var(--text, #fff);padding:8px;border-radius:0 0 2px 2px;box-shadow:0 10px 25px #0009,inset 0 0 15px #0006,inset 0 1px 1px #ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center}.abilities-map:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#ad9467,transparent);opacity:.6}.abilities-text{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:gold;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}.abilities-text-center{font-family:Cinzel,serif;font-weight:900;text-transform:uppercase;letter-spacing:1px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.class-preview{max-width:390px;margin:0 auto;padding:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont;color:#eee}.loading{padding:20px;text-align:center}.class-stats{font-size:14px;opacity:.9;margin-bottom:6px}.class-description{background:linear-gradient(145deg,#1a1612,#0d0c0a);border:0px solid #4a3b2a;border-radius:4px;box-shadow:inset 0 0 15px #000c,0 4px 10px #00000080;color:#d1c1a1;font-family:Georgia,serif;line-height:1.5}.skill-section{margin-bottom:0}.section-title{font-size:15px;margin-bottom:0;border-radius:6px;overflow:hidden;background:#05050547;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.skill-table{border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.skill-row{background:#151515;padding:10px 14px;border-radius:4px 12px 12px 4px;box-shadow:inset 0 0 10px #ffd7000d,0 2px 4px #0000004d;min-height:56px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;color:#fff;text-shadow:0 0 8px rgba(255,215,0,.2)}.skill-row:hover{background:#1c1a17;box-shadow:inset 0 0 8px #d4af3733}.skill-row:last-child{border-bottom:none}.skill-row.clickable{cursor:pointer}.skill-row.clickable:active{background:#050505a6}.skill-collapsed{opacity:.5;padding:0;font-size:12px;min-height:12px;margin-left:5px;margin-right:5px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#1b1b1bd0,#303030d0)}.skill-header{display:flex;align-items:center;gap:6px;position:relative}.skill-row.depth-0{background:#1b1b1b}.skill-icon{filter:sepia(1) saturate(2) hue-rotate(-10deg) brightness(.8)}.skill-level{font-family:Courier New,monospace;color:#f0d89f;font-weight:700;opacity:1}.skill-name{font-size:12px;font-weight:700;color:#c4a45a;letter-spacing:.05em;max-width:120px}.skill-effect{grid-column:2;font-size:12px;line-height:1.35;opacity:.75;color:#fff;font-weight:400}.skill-dice{display:none}.skill-dice-mini{position:absolute;color:#7b8e7b;right:16px;top:4px;font-size:11px;opacity:.65}.skill-row.depth{padding-left:8px;animation:slideDown .25s ease both}@keyframes slideDown{0%{opacity:0;filter:blur(5px);transform:scale(.98)}to{opacity:1;filter:blur(0);transform:scale(1)}}.skill-row.learned{background:linear-gradient(90deg,#58441e4d,#1e1e1e99);border-left:3px solid #ffd700;padding:10px 14px;border-radius:4px 12px 12px 4px;box-shadow:inset 0 0 10px #ffd7000d,0 2px 4px #0000004d;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;color:#fff;text-shadow:0 0 8px rgba(255,215,0,.2)}.skill-row.learned:after{color:gold;font-size:12px;font-weight:900;opacity:.8}.skill-dice-mini{color:#e1c07e}.class-preview{padding:4px}.skill-learn-btn{margin-left:auto;padding:5px 15px;cursor:pointer;bottom:2px;left:30px;border:1px solid #c4a45a2c;background:linear-gradient(120deg,#ffd70049,#58441e4d);box-shadow:inset 1px 2px 6px #e4dfc36b,2px 2px 4px #0000004d}.skill-learn-btn.learned{background:linear-gradient(120deg,#41423c1a,#989b0d34);color:#e0e0e0;box-shadow:inset -3px -2px 15px #ffd9002c,inset 2px 2px 4px #0000001a;border:1px solid #c4a45a11}.skill-info-btn{margin-left:auto;padding:5px 15px;cursor:pointer;bottom:2px;left:30px;border:1px solid #c4a45a99;background:linear-gradient(120deg,#58441e4d,#ffd70049);box-shadow:inset 0 0 10px #e4dfc36b,0 2px 4px #0000004d}.skill-locked{margin-left:auto;opacity:.4;font-size:12px}.skills-filter-header{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center;padding:0 4px}.skills-filter-header span{font-size:14px;font-weight:600;color:#c4a45a;font-family:Cinzel,serif}.skill-points{font-family:Georgia,serif;font-size:148x;color:#d4af37;background:linear-gradient(180deg,#3a2f1f,#1a150e);padding:4px 2px;border:2px solid #8b7355;border-radius:94px;position:relative;display:flex;flex-direction:column;align-items:center;min-width:30px}.button-skill-toggle{display:flex;align-items:center;justify-content:center;padding:4px 12px;cursor:pointer;width:140px;height:36px;font-family:Cinzel,serif;background:linear-gradient(180deg,#2c2c2c,#1a1a1a);border:1px solid #4a3b2a;border-radius:4px;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #00000080;transition:all .2s ease;position:relative;overflow:hidden}.button-skill-toggle:hover{border-color:#8b7355;background:linear-gradient(180deg,#363636,#222)}.button-skill-toggle:active{transform:translateY(1px);box-shadow:inset 0 2px 10px #000c}.button-skill-toggle.active{border-color:#d4af37;box-shadow:0 0 12px #d4af374d,inset 0 0 5px #d4af3733}.button-skill-toggle span{color:#d1c1a1;font-family:Cinzel,serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(11px,2.2vw,13px);text-shadow:0 1px 2px rgba(0,0,0,.8)}.button-skill-toggle:before{content:"";width:4px;height:4px;background:#4a3b2a;border-radius:50%;margin-right:8px;box-shadow:0 0 2px #000}.button-skill-toggle.active:before{background:#d4af37;box-shadow:0 0 5px #d4af37}@keyframes magicAppear{0%{opacity:0;transform:scale(.8) translateY(10px);filter:brightness(0) contrast(1.5);box-shadow:0 0 #d4af3700}50%{filter:brightness(1.2) contrast(1.2);box-shadow:0 0 40px #d4af3766}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1) contrast(1);box-shadow:0 0 20px #000c}}.modal-learn{background:#1a1612;background-image:linear-gradient(#0009,#0009),url(https://www.transparenttextures.com);border:2px solid #8b7355;border-radius:4px;padding:24px;max-width:320px;color:#e2d1b1;box-shadow:0 0 30px #000000e6,inset 0 0 15px #8b73554d;text-align:center;position:relative;animation:magicAppear .5s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;backface-visibility:hidden}.modal-learn h3{font-family:Cinzel,serif;color:#d4af37;text-transform:uppercase;margin:0 0 16px;letter-spacing:1px;border-bottom:1px solid #4a3b2a;padding-bottom:8px;animation:goldGlow 2s ease-in-out infinite alternate}@keyframes goldGlow{0%{text-shadow:0 0 5px rgba(212,175,55,.3)}to{text-shadow:0 0 15px rgba(212,175,55,.8),0 0 20px rgba(255,255,255,.2)}}.modal-learn p{font-size:14px;line-height:1.5;margin:8px 0;font-style:italic;opacity:.9}.modal-learn p:nth-of-type(2){font-weight:700;color:#7b8e7b;font-size:16px}.modal-learn b{color:#fc0;text-shadow:0 0 5px rgba(255,204,0,.5)}.modal-learn button{width:100%;margin-top:12px;padding:10px;border:1px solid #d4af37;border-radius:2px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .2s}.modal-learn button:first-of-type{background:linear-gradient(180deg,#8b7355,#4a3b2a);color:#fff;box-shadow:0 2px 4px #00000080}.modal-learn button:first-of-type:hover{filter:brightness(1.2);box-shadow:0 0 10px #d4af3766}.modal-learn button:last-of-type{background:transparent;border-color:#4a3b2a;color:#8b7355;font-size:12px}.modal-learn button:last-of-type:hover{color:#e2d1b1;background:#8b73551a}.gallery-root{display:flex;flex-direction:column;gap:12px}.filters-top{display:flex;flex-direction:column;gap:8px}.filter-row{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.filter-row::-webkit-scrollbar{height:6px}.filter-row::-webkit-scrollbar-thumb{background:#333}.gal-btn{padding:6px 10px;background:#4b4c52;border:1px solid #112514;color:#e9e7e7;cursor:pointer;min-width:auto;flex-shrink:0;width:max-content}.gal-btn.active{padding:6px 10px;background:#04362b;border:1px solid #225337;color:#e9e9e9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cell{aspect-ratio:1 / 1;overflow:hidden;border:1px solid #222;background:#111}.cell img{width:100%;height:100%;object-fit:cover}.clickable{cursor:pointer}.modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{max-width:90vw;max-height:90vh;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:2px;display:flex;flex-direction:column;gap:12px}.modal-content img{max-width:100%;max-height:70vh;object-fit:contain}.select-btn{align-self:flex-end;padding:8px 16px;background:#0a3613;border:none;color:#fff;cursor:pointer}.close-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#aaa;font-size:18px;cursor:pointer}.admin-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.admin-login-box{background:#242838;padding:40px;border-radius:8px;box-shadow:0 10px 25px #00000080;width:100%;max-width:400px;border:1px solid #3a4255}.admin-login-box h1{text-align:center;margin-bottom:24px;color:#e0e0e0}.admin-login-box form{display:flex;flex-direction:column;gap:12px}.admin-login-box input{padding:10px 12px;border:1px solid #3a4255;border-radius:6px;font-size:14px;background:#1a1f2e;color:#e0e0e0}.admin-login-box button{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.admin-login-box button:hover{background:#7a8ff5}.admin-login-box .error{margin-top:12px;color:#ff6b6b;text-align:center}.admin-panel{display:flex;flex-direction:column;min-height:100vh;background:#1a1a2e}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#16213e;color:#fff;padding:16px 24px;box-shadow:0 2px 8px #0000004d;border-bottom:1px solid #3a4255}.admin-header h1{margin:0;font-size:24px}.logout-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.logout-btn:hover{background:#ff6b6b}.admin-tabs{display:flex;background:#16213e;border-bottom:2px solid #3a4255;gap:0}.tab-btn{padding:12px 20px;background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;color:#a0a0a0;font-weight:500;transition:all .2s}.tab-btn:hover{color:#e0e0e0}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.admin-content{flex:1;padding:2px;overflow:auto}.users-tab{background:#242838;padding:4px;border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #3a4255}.users-tab h2{margin-top:0;color:#e0e0e0}.users-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:14px}.users-table thead{background:#1a1f2e;border-bottom:2px solid #3a4255}.users-table th{padding:8px;text-align:left;color:#a0a0a0;font-weight:600;border-right:1px solid #3a4255}.users-table th:last-child{border-right:none}.users-table tbody tr{border-bottom:1px solid #3a4255;transition:background .2s}.users-table tbody tr:hover{background:#2a2f3e}.users-table td{padding:8px;color:#e0e0e0;vertical-align:middle;border-right:1px solid #3a4255}.users-table td:last-child{border-right:none}.td-id{font-family:monospace;color:#7a7a7a;font-size:12px;max-width:100px;word-break:break-all}.td-avatar{text-align:center;width:50px;padding:10px 8px}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #3a4255}.user-avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#3a4255;border-radius:50%;color:#7a7a7a;font-size:12px}.td-displayname{font-weight:600;flex:1}.td-username{color:#a0a0a0;font-size:13px}.td-info{text-align:center;max-width:24px}.info-btn{background:#667eea;color:#fff;border:none;border-radius:50%;width:20px;aspect-ratio:1 / 1;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background .2s}.info-btn:hover{background:#7a8ff5}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#242838;border:1px solid #3a4255;border-radius:8px;padding:24px;max-width:450px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #3a4255}.modal-header h3{margin:0;color:#fff;font-size:18px}.modal-close{background:none;border:none;color:#a0a0a0;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;gap:12px;align-items:flex-start}.info-label{color:#7a7a7a;font-size:13px;font-weight:600;min-width:100px;padding-top:2px}.info-value{flex:1;color:#e0e0e0;font-size:13px;word-break:break-all}.info-value-color{display:flex;align-items:center;gap:8px}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #3a4255}.td-magiclink{min-width:20px}.magiclink-btn{padding:6px 12px;background:#255f53 !;color:#b3f3fc;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}.magiclink-btn:hover{background:#98a0c9}.magiclink-btn:disabled{background:#555;cursor:not-allowed}.magiclink-cell{display:flex;gap:6px;align-items:center}.magiclink-input{flex:1;padding:6px 8px;border:1px solid #3a4255;border-radius:4px;font-size:11px;font-family:monospace;background:#02633a;color:#a0a0a0;width:60px}.copy-btn{padding:6px 10px;background:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;white-space:nowrap}.copy-btn:hover{background:#2ecc71}.characters-tab,.auth-tab{background:#242838;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid #3a4255}.characters-tab h2,.auth-tab h2{margin-top:0;color:#e0e0e0}.characters-tab p,.auth-tab p{color:#a0a0a0}.error{background:#3a2424;color:#ff6b6b;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #6b4242}.user-creation-tab{max-width:600px}.user-creation-tab h2{color:#e0e0e0;margin-bottom:24px;font-size:20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#a0a0a0;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #3a4255;border-radius:6px;color:#e0e0e0;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.color-input{display:flex;gap:12px;align-items:center}.color-input input[type=color]{width:60px;height:40px;padding:2px;border-radius:4px;cursor:pointer}.color-value{color:#7a7a7a;font-family:monospace;font-size:13px}.form-error{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#ff6b6b;padding:12px;border-radius:6px;margin-bottom:16px;font-size:13px}.form-success{background:#28a74526;border:1px solid rgba(40,167,69,.4);color:#51cf66;padding:12px;border-radius:6px;margin-bottom:16px;font-size:13px}.create-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;width:100%}.create-btn:hover:not(:disabled){background:#7a8ff5}.create-btn:disabled{background:#444;cursor:not-allowed;opacity:.6}.auth-container{max-width:350px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center;position:relative;justify-content:start;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.auth-container{grid-template-columns:1fr}}.auth-panel{background:#ffffff03;background-size:cover;background-position:center;background-attachment:fixed;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;height:260px;display:flex;flex-direction:column;justify-content:space-between}.auth-panel:before{content:"";position:absolute;inset:0;background:#ffffff03;border-radius:12px;z-index:1}.auth-panel h3,.auth-panel h4,.auth-panel>div{position:relative;z-index:2}.auth-panel h3{color:#fff;font-size:16px;position:relative;z-index:2;align-items:left;text-align:left;font-weight:600;background:#00020521;backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);margin:0 auto 12px 0;padding:8px;border-radius:10px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.telegram-section,.link-section{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.link-line{display:flex;flex-direction:row;gap:2px;align-items:center}.auth-link-input{padding:12px 14px;background:#0006;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;font-size:13px;word-break:break-all;flex:1;max-width:160px}.auth-link-input::placeholder{color:#ffffff80}.paste-btn{border:none;background:#0088cc87!important;color:#fff;cursor:pointer;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:4px;border-radius:10px;margin:0 auto;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:background .2s;aspect-ratio:1/1;height:40px}.paste-btn:hover{background:#0077b3}.auth-container button{padding:8px 14px;border-radius:6px;border:none;background:#61616188;color:#fff;cursor:pointer}.auth-container .error{margin-top:12px;color:#a00}.telegram-down{background:#fff4e597;color:#4d1605;padding:8px 12px;border:1px solid #ffdca844;font-weight:500;border-radius:6px;margin-bottom:12px}.tg-available{background:#0088cc24;color:#fff;padding:8px 12px;border:1px solid #0088CC17;border-radius:6px;margin-bottom:12px;backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}::placeholder{color:#fff!important;font-family:Tahoma,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:800}.tg-unavailable{border:2px solid #ffb2a822!important;box-shadow:0 0 0 3px #c6282814;background:#5e380299}.tg-unavailable[type=button],.tg-unavailable[type=submit],.tg-unavailable.button{background:#7f1d1d33!important}.in-btn{border:none;background:#0088cc87!important;color:#fff;cursor:pointer;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:8px;border-radius:10px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.previewName{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px;margin-left:auto;margin-right:auto;color:#fff;font-weight:600;background:#00020521;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:4px 8px;border-radius:26px}.pwa-install{display:flex;gap:12px;align-items:center;justify-content:center;border-radius:12px;margin-bottom:12px;color:silver;font-size:small;font-weight:500;background:#1e1e1f80;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:12px 16px}#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}body{margin:0;padding:0}body.profile-bg{background-image:url(/pics/backgrounds/Background_01.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.backdrop{border-radius:20px;background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.2)}.profile-page{font-family:Inter,Arial,sans-serif;color:#eee;border-radius:18px;padding:8px;overflow:hidden;min-height:94vh;width:clamp(360px,80vw,400px)}.profile-page-old{font-family:Inter,Arial,sans-serif;color:#eee;background:#0505052e;padding:8px;border:1px solid rgba(205,205,205,.35);overflow:hidden;min-height:94vh;width:clamp(360px,80vw,400px);border-radius:25px}.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;border-radius:18px;background:#0505052e;padding:2px 8px 2px 0;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);overflow:hidden}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#444;border:1px solid rgba(255,255,255,.35)}.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 8px #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}.bg-liquid-glass{background:#0a0a0c47;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px}@supports not (hanging-punctuation: first){.bg-liquid-glass{backdrop-filter:url(#displacementFilter) blur(2px);-webkit-backdrop-filter:url(#displacementFilter) blur(2px)}}.liquid-btn{position:relative;border-radius:18px;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.43);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}@supports not (hanging-punctuation: first){.liquid-btn{backdrop-filter:url(#displacementFilter) blur(2px);-webkit-backdrop-filter:url(#displacementFilter) blur(2px)}}.liquid-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff6,#ffffff0d 40%,#ffffff1a);opacity:.6;pointer-events:none}.liquid-btn:hover{transform:translateY(-1px);box-shadow:0 4px 4px #00000040}.liquid-btn:active{transform:translateY(0)}.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;position:relative;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(5,5,5,.35);border-radius:18px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.43);font-weight:700;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}@supports not (hanging-punctuation: first){.square-btn{backdrop-filter:url(#displacementFilter) blur(2px);-webkit-backdrop-filter:url(#displacementFilter) blur(2px)}}.map-btn{position:relative;overflow:hidden;background-image:url(/pics/minimap.jpg);opacity:.9;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.webp);background-size:cover;background-position:center;color:#fff;opacity:.85}.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;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.35);border-radius:18px}.character-info{flex:1}.no-character{color:#999;font-style:italic}.primary-btn,.go-btn{position:relative;background:linear-gradient(180deg,#1eff0031,#00ff4c28);border:1px solid rgba(205,205,205,.35);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#fff;border:none;padding:20px 24px;border-radius:18px;cursor:pointer;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.43);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}@supports not (hanging-punctuation: first){.primary-btn{backdrop-filter:url(#displacementFilter) blur(2px);-webkit-backdrop-filter:url(#displacementFilter) blur(2px)}}.character-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.character-tile{padding:8px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .12s ease,box-shadow .12s ease;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);border-radius:18px;text-shadow:0 2px 4px rgba(0,0,0,.43);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}@supports not (hanging-punctuation: first){.character-tile{backdrop-filter:url(#displacementFilter) blur(2px);-webkit-backdrop-filter:url(#displacementFilter) blur(2px)}}.character-tile:hover{transform:translateY(-4px);box-shadow:0 8px 8px #0000004d}.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:18px;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;text-shadow:0 2px 4px rgba(0,0,0,.53)}.character-tile .tile-class{color:#ddd;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.53)}.character-actions{display:flex;align-items:center;justify-content:center;padding-top:8px}.profile-empty{padding:20px}#root{width:390px}.body{align-items:flex-start;scroll-margin-inline-start:100px}body.profile-bg{background-image:url(/pics/backgrounds/Background_intro.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;z-index:-1}.intro{padding-bottom:env(safe-area-inset-bottom);font-size:16px;line-height:1.6;align-items:flex-start}.intro-tabs{position:relative;display:flex;justify-content:space-between;gap:2px;padding:2px;margin:8px 0 0;background:#69696961;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(105,105,105,.68);border-radius:18px 18px 0 0;border-bottom:1px solid #fff2;z-index:1;max-width:376px;overflow:hidden}.intro-tab{position:relative;color:#fff;z-index:2;height:32px;width:30vw;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:9px;transition:color .2s ease}.intro-tabs button{padding:10px;border-radius:999px;border:none;background:#161616;font-size:14px;white-space:nowrap;overflow:hidden}.intro-tab.active{color:#fff}.intro-tabs-indicator{position:absolute;top:2px;left:2px;height:calc(100% - 4px);border-radius:18px 18px 0 0;background:#69696961;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(105,105,105,.68);background-attachment:fixed;transition:transform .15s cubic-bezier(.2,-.18,.9,1.31),background-color .5s ease;z-index:1}.intro-tabs-indicator[data-tab=base]{transform:translate(0);background:#00a4d660;width:125px}.intro-tabs-indicator[data-tab=classes]{transform:translate(135px);background:#07d60060;width:105px}.intro-tabs-indicator[data-tab=extra]{transform:translate(250px);background:#d600d660;width:124px}.tab-panel{animation:fadeSlide .5s cubic-bezier(.22,1,.36,1);padding:0;margin:0}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shrink{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(.1);opacity:0}}.lore-back-top{animation:shrink linear both;animation-timeline:scroll(root block);animation-range:0px 100px;position:sticky;top:12px;z-index:10;display:flex;gap:8px;padding:8px 16px;margin:8px 0 0 8px;border-radius:18px;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.43);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;font-size:14px;width:fit-content}.lore-back-top:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.intro-back{animation:shrink linear both;animation-timeline:scroll(root block);animation-range:0px 100px;position:sticky;top:0;z-index:0;display:flex;gap:8px;padding:2px 18px;margin-left:1%;width:20vw;border-radius:18px;background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.43);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.intro-underlayer{border-radius:18px;padding:12px;background:#05050578;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(90,90,90,.322);color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.43);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.intro-content{max-width:680px;margin:0 auto}h1{font-size:24px;margin-bottom:12px}h2{font-size:20px;margin-top:24px;margin-bottom:8px}p{margin-bottom:12px}ul{padding-left:20px;margin-bottom:12px}li{margin-bottom:6px}.list-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0}.example,.formula{padding:12px;border-radius:12px;font-weight:500}.intro-subtabs{display:flex;justify-content:space-between;gap:4px;padding:4px 0;overflow-x:auto;flex-wrap:wrap;background:#3737372e;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%)}.intro-subtabs button{padding:8px;border-radius:4px;border:none;background:#161616;font-size:12px;white-space:nowrap;width:31vw;background:#05050578;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#fff;transition:background .45s ease,border-color .45s ease,transform .18s ease,box-shadow .25s ease;border:1px solid rgba(70,70,70,.247)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeIn .5s ease}.intro-subtabs2{animation:fadeIn .4s ease;display:flex;justify-content:space-around;border-top:3px solid rgba(40,90,80,.47);padding:4px 0;overflow-x:auto;flex-wrap:wrap;background:#3737372e;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);gap:4px;border-radius:0 0 12px 12px}.intro-subtabs2 button{padding:8px 18px;border-radius:25px;border:none;background:#161616;font-size:12px;white-space:nowrap;background:#05050578;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#fff;border:1px solid rgba(70,70,70,.247);overflow:hidden;position:relative;transition:background .45s ease,border-color .45s ease,transform .18s ease,box-shadow .25s ease;transform:translateY(0)}@keyframes tabPulse{0%{box-shadow:0 0 #07d60059}to{box-shadow:0 0 0 10px #07d60000}}.intro-subtabs button.active{animation:tabPulse .4s ease;background:#054b3778;border:1px solid rgba(105,145,125,.47);color:#fff}.intro-subtabs2 button.active{animation:tabPulse .4s ease;background:#07d60060;transform:translateY(-2px);border-radius:66px;border:1px solid rgba(105,145,125,.47);color:#fff}.intro-subtabs2 button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#07d60059;opacity:0;transform:scale(.85);transition:opacity .55s ease,transform .55s ease;z-index:-1}.intro-subtabs2 button.active:before{opacity:1;transform:scale(1)}.info-spoiler{margin-top:15px;border-top:1px solid rgba(105,205,205,.2);padding-top:10px}.info-spoiler summary{list-style:none;cursor:pointer;font-size:.85em;color:#69cdcdcc;display:flex;align-items:center;gap:8px;transition:color .3s ease;-webkit-user-select:none;user-select:none}.info-spoiler summary:hover{color:#fff}.info-spoiler summary:before{content:"👉";font-size:1em;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.info-spoiler[open] summary:before{transform:rotate(90deg)}.spoiler-content{padding:10px 0;font-size:.9em;color:#ccc;line-height:1.4;animation:slideDown .4s cubic-bezier(.2,.8,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bg-intro{background-image:url(/pics/backgrounds/Background_basics.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.intro-header{margin-bottom:0;font-size:xx-small;color:transparent}.intro-description{padding:2px;max-width:390px;margin:00px 10px 0;background:#05414161;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);border-radius:18px;color:#fff;font-size:14px;font-weight:400;line-height:1.2;font-weight:200;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-caption{padding:4px 2px 2px 10px;max-width:390px;margin:10px 10px 0;background:#053741c0;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(5,25,25,.38);border-bottom:0px;font-size:large;font-weight:700;border-radius:18px 18px 0 0;display:flex;justify-content:left;align-items:center;color:#eee;text-shadow:0 2px 4px rgba(0,0,0,.43)}.card-content{padding:12px;max-width:390px;margin:0 10px;background:#192323c7;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(5,25,25,.38);border-top:0px;border-radius:0 0 18px 18px;color:#fff;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.left-align{text-align:left;padding:0 16px}.left-align-list{text-align:left;padding:8px 32px 4px;background:#41414178;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);text-shadow:0 2px 4px rgba(0,0,0,.43);border:1px solid rgba(205,205,205,.35);border-radius:8px;overflow:hidden}.example{padding:16px;max-width:680px;margin:0 auto;background:#41414161;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);color:#fff;font-weight:200;font-size:small;text-shadow:0 2px 4px rgba(0,0,0,.43);cursor:help;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}@keyframes appearAtBottom{0%{transform:translateY(50px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.back-to-top{animation:appearAtBottom linear both;animation-timeline:scroll(root);animation-range:95% 99%;position:fixed;z-index:999;bottom:20px;right:20px;background-color:#052323ad;border:1px solid rgba(105,205,205,.65);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;width:auto;transition:transform .2s ease,box-shadow .2s ease}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 12px #69cdcd4d}.bg-extra{background-image:url(/pics/backgrounds/Background_basics.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;max-width:390px}.media-gallery{padding:0;font-family:system-ui,sans-serif;color:#fff;max-width:382px;margin:0}.media-section{margin-bottom:24px}.media-section h2{font-size:18px;margin:0;background:#38093825;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);font-weight:500;padding:8px 12px}.media-scroll{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-top:8px;padding-bottom:18px}.media-card{flex:0 0 140px;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;border-radius:12px;overflow:hidden;background:#5f194194;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);box-shadow:0 2px 6px #00000080;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.media-card:hover{transform:scale(1.05);box-shadow:0 4px 6px #000000b3}.media-thumb{width:100%;height:200px;object-fit:cover;border-radius:12px 12px 0 0}.media-title{padding:6px 8px;font-size:14px;text-align:center;font-weight:500}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeScaleIn .35s ease-out forwards}.media-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);display:flex;justify-content:center;align-items:center;padding:5vh 0 0;z-index:9999;cursor:zoom-out;overflow:hidden}.fullscreen-media{max-width:95%;max-height:95%;border-radius:12px;object-fit:contain}.video-controls{position:absolute;top:2vh;display:flex;gap:10vw}.video-btn{background:#00000080;border:none;padding:12px;aspect-ratio:1;min-width:48px;border-radius:99px;color:#fff;font-size:18px;cursor:pointer}.close-btn{background:#00000080}.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}.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{font-size:small;color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #07d18e1c;background:linear-gradient(135deg,#09302311,#07d18e17)}.blue-btn.active{font-size:small;color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #07d18e57;background:linear-gradient(135deg,#09302348,#07d18e7a)}.inputStylized{color:#fff;font-weight:400;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #07d18e1c;background:linear-gradient(135deg,#335c4ebb,#19b37fa4)}.inputStylized.short{font-weight:800;max-width:30px}.inputStylized.small{font-weight:300;max-width:60px;max-height:10px}::placeholder{color:#0cffaebb;opacity:1}.selectStylized{appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#033826a4;font-weight:700;padding:8px 32px 8px 12px;border-radius:10px;border:1px solid rgba(7,209,142,.25);background:linear-gradient(135deg,#b1ffe5bb,#b1fae2a4);cursor:pointer}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,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{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;gap:4px}.mr-char-card-visual.dead{filter:grayscale(100%) contrast(.95);opacity:.86}.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:0;display:flex;flex-direction:row;gap:2px;flex-wrap:nowrap;justify-content:space-between;align-items:start;padding:0}.mr-class-icon{color:#bbb}.mr-name-row h2{margin: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-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;background:linear-gradient(90deg,#142c20,#034d34)}.small-btn.learned{background:linear-gradient(90deg,#657235,#424d03)}.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{width:92%;max-width:390px;color:var(--text,#fff);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06);background:#191919e0;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);box-shadow:0 2px 6px #00000080}.modal-choose{flex:auto;display:table-column;width:92%;max-width:390px;color:var(--text,#fff);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06);background:#191919e0;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);box-shadow:0 2px 6px #00000080}.modal.locked{min-height:70vh}.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:#333333e0}.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: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}}.dm-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.dm-header{height:60px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--panel-bg)}.dm-container{display:flex;gap:12px;padding:1px;flex:1;flex-direction:column;max-width:980px;margin:0 auto;width:100%}.dm-panel{background:var(--card-bg);border-radius:10px;padding:1px;border:1px solid var(--border)}.dm-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}.dm-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:transparent}.dm-list-row{display:flex;align-items:center;justify-content:space-between;width:100%}.dm-list-name{font-weight:700}.dm-list-actions{display:flex;gap:8px}.dm-btn{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#77777773;color:var(--text);cursor:pointer}.dm-btn.active{background:var(--accent);color:#fff}.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}.dm-empty{color:var(--muted)}.dm-card{background:linear-gradient(180deg,#0f0f0f,#080808);padding:10px;border-radius:10px;color:#fff;position:relative;overflow:hidden}.dm-card h4{margin:0 0 6px}.dm-card .dm-row{display:flex;justify-content:space-between;align-items:center}.dm-card .dm-hp{font-weight:800}.modal-overlay-x{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:92%;max-width:720px;color:var(--text,#fff);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06);background:#191919f2}.modal-available{flex-direction:column;width:92%;max-width:720px;color:var(--text,#fff);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06);background:#191919f2}.modal h3{margin-top:0}.save-btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.summary-btn{cursor:"pointer";padding:2;background-color:#3b3b3b96}details[open] .summary-btn{background-color:#3b3b3b1a;color:#fff;font-weight:700;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(180deg,#242424,#010302);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:start;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:#9dc6fc1e}button:focus,button:focus-visible{outline:0px #ffffff22;overflow:hidden}@media(prefers-color-scheme:light){:root{color:#eef5fc;background-color:#35333322}a:hover{color:#e3e5ffd8}}@media(prefers-color-scheme:dark){:root{color:#eef5fc;background-color:#18171a22}a:hover{color:#eeeef1d8}}.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}.character-page{max-width:700px;font-family:Georgia,Times New Roman,serif;padding:0 12px;display:flex;background:linear-gradient(180deg,#d1ad6b31,#d1ad6b00);flex-direction:column;gap:20px}.progress{font-size:14px;opacity:.6}.question-text{font-size:22px;font-family:Georgia,Times New Roman,serif;margin-top:0;background:linear-gradient(110deg,#d1ad6b25,#d1ad6b87 40%,#d1ad6b77 60%,#d1ad6b25);background-size:200% 100%;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(229,228,173,.3);animation:shine 12s linear infinite;transition:transform .2s,border .2s,box-shadow .2s;position:relative;overflow:hidden;border-radius:16px;align-items:center;display:flex;justify-content:center;width:100%;min-height:50px}.question-text span{overflow:hidden;text-overflow:ellipsis;font-size:clamp(18px,2.5vw,22px)}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;gap:12px;padding:12px;background:#1e1e1e;border:1px solid #333;color:#fff;cursor:pointer;text-align:left}.option:hover{border-color:#666}.option.selected{border-color:#d1ad6b77}.option img{width:64px;height:64px;object-fit:cover}.option-desc{font-size:13px;opacity:.7}.buttons-line{display:flex;justify-content:space-between;gap:12px}.next-button{align-self:flex-end;padding:10px 20px;background:#d1ad6b77;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,235,205,.35);color:#fff;cursor:pointer;font-size:16px}.next-button:disabled{opacity:.4;cursor:not-allowed}.prev-button{align-self:flex-start;padding:10px 20px;font-size:16px}.prev-button:disabled{opacity:0;cursor:not-allowed}.loader{text-align:center;margin-top:100px}.character-result{max-width:700px;margin:40px auto}.progress-bar-top{position:fixed;top:0;left:0;height:4px;background:#11ca306e;backdrop-filter:blur(2px) saturate(160%);-webkit-backdrop-filter:blur(2px) saturate(160%);transition:width .3s ease;z-index:9999}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#0505052e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:#e5e5e7;width:100%;max-width:550px;border-radius:24px 24px 0 0;padding:24px;display:flex;flex-direction:column;box-shadow:0 -10px 25px #00000080;animation:slideUp .3s ease-out}.modal-content h2{font-family:Georgia,serif;font-size:1.5rem;margin-bottom:8px;margin-top:8px;text-align:center;color:#d1ad6b}.story-text{flex-grow:1;overflow-y:auto;font-family:Georgia,Times New Roman,serif;line-height:1.7;font-size:1.15rem;color:#d1d1d1;padding-right:10px;margin-bottom:20px;-webkit-overflow-scrolling:touch;white-space:pre-line}.story-text::-webkit-scrollbar{width:4px}.story-text::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.modal-content .next-button{width:100%;padding:16px;background:#d1ad6b;color:#1c1c1e;border:none;border-radius:14px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .1s}.modal-content .next-button:active{transform:scale(.98)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.modal-overlay{align-items:center}.modal-content{height:auto;max-height:80vh;border-radius:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gender-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.gender-card{border:1px solid #cccccc2d;padding:10px;margin:5px;cursor:pointer;background:linear-gradient(210deg,#616161,#2c2c2c);border-radius:28px;width:88%;transition:transform .32s cubic-bezier(.22,.61,.36,1)}.gender-card.selected{padding:10px;margin:5px;cursor:pointer;border-radius:28px;width:90%;transform:scale(1.04)}.gender-card.selected.male{border:2px solid #6da8d8c0;background:linear-gradient(210deg,#2195f3b0,#bbdefbc2)}.gender-card.selected.female{border:2px solid #c588a8b7;background:linear-gradient(210deg,#c66999b4,#d689d9ab)}.options{display:grid;gap:12px}.option{display:grid;grid-template-rows:auto auto;gap:10px;padding:12px;border-radius:10px;border:1px solid #333;background:#1e1e1e;cursor:pointer;overflow:hidden;max-height:120px;transition:max-height .32s cubic-bezier(.22,.61,.36,1),background .26s ease,border .26s ease}.option-top{display:flex;align-items:center;gap:8px}.option-row{display:flex;gap:12px;align-items:start}.option.selected{max-height:420px}.option-image{flex:0 0 96px;height:96px;overflow:hidden;border-radius:10px;max-width:60px;align-items:start}.option-image img{width:100%;height:100%;object-fit:cover}.option-gallery{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@media(min-width:391px){.option-gallery{padding-bottom:4px}.option-gallery::-webkit-scrollbar{height:8px}.option-gallery::-webkit-scrollbar-track{background:#0000000d}.option-gallery::-webkit-scrollbar-thumb{background:#5ea9e671;border-radius:10px}}@media(max-width:390px){.option-gallery::-webkit-scrollbar{display:none}.option-gallery{scrollbar-width:none}}.option-gallery img{width:56px;height:auto;object-fit:cover;border-radius:6px;flex-shrink:0;transition:transform .2s ease}.option-gallery img:hover{transform:scale(1.1)}.option-text{display:flex;flex-direction:column;gap:4px}.option-desc{font-size:13px;opacity:.8}.option-desc.unselected{font-size:13px;opacity:.8;max-height:80px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 40px,transparent 75px);mask-image:linear-gradient(to bottom,black 40px,transparent 75px)}.option.selected{border-color:#6da8d8c0;background:linear-gradient(210deg,#14344eb0,#477fadc2)}.image-lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:zoomIn .25s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.image-lightbox-close:hover{transform:scale(1.2)}@media(max-width:768px){.image-lightbox-close{top:10px;right:10px}.image-lightbox-content{max-width:95vw;max-height:95vh}}.class-list{display:grid;grid-template-columns:repeat(4,minmax(90px,3fr));gap:8px;justify-content:center;margin-top:8px}.recomend-list{display:flex;gap:8px;margin:0;padding:0;max-width:100%;box-sizing:border-box;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;white-space:nowrap}.recomend-list>*{flex-shrink:0}.recomend-card{display:flex;gap:4px;padding:8px;font-size:smaller;border-radius:10px;align-items:center;justify-content:center;margin-bottom:8px;max-height:52px;cursor:pointer;background:linear-gradient(110deg,#8f860666,#dacd0c99,#8f860666);background-size:200% 100%;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,251,150,.3);animation:shine 6s linear infinite;transition:transform .2s,border .2s,box-shadow .2s;position:relative;overflow:hidden}.recomend-card:hover{transform:translateY(-1px);border-color:#fffb9699;box-shadow:0 4px 15px #8f860666;background-position:0% 0%}@keyframes shine{to{background-position:200% 0%}}.recomend-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0 20%,#ffffff1a 50%,#fff0 75%);transform:rotate(45deg);pointer-events:none}.annotation{display:flex;flex-direction:column;flex-wrap:wrap;font-size:clamp(12px,2.5vw,13px);align-content:center;justify-content:space-evenly;background:#dacd0c1a;padding:4px;gap:8px;border-left:2px solid rgba(218,205,12,.6);color:#dacd0c}.class-tabs{display:flex;flex-wrap:wrap;border-top:4px solid rgba(13,117,117,.2);align-content:center;justify-content:space-evenly;background:#33333383;padding:4px;gap:4px 0px}.tab{background:#40434983;border-radius:20px;padding:6px 18px;color:#e3e7eb}.tab span{overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,2.5vw,15px)}.tab.active{background:linear-gradient(110deg,#0d75754d,#0d757599,#0d75754d);background-size:200% 100%;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(13,117,117,.2);animation:shine 5s linear infinite;transition:transform .2s,border .2s,box-shadow .2s;position:relative;overflow:hidden;color:#fff}.class-card{display:flex;width:100%;height:52px;gap:4px;padding:8px;border-radius:10px;background:#0d75753a;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(44,44,44,.35);cursor:pointer;transition:all .2s;align-items:center;margin-bottom:8px;justify-content:center;overflow:hidden;text-align:center}.class-card span{overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,2.5vw,13px)}.class-card:hover{border-color:#0d757583;background:#06a1a18a;background:linear-gradient(110deg,#0d75754d,#0d757599,#0d75754d);background-size:200% 100%;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(13,117,117,.2);animation:shine 5s linear infinite;transition:transform .2s,border .2s,box-shadow .2s;position:relative;overflow:hidden}.class-icon{width:64px;height:64px;object-fit:cover;border-radius:8px}.class-text{display:flex;flex-direction:column;gap:4px}.class-desc{font-size:13px;opacity:.8}.class-name{font-size:16px;font-weight:600;margin:0 0 8px;padding:4px;background:linear-gradient(110deg,#0d757500,#0d757599,#0d757500);border-radius:20px}.skeleton{background:#ffffff0d;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-tab{width:80px;height:32px;border-radius:20px}.skeleton-card{width:120px;height:40px}.skeleton-rec{width:100%;height:60px}._bottomBar_1cxsh_1{position:fixed;bottom:0;left:0;right:0;background:#021a1a61;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,205,205,.35);border-top:1px solid #333;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:100;box-shadow:0 -4px 20px #00000080;border-radius:20px 20px 0 0}._row_1cxsh_39{display:flex;align-items:center;gap:10px;flex-wrap:wrap}._inventorySelect_1cxsh_53{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;align-items:center}._itemBadge_1cxsh_69{padding:6px 12px;border:1px solid #03642b6c;border-radius:12px;color:#73cc8a94;cursor:pointer;font-size:14px;white-space:nowrap}._itemSelected_1cxsh_89{background:#f0b40090;background:linear-gradient(210deg,#00f0a090,#00f0b460);color:#fff;font-weight:600;border-color:#00f0a090;align-items:center}._inputName_1cxsh_107{flex:1;background:#2a2a2a62;border:1px solid #054726;color:#fff;padding:10px;border-radius:8px}._createBtn_1cxsh_125{background:#029b6d;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}._createBtn_1cxsh_125:disabled{opacity:.5;cursor:not-allowed}._modalOverlay_1cxsh_157{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}._modalContent_1cxsh_179{background:#222;padding:24px;border-radius:12px;width:100%;max-width:400px}.bottom-nav{position:fixed!important;left:0;right:0;bottom:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));background:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(212,175,55,.2);box-shadow:0 -4px 20px #00000080;z-index:10000;display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;justify-content:space-around;width:100%;max-width:430px;height:64px;align-items:center}.bottom-nav button{background:none;border:none;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;position:relative;width:50px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.nav-icon{width:22px;height:22px;opacity:.6;transition:all .3s ease;filter:invert(1) brightness(1)}.bottom-nav-inner{position:relative;display:flex;width:100%;max-width:430px;height:64px;align-items:center;justify-content:flex-start}.nav-active-line{position:absolute;top:0;width:50px;height:3px;background:gold;border-radius:0 0 4px 4px;box-shadow:0 2px 10px #ffd70080;transform:translate(-50%) scaleX(1);transition:left .4s cubic-bezier(.5,0,.3,1.2),width .2s ease;z-index:10;pointer-events:none;animation:gold-pulse 2s infinite ease-in-out}.bottom-nav-inner:active .nav-active-line{width:15px}.bottom-nav button:before{display:none}.bottom-nav button.active{color:gold;font-weight:700}.bottom-nav button.active .nav-icon{opacity:1;transform:translateY(-2px) scale(1.1);filter:invert(85%) sepia(45%) saturate(800%) hue-rotate(350deg) brightness(1.1)}@keyframes gold-pulse{0%{box-shadow:0 2px 5px #ffd70066}50%{box-shadow:0 2px 15px #ffd700cc}to{box-shadow:0 2px 5px #ffd70066}}.main-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;position:fixed;top:0;left:0;overflow:hidden;background-color:#313131}.main-content{flex:1;width:100%;max-width:390px;margin:0 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.character-hero{display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#1a1a1a,#2a2a2a,#1a1a1a);padding:0;overflow:hidden;box-shadow:0 12px 32px #000c,inset 0 1px #ffffff1a,0 0 30px #8b73554d;transition:transform .3s ease,box-shadow .3s ease;margin:3px 0 0}.character-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,184,82,.04) 50%,transparent 100%),linear-gradient(180deg,rgba(255,184,82,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.hero-avatar{width:100%;height:340px;background:#1a1a1a;overflow:hidden;position:relative;justify-content:space-between;box-shadow:inset 0 -4px 12px #0009,0 4px 16px #00000080;z-index:1}.hero-avatar:after{content:"";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1a1a1a 0%,transparent 100%);z-index:2}.hero-avatar img{z-index:-10;height:104%;border:0px solid #000000;gap:0px;object-position:top center;object-fit:cover;display:block}.hero-story-wrapper{overflow-y:scroll}.hero-story.title{width:100%;padding:12px 0;font-family:Cinzel,serif;font-size:18px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#ad9467,#7d653d);border:1px solid rgba(255,255,255,.2);border-bottom:none;box-shadow:0 -4px 15px #00000080;display:block}.hero-story:not(.title){margin:0 auto 4px;padding:20px;font-size:15px;line-height:1.6;color:#f0ede9;text-align:left;background:linear-gradient(145deg,#33260e,#1a1407);border:1px solid rgba(173,148,103,.3);box-shadow:inset 0 0 20px #0009,0 10px 20px #0006;position:relative;overflow:hidden}.hero-story:not(.title):first-letter{font-size:22px;font-weight:700;color:gold;float:left;margin-right:2px;line-height:1;font-family:Cinzel,serif;text-shadow:0 0 10px rgba(255,215,0,.4)}.hero-info{display:flex;z-index:2;flex-direction:column;padding:24px 16px 12px;position:absolute;left:0;right:0;bottom:0;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);border-radius:0}.hero-info-top{width:96%;text-align:center;display:flex;flex-direction:row;justify-content:center;gap:0px;align-items:flex-start;height:32px;position:absolute;margin:6px 2px 0 6px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.hero-armor{min-width:16%;color:#fcfcfc;display:flex;justify-content:center;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1px;align-items:center;height:20px;border:2px solid #0707077a;border-right:0;border-radius:16px 0 0 16px;position:relative;box-shadow:0 4px 8px #0000004d;background:linear-gradient(180deg,#2a2a2a,#11111179);z-index:2}.hero-hp-bar{position:relative;width:100%;height:20px;background:linear-gradient(90deg,#8b000062,#cc000062,#8b000062);border:2px solid #4a0000;border-left:0;border-radius:0 16px 16px 0;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 4px 8px #0000004d}.hero-hp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#fff3,#fff0);pointer-events:none}@keyframes hp-shimmer{0%{background-position:200% 50%}to{background-position:00% 50%}}.hero-hp-fill{height:100%;background:linear-gradient(90deg,#8b0000,#f44,#f88,#f44,#8b0000);background-size:200% 100%;animation:hp-shimmer 13s linear infinite;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ff444480}.hero-hp-text{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:900;color:#fff;text-shadow:1px 1px 2px #000;z-index:2;pointer-events:none}.hero-name{font-weight:700;font-family:Cinzel,serif;letter-spacing:1px;text-transform:uppercase;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 10px rgba(255,184,82,.3);text-align:center;line-height:1;margin:0}.hero-class-level{font-size:11px;color:#ddd;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 0}@media(max-width:480px){.character-hero{max-width:100%}.hero-name{font-size:18px}.hero-armor{font-size:14px}.hero-hp-bar{height:20px}.hero-hp-text{font-size:14px}.hero-class-level{font-size:10px}}.flip-card{width:360px;height:600px;perspective:none;transition:perspective .1s;display:flex;justify-content:center;align-items:center}.flip-card.is-animating{perspective:1000px}.flip-card-inner{display:flex;justify-content:center;align-items:center;position:relative;padding:0;margin:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back{transform:rotateY(-180deg)}.flip-btn{position:absolute;font-family:Courier New,Courier,monospace;font-weight:800;font-size:large;bottom:8px;padding:8px 16px;cursor:pointer;z-index:10;color:#e1c07e;background:#0000;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transition:opacity .4s ease-in-out;pointer-events:none}.flip-btn.is-animating{opacity:0;transition:none}.flip-card:not(.is-flipped) .flip-card-front .flip-btn{opacity:1;pointer-events:auto;right:8px}.flip-card.is-flipped .flip-card-back .flip-btn{opacity:1;pointer-events:auto;left:8px;rotate:180deg;background-color:#00000060;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 10px rgba(255,184,82,.3);border:1px solid rgba(173,148,103,.3)}.flip-card-front,.flip-card-back{position:absolute;padding:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-front,.flip-card-back{border:4px solid;border-image:linear-gradient(135deg,#8a6d3b,#e1c07e,#8a6d3b) 1;box-shadow:inset 0 0 15px #00000080,0 10px 30px #000000b3}.flip-card-back{transform:rotateY(180deg)}.character-hero .skill-row.learned{background:linear-gradient(90deg,#58441e4d,#1e1e1e99);border-left:3px solid #ffd700;margin-bottom:6px;padding:10px 14px;border-radius:4px 12px 12px 4px;box-shadow:inset 0 0 10px #ffd7000d,0 2px 4px #0000004d;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;color:#fff;text-shadow:0 0 8px rgba(255,215,0,.2)}.character-hero .skill-row.learned:after{color:gold;font-size:12px;font-weight:900;opacity:.8}.character-hero .skill-dice-mini{color:#e1c07e}.character-hero .class-preview{padding:4px}.character-page{display:flex;flex-direction:column;gap:8px;background-color:#2b2b2b;padding:16px;box-sizing:border-box}.cp-top-buttons{display:flex;gap:8px;justify-content:space-between;padding:4px}.cp-top-buttons .dm-btn{padding:6px 8px;background:linear-gradient(180deg,#ad9467,#7d653d);color:azure;gap:2px}.cp-loading,.cp-error{text-align:center;font-size:16px;color:#e7e7e7}.character-page>*{opacity:1}.abilities-map{display:flex;flex-wrap:wrap;width:94%;flex-direction:column;position:relative;border-radius:0;overflow:hidden;box-shadow:0 12px 32px #000c,inset 0 1px #ffffff1a,0 0 30px #8b73554d;transition:box-shadow .3s ease}.cp-edit-root{padding:20px;color:#e7e7e7;background:#121212;border-radius:20px;max-width:400px;margin:0 auto}.cp-edit-title{font-size:1.4rem;font-weight:800;margin-bottom:20px;text-align:center;color:gold}.cp-edit-body{display:flex;flex-direction:column;gap:24px;align-items:center}.cp-edit-left{width:140px;position:relative}.cp-avatar-preview{width:140px;height:140px;background:#1e1e1e;border-radius:50%;overflow:hidden;border:3px solid #333;box-shadow:0 4px 15px #00000080}.cp-avatar-preview img{width:100%;height:100%;object-fit:cover}.cp-edit-right{width:100%}.cp-field{display:block;margin-bottom:16px}.cp-field label{display:block;font-size:.85rem;color:#888;margin-bottom:6px;margin-left:4px}.cp-field input{width:100%;box-sizing:border-box;padding:14px;background:#1e1e1e;border:1px solid #333;color:#fff;border-radius:12px;font-size:16px;transition:border-color .3s,box-shadow .3s}.cp-field input:focus{outline:none;border-color:gold;box-shadow:0 0 8px #ffd70033}.cp-edit-actions{margin-top:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cp-save{background:linear-gradient(135deg,#0a851e,#065a14);color:#fff;padding:16px;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;order:1}.cp-cancel{padding:14px;border-radius:12px;background:transparent;color:#888;border:1px solid #333;font-size:14px;order:2}.cp-save:active,.cp-cancel:active{transform:scale(.98);opacity:.9}.notes-page{padding:16px;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 120px)}.notes-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #4a3b2a;padding-bottom:8px}.notes-header h1{font-family:Cinzel,serif;color:#d4af37;margin:0;font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-back{background:transparent;border:1px solid #8b7355;color:#8b7355;padding:4px 12px;border-radius:4px;font-size:12px;text-transform:uppercase}.notes-container{display:flex;flex-direction:column;position:relative}.notes-textarea{min-height:60dvh;background:#1a1612;background-image:radial-gradient(circle at center,#25201b,#1a1612);border:1px solid #4a3b2a;border-radius:4px;padding:16px;color:#d1c1a1;font-family:Georgia,serif;font-size:15px;line-height:1.6;resize:vertical;box-shadow:inset 0 0 20px #000c;outline:none;transition:border-color .3s}.notes-textarea:focus{border-color:#d4af37;box-shadow:inset 0 0 20px #000c,0 0 10px #d4af3733}.btn-save{margin-top:16px;padding:12px;background:linear-gradient(180deg,#8b7355,#4a3b2a);border:1px solid #d4af37;color:#fff;font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 10px #0006;transition:all .2s}.btn-save:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.notes-loading{text-align:center;color:#8b7355;font-style:italic;margin-top:40px}.abilities-page{padding:16px 8px 74px;background-color:#0d0d0d;font-family:Inter,-apple-system,sans-serif;color:#e0e0e0}.abilities-page h1{font-size:18px;text-align:center;color:gold;text-transform:uppercase;margin-bottom:4px}.points-remaining{text-align:center;font-size:13px;color:#d4af37;margin-bottom:16px}.abilities-grid{display:flex;flex-direction:column;gap:6px}.ability-card{background:#1a1a1a;border-left:3px solid;border-top:1px solid #2d2d2d;border-right:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;border-radius:6px;padding:8px 12px;display:flex;flex-direction:column}.ability-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ability-name{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ability-icon{font-size:20px;flex-shrink:0}.ability-name-text{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.ability-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ability-current{font-size:15px;font-weight:800;color:gold;min-width:20px;text-align:center}.ability-add{font-size:12px;color:#6f6;font-weight:700}.ability-controls button{width:28px;height:28px;background:#2d2616;border:1px solid #5c4b24;border-radius:4px;color:gold;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ability-controls button:disabled{opacity:.2;border-color:#333}.ability-desc{font-size:11px;color:#888;margin-top:4px;padding-left:30px}.save-row{margin-top:20px;position:sticky;bottom:10px}.save-row button{background:linear-gradient(180deg,#d4af37,#b8860b);color:#000;border:none;padding:12px;border-radius:8px;font-weight:800;text-transform:uppercase}.inventory-page{padding:16px;color:#e0e0e0;background-color:#0d0d0d;font-family:Inter,-apple-system,sans-serif}.inventory-page h1{margin:0 0 12px;font-size:18px;font-weight:600;letter-spacing:.05em;color:gold;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.inventory-page ul{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.inventory-page li{background:#1a1a1a;border:1px solid #3d3522;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;min-height:52px;transition:all .3s ease}.inventory-page li:hover{border-color:#d4af37;background:#221f18;box-shadow:0 0 10px #d4af371a}.inventory-item{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.item-name{font-size:14px;font-weight:500;color:#f2e6d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{flex-shrink:0;font-size:11px;font-weight:700;color:gold;background:#2d2616;border:1px solid #5c4b24;padding:2px 8px;border-radius:4px;min-width:24px;text-align:center;justify-content:space-between}.add-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #2d2616;padding:10px;border-radius:10px;width:100%;max-width:420px;box-sizing:border-box}.add-item input[type=text]{flex:1 1 0;min-width:120px}.input-number{width:44px;min-width:44px;text-align:center}@media(max-width:400px){.add-item{gap:6px;padding:8px}.input-number{width:40px;min-width:40px}}.add-item button{margin:0;flex-shrink:0}.inventory-page li button{margin-left:16px;flex-shrink:0;height:32px;padding:0 12px}.inventory-page input{background:#151515;border:1px solid #3d3522;color:#fff;padding:8px 12px;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.inventory-page input:focus{border-color:gold;box-shadow:0 0 5px #ffd70033}.inventory-page button{background:linear-gradient(180deg,#d4af37,#b8860b);color:#000;border:1px solid #7d6117;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:Cinzel,serif;cursor:pointer;transition:all .2s ease;margin:8px;text-shadow:none;box-shadow:inset 0 1px #ffffff4d}.inventory-page button:hover{background:gold;border-color:#aa8928;box-shadow:0 0 15px #d4af374d}.inventory-page button:active{transform:scale(.96);opacity:.9}