.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}.abilities-map{position:relative;z-index:4;background:#000000bf;border-radius:16px;padding:"8px";margin-top:"8px"}.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)}.info-modal{background:#1919198c;color:var(--text, #fff);padding:10px;border-radius:18px;box-shadow:var(--shadow);max-width:290px;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.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{line-height:1.4;opacity:.85;padding:8px;max-width:390px;margin:10px;background:#060706ad;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(205,235,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)}.skill-section{margin-bottom:20px}.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{position:relative;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:4px 8px;padding:10px 8px;background:#050505ad;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid #2a2a2a;overflow:hidden;transition:background .2s ease,opacity .2s ease,transform .25s ease}.skill-row:hover{background:#020216bf}.skill-row:last-child{border-bottom:none;background:#050505a6}.skill-row.clickable{cursor:pointer;background:#050505a6}.skill-row.clickable:active{background:#050505a6}.skill-collapsed{opacity:.5;padding:0;font-size:12px;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{grid-row:1 / span 2;opacity:.7}.skill-level{font-size:11px;opacity:.6}.skill-name{font-size:14px;font-weight:500}.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;right:0;top:-2px;font-size:11px;opacity:.65}.skill-row.depth{padding-left:8px;animation:slideDown .25s ease both}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skill-row.learned{opacity:.6;background:#112e06a6}.skill-learn-btn{margin-left:auto;padding:4px 8px;cursor:pointer}.skill-locked{margin-left:auto;opacity:.4;font-size:12px}.skills-filter-header{display:flex;justify-content:space-between;margin-bottom:4px;align-items:center}.button-skill-toggle{padding:4px 8px;cursor:pointer;width:140px;background:#222;height:32px;font-size:clamp(13px,2.5vw,16px);border:0px}.button-skill-toggle span{overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,2.5vw,16px)}.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}button{background:#0505051a;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}}@media (prefers-color-scheme: dark){:root{color:#eef5fc;background-color:#18171a22}a:hover{color:#eeeef1d8}button{background:#0505051a;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}}.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}