@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Lato:ital,wght@0,300;0,400;0,700;1,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300&display=swap";.footer-sections{display:flex;align-items:center;gap:20px}.vertical-separator{width:1px;height:60px;background-color:#fff3;margin:0 10px}.game-header{position:fixed;top:0;left:0;right:0;height:7%;background:linear-gradient(135deg,#000000f2,#14141ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-glow{position:absolute;bottom:-20px;left:0;right:0;height:20px;background:linear-gradient(to top,transparent 0%,rgba(96,165,250,.1) 100%);pointer-events:none}.header-left{display:flex;align-items:center;gap:12px}.gm-info{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.gm-info:hover{background:#ffffff14;border-color:#60a5fa4d;transform:translateY(-1px);box-shadow:0 8px 25px #60a5fa33}.gm-icon{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.gm-details{display:flex;flex-direction:column;gap:2px}.gm-name{color:#fff;font-weight:600;font-size:16px;line-height:1.2}.gm-role{color:#93c5fd;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.crown-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.selected-character{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.selected-character-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid rgba(96,165,250,.5);box-shadow:0 0 8px #60a5fa4d}.selected-character-details{display:flex;flex-direction:column;gap:1px}.selected-character-name{color:#fff;font-weight:600;font-size:15px;line-height:1.2}.selected-character-firstname{color:#93c5fd;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:12px}.header-btn{width:44px;height:44px;background:linear-gradient(135deg,#ef4444cc,#dc2626cc);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.header-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.header-btn:hover:before{opacity:1}.header-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466;border-color:#ef444499}.header-btn:active{transform:translateY(0)}body{padding-top:70px}@media (max-width: 768px){.game-header{padding:0 16px}.gm-info{padding:6px 12px}.gm-name{font-size:14px}.gm-role{font-size:11px}}.buttons-container{display:flex;gap:12px;align-items:center}.action-btn{width:60px;height:60px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 6px 20px #0000004d}.action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000073;border-color:#ffffff73}.action-btn:hover:before{opacity:1}.action-btn:active{transform:translateY(-1px);box-shadow:0 6px 16px #00000059}.action-btn--linked{border-color:#ffffff59}.action-btn--main{border-color:#fbbf24b3;box-shadow:0 0 12px #fbbf2440,0 6px 20px #0000004d}.action-btn--main:hover{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2466,0 12px 30px #00000073}.action-btn--empty{opacity:.6}.action-btn--empty:hover{opacity:1;border-color:#ffffff80}.btn-avatar{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:11px;display:block;transition:transform .25s ease}.action-btn:hover .btn-avatar{transform:scale(1.05)}.btn-dots{color:#ffffffb3;font-size:18px;letter-spacing:2px;line-height:1;-webkit-user-select:none;user-select:none;transition:transform .25s ease,color .25s ease}.action-btn:hover .btn-dots{transform:scale(1.15);color:#fff}.game-footer{position:fixed;bottom:0;left:0;right:0;height:10%;background:linear-gradient(135deg,#000000f2,#14141ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 30px #00000080;z-index:1000;display:flex;align-items:center;padding:0 20px;overflow-x:auto;overflow-y:hidden}.game-footer::-webkit-scrollbar{height:4px}.game-footer::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.game-footer::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.game-footer::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.characters-container{display:flex;gap:16px;align-items:center;min-width:fit-content;height:100%;padding:10px 0}.footer-glow{position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent 0%,rgba(96,165,250,.1) 100%);pointer-events:none}body{padding-bottom:80px}.game-footer{animation:slideUp .5s ease-out}.character-separator{width:2px;height:40px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);flex-shrink:0}.character-navbar-manage{display:flex;flex-direction:column;align-items:center;gap:8px;width:60px;height:100%;padding:12px 0;box-sizing:border-box;background:#0f141e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.07)}.character-navbar-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:20px;cursor:pointer;position:relative;overflow:hidden;padding:0;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.character-navbar-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.character-navbar-btn:hover{transform:translate(3px);background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 16px #0006}.character-navbar-btn:hover:before{opacity:1}.character-navbar-btn:active{transform:translate(1px) scale(.95);box-shadow:none}@keyframes story-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@keyframes story-glow{0%,to{box-shadow:0 0 6px 2px #facc1580}50%{box-shadow:0 0 16px 6px #facc15e6}}.story-btn--new{animation:story-bounce .8s ease infinite,story-glow 1.2s ease-in-out infinite;border-color:#facc15b3!important}.navbar-sep{width:44px;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:4px}.navbar-sep:before{content:"";display:block;width:28px;height:1px;background:#ffffff1f}.navbar-sep-label{font-size:8px;font-weight:600;letter-spacing:.08em;color:#ffffff4d;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.free-action{background:#0006;padding:16px;border-radius:8px;max-width:600px}.free-action h2{margin-bottom:12px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:4px}.field textarea,.field input{width:100%;padding:8px;background:#111;color:#eee;border:1px solid #333;border-radius:4px}.field small{display:block;opacity:.7;margin-top:4px;font-size:.85em}.submit{background:linear-gradient(135deg,#7a3df0,#4b1bbd);border:none;padding:10px 16px;color:#fff;font-weight:700;border-radius:6px;cursor:pointer}.error{color:#ff6b6b;margin-bottom:8px}.zone-container{padding:1rem;background:#1f2937;border-radius:12px;color:#fff}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.zone-card{background:#111827;border:1px solid #374151;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:.15s}.zone-card:hover{border-color:#3b82f6}.zone-card.selected{border-color:#f43f5e}.zone-card.disabled{opacity:.5;pointer-events:none}.action-distrib-list{display:flex;flex-direction:column;gap:12px}.action-card{background:#1f2937;border-radius:12px;padding:14px;color:#fff;border:1px solid #374151}.action-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;opacity:.8}.action-type{font-weight:700;color:#a78bfa}.action-body{font-size:.95rem;margin-bottom:10px}.action-message{margin-top:6px;padding:8px;background:#111827;border-radius:6px}.action-used-items{margin-top:6px;font-size:.85rem;opacity:.9}.action-og{margin-top:6px;font-size:.8rem;opacity:.7}.action-footer{text-align:right}.take-btn{background:linear-gradient(135deg,#7c3aed,#4c1d95);border:none;padding:6px 12px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.take-btn:disabled{opacity:.6;cursor:not-allowed}.action-manage-list{display:flex;flex-direction:column;gap:12px}.action-manage-card{background:#020617;border:1px solid #334155;border-radius:12px;padding:14px;color:#fff}.action-manage-card .header{display:flex;justify-content:space-between;opacity:.8;font-size:.85rem}.action-manage-card .type{font-weight:700;color:#38bdf8}.action-manage-card .message{margin-top:6px;padding:8px;background:#020617;border-radius:6px}.open-btn{background:linear-gradient(135deg,#16a34a,#065f46);border:none;padding:6px 12px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}:root{--re-bg: #0d0f18;--re-surface: #13161f;--re-card: #191c28;--re-card-border: rgba(180, 145, 80, .18);--re-card-hover: rgba(180, 145, 80, .07);--re-gold: #c9913a;--re-gold-light: #e0b86a;--re-gold-dim: rgba(201, 145, 58, .25);--re-text: #dde1ed;--re-muted: #7a84a0;--re-label: #a8b0c8;--re-success: #5abf85;--re-danger: #e0635a;--re-info: #5a9ee0;--re-radius: 10px;--re-radius-lg: 16px;--re-transition: .2s ease}.re-root{min-height:100vh;background:var(--re-bg);font-family:Lato,sans-serif;color:var(--re-text)}.re-loading,.re-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;background:var(--re-bg);color:var(--re-muted);font-family:Lato,sans-serif;font-size:.95rem;letter-spacing:.04em}.re-spinner,.re-btn-spinner{width:22px;height:22px;border:2px solid var(--re-gold-dim);border-top-color:var(--re-gold);border-radius:50%;animation:re-spin .7s linear infinite;flex-shrink:0}.re-btn-spinner{width:14px;height:14px;border-width:2px}@keyframes re-spin{to{transform:rotate(360deg)}}.re-error{color:var(--re-danger)}.re-error-icon{font-size:2rem}.re-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid var(--re-card-border);background:var(--re-surface);position:sticky;top:0;z-index:10}.re-back{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--re-card-border);border-radius:8px;color:var(--re-gold);font-family:Lato,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;cursor:pointer;transition:background var(--re-transition),border-color var(--re-transition)}.re-back:hover{background:var(--re-gold-dim);border-color:var(--re-gold)}.re-back-arrow{font-size:1rem;line-height:1}.re-title{font-family:Cinzel,serif;font-size:1.15rem;font-weight:600;color:var(--re-gold-light);letter-spacing:.08em;text-transform:uppercase;margin:0;flex:1}.re-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;white-space:nowrap}.re-badge--locked{background:#e0635a26;border:1px solid rgba(224,99,90,.4);color:var(--re-danger)}.re-badge--open{background:#5abf8521;border:1px solid rgba(90,191,133,.35);color:var(--re-success)}.re-body{max-width:860px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:20px}.re-card{background:var(--re-card);border:1px solid var(--re-card-border);border-radius:var(--re-radius-lg);padding:24px;transition:border-color var(--re-transition)}.re-card:hover{border-color:#b4915052}.re-card--result{border-color:#5a9ee040;background:#151824}.re-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--re-card-border)}.re-card-icon{font-size:1.1rem;line-height:1;opacity:.85}.re-card-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--re-gold-light);letter-spacing:.1em;text-transform:uppercase;margin:0;flex:1}.re-type-tag{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--re-gold-dim);border:1px solid rgba(201,145,58,.35);color:var(--re-gold);border-radius:6px;padding:3px 10px}.re-meta-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.re-meta-item{display:flex;flex-direction:column;gap:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 16px;min-width:140px}.re-meta-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--re-muted)}.re-meta-value{font-size:.95rem;font-weight:400;color:var(--re-text)}.re-meta-value--accent{color:var(--re-gold);font-weight:700}.re-message-block{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;background:#ffffff08;border-left:3px solid var(--re-gold);margin-top:12px}.re-message-block--og{border-left-color:var(--re-info);background:#5a9ee00d}.re-message-tag{font-size:.65rem;font-weight:700;letter-spacing:.12em;border-radius:5px;padding:2px 8px;flex-shrink:0;margin-top:2px}.re-message-tag--ig{background:var(--re-gold-dim);color:var(--re-gold);border:1px solid rgba(201,145,58,.35)}.re-message-tag--og{background:#5a9ee026;color:var(--re-info);border:1px solid rgba(90,158,224,.35)}.re-message-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--re-text);font-style:italic}.re-snapshots{display:flex;flex-direction:column;gap:12px}.re-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.re-field{display:flex;flex-direction:column;gap:7px}.re-field--full{grid-column:1 / -1}.re-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--re-label)}.re-label em{font-style:italic;text-transform:none;letter-spacing:0;color:var(--re-gold-light)}.re-select-wrap{position:relative}.re-select{width:100%;appearance:none;background:#ffffff0a;border:1px solid var(--re-card-border);border-radius:var(--re-radius);color:var(--re-text);font-family:Lato,sans-serif;font-size:.9rem;padding:10px 36px 10px 14px;cursor:pointer;transition:border-color var(--re-transition),background var(--re-transition)}.re-select:hover:not(:disabled){border-color:var(--re-gold);background:#ffffff12}.re-select:focus{outline:none;border-color:var(--re-gold);box-shadow:0 0 0 3px var(--re-gold-dim)}.re-select:disabled{opacity:.5;cursor:not-allowed}.re-select option{background:#1e2130;color:var(--re-text)}.re-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--re-muted);font-size:.75rem}.re-textarea{width:100%;background:#ffffff0a;border:1px solid var(--re-card-border);border-radius:var(--re-radius);color:var(--re-text);font-family:Lato,sans-serif;font-size:.9rem;line-height:1.6;padding:12px 14px;resize:vertical;box-sizing:border-box;transition:border-color var(--re-transition),box-shadow var(--re-transition)}.re-textarea::placeholder{color:var(--re-muted);font-style:italic}.re-textarea:focus{outline:none;border-color:var(--re-gold);box-shadow:0 0 0 3px var(--re-gold-dim)}.re-textarea[readonly]{opacity:.6;cursor:not-allowed}.re-dice-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.re-dice-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--re-radius);padding:16px 20px;flex-wrap:wrap}.re-dice-score{display:flex;align-items:baseline;gap:6px}.re-dice-roll{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--re-gold-light);line-height:1}.re-dice-sep{font-size:1.2rem;color:var(--re-muted)}.re-dice-skill{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:var(--re-text);opacity:.75;line-height:1}.re-dice-hint{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--re-muted);align-self:center}.re-dice-flags{display:flex;flex-wrap:wrap;gap:8px}.re-flag{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:4px 11px}.re-flag--yes{background:#5abf8521;border:1px solid rgba(90,191,133,.35);color:var(--re-success)}.re-flag--no{background:#e0635a1a;border:1px solid rgba(224,99,90,.3);color:var(--re-danger)}.re-flag--neutral{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--re-muted)}.re-resolved-date{font-size:.75rem;color:var(--re-muted);text-align:right;margin:0;font-style:italic}.re-actions{display:flex;gap:12px;flex-wrap:wrap}.re-finalize{display:flex;justify-content:flex-end;padding-top:8px}.re-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--re-radius);border:none;font-family:Lato,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:12px 24px;cursor:pointer;transition:opacity var(--re-transition),transform var(--re-transition),box-shadow var(--re-transition)}.re-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.re-btn:active:not(:disabled){transform:translateY(0)}.re-btn:disabled{opacity:.45;cursor:not-allowed}.re-btn--save{background:#c9913a26;border:1px solid rgba(201,145,58,.5);color:var(--re-gold-light)}.re-btn--save:hover:not(:disabled){background:#c9913a40;box-shadow:0 4px 20px #c9913a26}.re-btn--roll{background:var(--re-gold);color:#0d0f18}.re-btn--roll:hover:not(:disabled){background:var(--re-gold-light);box-shadow:0 4px 20px #c9913a66}.re-btn--finalize{background:#e0635a1f;border:1px solid rgba(224,99,90,.4);color:var(--re-danger)}.re-btn--finalize:hover:not(:disabled){background:#e0635a38;box-shadow:0 4px 20px #e0635a26}@media (max-width: 640px){.re-topbar{padding:16px;gap:10px}.re-title{font-size:.95rem}.re-body{padding:20px 16px 48px}.re-fields{grid-template-columns:1fr}.re-field--full{grid-column:1}.re-dice-row{flex-direction:column;align-items:flex-start}.re-actions{flex-direction:column}.re-btn{width:100%}}.cs-health-row{display:flex;flex-direction:column;gap:3px}.cs-root{background:#13161f;border:1px solid rgba(180,145,80,.18);border-radius:12px;overflow:hidden;font-family:Lato,sans-serif;color:#dde1ed}.cs-header{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#c9913a12;border-bottom:1px solid rgba(180,145,80,.18)}.cs-name{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:#e0b86a;letter-spacing:.08em;margin:0;flex:1}.cs-tags{display:flex;gap:6px;flex-wrap:wrap}.cs-tag{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#7a84a0;padding:2px 8px}.cs-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.cs-col{display:flex;flex-direction:column;gap:0}.cs-col:first-child{border-right:1px solid rgba(255,255,255,.05)}.cs-section{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.cs-section:last-child{border-bottom:none}.cs-section-title{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9913a;margin:0 0 8px}.cs-resources{display:flex;gap:10px}.cs-resource{flex:1;display:flex;flex-direction:column;gap:3px}.cs-resource-label{font-size:.62rem;color:#7a84a0;text-transform:uppercase;letter-spacing:.08em}.cs-resource-value{font-family:Cinzel,serif;font-size:1.2rem;font-weight:600;color:#e0b86a;line-height:1}.cs-health-rows{display:flex;flex-direction:column;gap:6px}.cs-health-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-state-tag{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid}.cs-state-tag--physical{color:#fca5a5;border-color:#7f1d1d;background-color:#7f1d1d33}.cs-state-tag--mental{color:#a5b4fc;border-color:#312e81;background-color:#312e8133}.cs-health-meta{display:flex;justify-content:space-between;align-items:center}.cs-health-label{font-size:.62rem;color:#7a84a0;text-transform:uppercase;letter-spacing:.08em}.cs-health-num{font-size:.72rem;font-weight:700;color:#dde1ed}.cs-bar-track{height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.cs-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.cs-bar-fill--physical{background:linear-gradient(90deg,#e0635a,#e09a5a)}.cs-bar-fill--mental{background:linear-gradient(90deg,#5a9ee0,#a07ae0)}.cs-death-saves{display:flex;gap:8px;margin-top:4px}.cs-ds-group{display:flex;align-items:center;gap:5px}.cs-ds-label{font-size:.62rem;color:#7a84a0}.cs-ds-pips{display:flex;gap:3px}.cs-ds-pip{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d}.cs-ds-pip--success.filled{background:#5abf85;border-color:#5abf85}.cs-ds-pip--fail.filled{background:#e0635a;border-color:#e0635a}.cs-well{display:flex;gap:16px}.cs-well-item{display:flex;flex-direction:column;gap:2px}.cs-well-label{font-size:.6rem;color:#7a84a0;text-transform:uppercase;letter-spacing:.08em}.cs-well-val{font-size:.95rem;font-weight:700;color:#5abf85}.cs-chips{display:flex;flex-wrap:wrap;gap:4px}.cs-chip{font-size:.7rem;padding:3px 8px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a8b0c8;line-height:1.4}.cs-chip--stat{color:#dde1ed}.cs-chip--skill{color:#a8b0c8}.cs-chip strong{color:#dde1ed}.cs-chip--active{border-color:#5abf854d;background:#5abf8514;color:#5abf85}.cs-chip--inactive{opacity:.5}.cs-empty{font-size:.75rem;color:#7a84a0;font-style:italic}.cs-condition{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;padding:2px 9px;border-radius:5px;margin:2px}.cs-condition--active{background:#a07ae01f;border:1px solid rgba(160,122,224,.3);color:#a07ae0}.cs-condition--inactive{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:#7a84a0}.cs-condition-dur{opacity:.6;font-size:.62rem}.cs-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.cs-equip-item{font-size:.7rem;padding:3px 8px;border-radius:5px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.cs-equip-slot{color:#7a84a0;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;display:block}.cs-equip-name{color:#dde1ed}.cs-equip-name--empty{color:#7a84a0;font-style:italic}.cs-personality{display:flex;flex-direction:column;gap:4px}.cs-pers-row{display:flex;gap:6px;font-size:.73rem;line-height:1.4}.cs-pers-key{color:#7a84a0;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;padding-top:1px;min-width:72px}.cs-pers-val{color:#a8b0c8}.cs-lang{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#a8b0c8}.cs-lang-icon{font-size:.65rem;opacity:.7}.cs-total{display:flex;align-items:baseline;gap:8px;padding:10px 14px;background:#c9913a0f;border-top:1px solid rgba(180,145,80,.18)}.cs-total-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a84a0}.cs-total-val{font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;color:#e0b86a}@media (max-width: 560px){.cs-body{grid-template-columns:1fr}.cs-col:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.cs-equip-grid{grid-template-columns:1fr}}.cs-body--single{grid-template-columns:1fr}.cs-tag--outdoor{color:#5abf85;border-color:#5abf854d;background:#5abf8514}.cs-tag--indoor{color:#5a9ee0;border-color:#5a9ee04d;background:#5a9ee014}.ps-row-2{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.05)}.ps-row-2 .cs-section{border-bottom:none}.ps-row-2 .cs-section:first-child{border-right:1px solid rgba(255,255,255,.05)}.ps-description{font-size:.82rem;color:#a8b0c8;line-height:1.65;font-style:italic;margin:0}.ps-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.ps-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.ps-info-header{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.ps-info-name{font-size:.75rem;font-weight:700;color:#dde1ed}.ps-info-code{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#7a84a0;flex-shrink:0}.ps-info-values{display:flex;align-items:center;gap:6px}.ps-info-val{display:flex;flex-direction:column;align-items:center;gap:1px}.ps-info-val-label{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#7a84a0;line-height:1}.ps-info-val{font-size:.85rem;font-weight:700;color:#a8b0c8}.ps-info-val--current{color:#e0b86a;font-family:Cinzel,serif}.ps-info-sep{font-size:.7rem;color:#7a84a0;margin-bottom:10px}.ps-info-note{font-size:.7rem;color:#7a84a0;font-style:italic;line-height:1.4;margin:0;border-top:1px solid rgba(255,255,255,.05);padding-top:5px}@media (max-width: 560px){.ps-row-2{grid-template-columns:1fr}.ps-row-2 .cs-section:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.ps-info-grid{grid-template-columns:1fr 1fr}}:root{--ef-health: #e0635a;--ef-health-bg: rgba(224, 99, 90, .1);--ef-health-b: rgba(224, 99, 90, .3);--ef-well: #5abf85;--ef-well-bg: rgba(90, 191, 133, .1);--ef-well-b: rgba(90, 191, 133, .28);--ef-ap: #5a9ee0;--ef-ap-bg: rgba(90, 158, 224, .1);--ef-ap-b: rgba(90, 158, 224, .28);--ef-cond: #a07ae0;--ef-cond-bg: rgba(160, 122, 224, .1);--ef-cond-b: rgba(160, 122, 224, .28);--ef-move: #e09a5a;--ef-move-bg: rgba(224, 154, 90, .1);--ef-move-b: rgba(224, 154, 90, .28)}.ep-root{display:flex;flex-direction:column;gap:0}.ep-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(180,145,80,.18)}.ep-header-icon{font-size:1.1rem;opacity:.85}.ep-header-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:#e0b86a;letter-spacing:.1em;text-transform:uppercase;margin:0;flex:1}.ep-count{font-size:.7rem;font-weight:700;letter-spacing:.1em;background:#c9913a2e;border:1px solid rgba(201,145,58,.3);color:#c9913a;border-radius:12px;padding:2px 10px}.el-empty{text-align:center;font-size:.85rem;color:#7a84a0;font-style:italic;padding:20px 0 8px}.el-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.el-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:border-color .2s ease,background .2s ease}.el-item:hover{background:#ffffff0d}.el-item[data-type=HEALTH]{border-left:3px solid var(--ef-health)}.el-item[data-type=WELLBEING]{border-left:3px solid var(--ef-well)}.el-item[data-type=ACTION_POINT]{border-left:3px solid var(--ef-ap)}.el-item[data-type=CONDITION_ADD]{border-left:3px solid var(--ef-cond)}.el-item[data-type=MOVE]{border-left:3px solid var(--ef-move)}.el-type-badge{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:5px;padding:3px 8px;white-space:nowrap;flex-shrink:0}.el-type-badge--HEALTH{background:var(--ef-health-bg);border:1px solid var(--ef-health-b);color:var(--ef-health)}.el-type-badge--WELLBEING{background:var(--ef-well-bg);border:1px solid var(--ef-well-b);color:var(--ef-well)}.el-type-badge--ACTION_POINT{background:var(--ef-ap-bg);border:1px solid var(--ef-ap-b);color:var(--ef-ap)}.el-type-badge--CONDITION_ADD{background:var(--ef-cond-bg);border:1px solid var(--ef-cond-b);color:var(--ef-cond)}.el-type-badge--MOVE{background:var(--ef-move-bg);border:1px solid var(--ef-move-b);color:var(--ef-move)}.el-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.el-summary{font-size:.88rem;color:#dde1ed;line-height:1.4}.el-origin{font-size:.73rem;color:#7a84a0;font-style:italic}.el-actions{display:flex;gap:6px;flex-shrink:0}.el-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:.8rem;cursor:pointer;transition:background .18s ease,border-color .18s ease}.el-btn--edit:hover{background:#c9913a26;border-color:#c9913a66}.el-btn--delete:hover{background:#e0635a26;border-color:#e0635a66}.ea-root{display:flex;flex-direction:column;gap:10px}.ea-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a84a0}.ea-grid{display:flex;flex-wrap:wrap;gap:8px}.ea-btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#a8b0c8;font-family:Lato,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:8px 14px;cursor:pointer;transition:all .18s ease}.ea-btn:hover{transform:translateY(-1px)}.ea-btn--HEALTH:hover{background:var(--ef-health-bg);border-color:var(--ef-health-b);color:var(--ef-health)}.ea-btn--WELLBEING:hover{background:var(--ef-well-bg);border-color:var(--ef-well-b);color:var(--ef-well)}.ea-btn--ACTION_POINT:hover{background:var(--ef-ap-bg);border-color:var(--ef-ap-b);color:var(--ef-ap)}.ea-btn--CONDITION_ADD:hover{background:var(--ef-cond-bg);border-color:var(--ef-cond-b);color:var(--ef-cond)}.ea-btn--MOVE:hover{background:var(--ef-move-bg);border-color:var(--ef-move-b);color:var(--ef-move)}.ef-form{margin-top:16px;background:#ffffff06;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.ef-form--HEALTH{border-top:2px solid var(--ef-health)}.ef-form--WELLBEING{border-top:2px solid var(--ef-well)}.ef-form--ACTION_POINT{border-top:2px solid var(--ef-ap)}.ef-form--CONDITION_ADD{border-top:2px solid var(--ef-cond)}.ef-form--MOVE{border-top:2px solid var(--ef-move)}.ef-form-title{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}.ef-form-title--HEALTH{color:var(--ef-health)}.ef-form-title--WELLBEING{color:var(--ef-well)}.ef-form-title--ACTION_POINT{color:var(--ef-ap)}.ef-form-title--CONDITION_ADD{color:var(--ef-cond)}.ef-form-title--MOVE{color:var(--ef-move)}.ef-field{display:flex;flex-direction:column;gap:6px}.ef-field--row{flex-direction:row;align-items:center;gap:10px}.ef-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a8b0c8}.ef-input{background:#ffffff0a;border:1px solid rgba(180,145,80,.18);border-radius:8px;color:#dde1ed;font-family:Lato,sans-serif;font-size:.9rem;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.ef-input:focus{outline:none;border-color:#c9913a;box-shadow:0 0 0 3px #c9913a2e}.ef-input[type=number]{-moz-appearance:textfield;max-width:140px}.ef-input[type=number]::-webkit-inner-spin-button{opacity:.4}.ef-input[type=checkbox]{width:16px;height:16px;accent-color:#c9913a;cursor:pointer;flex-shrink:0}.ef-select-wrap{position:relative}.ef-select{width:100%;appearance:none;background:#ffffff0a;border:1px solid rgba(180,145,80,.18);border-radius:8px;color:#dde1ed;font-family:Lato,sans-serif;font-size:.9rem;padding:9px 34px 9px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.ef-select:hover:not(:disabled){border-color:#c9913a}.ef-select:focus{outline:none;border-color:#c9913a;box-shadow:0 0 0 3px #c9913a2e}.ef-select:disabled{opacity:.45;cursor:not-allowed}.ef-select option{background:#1e2130;color:#dde1ed}.ef-select-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#7a84a0;font-size:.75rem}.ef-sub{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff06}.ef-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ef-footer{display:flex;gap:10px;padding-top:4px}.ef-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:none;font-family:Lato,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:opacity .18s,transform .18s,box-shadow .18s}.ef-btn:hover:not(:disabled){transform:translateY(-1px)}.ef-btn:disabled{opacity:.4;cursor:not-allowed}.ef-btn--submit{background:#c9913a;color:#0d0f18}.ef-btn--submit:hover:not(:disabled){background:#e0b86a;box-shadow:0 4px 16px #c9913a59}.ef-btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#7a84a0}.ef-btn--cancel:hover:not(:disabled){background:#ffffff0d;color:#a8b0c8}@media (max-width: 560px){.ef-grid-2{grid-template-columns:1fr}.ef-input[type=number]{max-width:100%}.ea-grid{flex-direction:column}.ea-btn{width:100%}}.np-root{display:flex;flex-direction:column;gap:0}.np-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(180,145,80,.18)}.np-header-icon{font-size:1.1rem;opacity:.85}.np-header-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:#e0b86a;letter-spacing:.1em;text-transform:uppercase;margin:0;flex:1}.np-count{font-size:.7rem;font-weight:700;letter-spacing:.1em;background:#c9913a2e;border:1px solid rgba(201,145,58,.3);color:#c9913a;border-radius:12px;padding:2px 10px}.nl-empty{text-align:center;font-size:.85rem;color:#7a84a0;font-style:italic;padding:16px 0 8px}.nl-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.nl-item{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-left:3px solid rgba(201,145,58,.4);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s}.nl-item:hover{background:#ffffff0d;border-color:#ffffff1f;border-left-color:#c9913a}.nl-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.nl-recipient{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e0b86a}.nl-recipient-icon{opacity:.7;font-size:.8rem}.nl-actions{display:flex;gap:6px;flex-shrink:0}.nl-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:.75rem;cursor:pointer;transition:background .18s,border-color .18s}.nl-btn--edit:hover{background:#c9913a26;border-color:#c9913a66}.nl-btn--delete:hover{background:#e0635a26;border-color:#e0635a66}.nl-content{font-size:.85rem;color:#a8b0c8;line-height:1.65;font-style:italic;margin:0;white-space:pre-wrap}.nl-resolved{font-size:.62rem;color:#7a84a0;letter-spacing:.06em;text-transform:uppercase;align-self:flex-end}.nf-root{background:#ffffff06;border:1px solid rgba(255,255,255,.09);border-top:2px solid #c9913a;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:13px;margin-top:4px}.nf-title{font-family:Cinzel,serif;font-size:.82rem;font-weight:600;color:#c9913a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px}.nf-field{display:flex;flex-direction:column;gap:6px}.nf-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a8b0c8}.nf-select-wrap{position:relative}.nf-select{width:100%;appearance:none;background:#ffffff0a;border:1px solid rgba(180,145,80,.18);border-radius:8px;color:#dde1ed;font-family:Lato,sans-serif;font-size:.9rem;padding:9px 34px 9px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.nf-select:hover{border-color:#c9913a}.nf-select:focus{outline:none;border-color:#c9913a;box-shadow:0 0 0 3px #c9913a2e}.nf-select option{background:#1e2130;color:#dde1ed}.nf-select-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#7a84a0;font-size:.75rem}.nf-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(180,145,80,.18);border-radius:8px;color:#dde1ed;font-family:Lato,sans-serif;font-size:.88rem;line-height:1.7;padding:10px 13px;resize:vertical;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.nf-textarea::placeholder{color:#7a84a0;font-style:italic}.nf-textarea:focus{outline:none;border-color:#c9913a;box-shadow:0 0 0 3px #c9913a2e}.nf-footer{display:flex;gap:10px}.nf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:none;font-family:Lato,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:opacity .18s,transform .18s,box-shadow .18s}.nf-btn:hover:not(:disabled){transform:translateY(-1px)}.nf-btn:disabled{opacity:.4;cursor:not-allowed}.nf-btn--submit{background:#c9913a;color:#0d0f18}.nf-btn--submit:hover:not(:disabled){background:#e0b86a;box-shadow:0 4px 16px #c9913a59}.nf-btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#7a84a0}.nf-btn--cancel:hover:not(:disabled){background:#ffffff0d;color:#a8b0c8}.dw-root{display:flex;flex-direction:column;gap:20px;padding:16px;background:#0a0f1a;min-height:100%;color:#e2e8f0}.dw-topbar{display:flex;align-items:center;gap:16px}.dw-back{background:#33415599;border:1px solid #334155;color:#94a3b8;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.dw-back:hover{color:#e2e8f0}.dw-title{font-size:18px;font-weight:700;color:#f87171;margin:0;letter-spacing:.5px}.dw-character-card{display:flex;align-items:center;gap:16px;background:#7f1d1d26;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px}.dw-character-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(239,68,68,.5)}.dw-character-name{font-size:16px;font-weight:600;color:#fca5a5}.dw-character-sub{font-size:12px;color:#f87171;margin-top:2px;font-style:italic}.dw-stories{background:#0f172acc;border:1px solid #1e293b;border-radius:10px;padding:14px}.dw-stories-title{font-size:14px;font-weight:600;color:#94a3b8;margin:0 0 12px}.dw-stories-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.dw-stories-empty{color:#475569;font-size:13px;text-align:center;padding:20px 0}.dw-story-entry{background:#1e293b99;border:1px solid #1e293b;border-radius:6px;padding:8px 12px}.dw-story-date{font-size:10px;color:#475569;margin-bottom:4px}.dw-story-content{font-size:13px;color:#cbd5e1;line-height:1.5}.dw-decision{background:#0f172ae6;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px;text-align:center}.dw-decision-label{font-size:14px;color:#94a3b8;font-style:italic;margin:0 0 16px}.dw-decision-buttons{display:flex;gap:16px;justify-content:center}.dw-btn{padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.dw-btn:disabled{opacity:.5;cursor:not-allowed}.dw-btn:not(:disabled):hover{opacity:.85;transform:translateY(-1px)}.dw-btn--survive{background:linear-gradient(135deg,#065f46,#047857);color:#d1fae5;border:1px solid rgba(52,211,153,.3)}.dw-btn--kill{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fee2e2;border:1px solid rgba(239,68,68,.3)}.dw-alignment-badge{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;border:1px solid;font-size:11px;font-weight:600;letter-spacing:.04em}.dw-survived-badge{margin-top:6px;font-size:11px;color:#fbbf24;font-weight:600}.dw-narrative{display:flex;gap:12px;align-items:flex-start;background:#7f1d1d14;border:1px solid rgba(239,68,68,.15);border-left:3px solid rgba(239,68,68,.5);border-radius:10px;padding:14px 16px}.dw-narrative-icon{font-size:18px;flex-shrink:0;margin-top:1px}.dw-narrative-text{margin:0;font-size:13px;color:#cbd5e1;line-height:1.7;font-style:italic}.dw-loading,.dw-error{padding:40px;text-align:center;color:#94a3b8;font-size:14px}.dw-error{color:#f87171}.gameMainStyle{flex:1;min-height:0;display:flex;flex-direction:column;padding:5px;background-color:#0f1419;overflow:hidden;position:relative;box-sizing:border-box;padding-top:7vh;padding-bottom:10vh}.fade-in{flex:1;min-height:0;overflow-y:auto;animation:fadeInSlide .3s ease-in-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{display:none}