.navbar[data-v-b15cb4f4]{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:.5rem 1rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000080}.nav-item[data-v-b15cb4f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:2.5rem;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:.25rem .75rem;border-radius:var(--radius);transition:color .2s;font-family:var(--font-title);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.nav-item.active[data-v-b15cb4f4],.nav-item[data-v-b15cb4f4]:hover{color:var(--gold-light)}.nav-label[data-v-b15cb4f4]{font-size:.6rem;text-align:center;max-width:4.5rem;line-height:1.15}.nav-label-desktop[data-v-b15cb4f4]{display:none}@media (min-width: 1024px){.navbar[data-v-b15cb4f4]{top:0;bottom:auto;margin:0 auto;width:min(1100px,100%);justify-content:flex-start;gap:.65rem;border-top:0;border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);padding:.55rem 1.1rem;box-shadow:0 6px 18px #00000073}.nav-home[data-v-b15cb4f4]{padding-left:.35rem}.nav-label-mobile[data-v-b15cb4f4]{display:none}.nav-label-desktop[data-v-b15cb4f4]{display:inline;font-family:var(--font-display);font-size:1.2rem;text-transform:none;letter-spacing:.02em;line-height:1}.nav-item[data-v-b15cb4f4]{flex-direction:row;min-height:2.1rem;font-size:.72rem;padding:.35rem .85rem;border:1px solid transparent}.nav-item.active[data-v-b15cb4f4]{border-color:var(--border);background:var(--bg-surface)}.nav-label[data-v-b15cb4f4]{font-size:.72rem;max-width:none}.nav-logout[data-v-b15cb4f4]{margin-left:auto}}.dice-fab[data-v-fccb4313]{position:fixed;right:1rem;bottom:5.5rem;z-index:90;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid var(--gold-dark);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));color:var(--gold-light);font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow),0 0 22px #d4a01740;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:transform .15s,border-color .15s,box-shadow .15s}.dice-fab[data-v-fccb4313]:hover{transform:translateY(-2px);border-color:var(--gold)}.dice-fab.active[data-v-fccb4313]{border-color:var(--gold);box-shadow:var(--shadow),0 0 28px #f0c04066}.dice-fab-icon[data-v-fccb4313]{font-size:1.4rem;line-height:1}.dice-fab-last[data-v-fccb4313]{font-family:var(--font-title);font-size:.62rem;letter-spacing:.05em;color:var(--gold-light);margin-top:.05rem}@media (min-width: 1024px){.dice-fab[data-v-fccb4313]{bottom:1.25rem}}.dice-panel[data-v-fccb4313]{position:fixed;right:1rem;bottom:9rem;z-index:95;width:min(360px,calc(100vw - 2rem));max-height:min(75vh,540px);overflow:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6rem}@media (min-width: 1024px){.dice-panel[data-v-fccb4313]{bottom:5rem}}.dice-panel-head[data-v-fccb4313]{display:flex;align-items:center;justify-content:space-between}.dice-panel-title[data-v-fccb4313]{font-family:var(--font-title);font-size:.95rem;color:var(--text-primary)}.dice-quick[data-v-fccb4313]{display:flex;flex-wrap:wrap;gap:.4rem}.dice-chip[data-v-fccb4313]{font-family:var(--font-title);font-size:.78rem;padding:.4rem .7rem;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.dice-chip[data-v-fccb4313]:hover{border-color:var(--gold-dark);color:var(--gold-light)}.dice-form[data-v-fccb4313]{display:flex;flex-direction:column;gap:.45rem}.dice-row[data-v-fccb4313]{display:flex;align-items:center;gap:.4rem}.dice-row input[data-v-fccb4313],.dice-row select[data-v-fccb4313]{flex:1;min-height:2.4rem}.dice-row input[type=number][data-v-fccb4313]{max-width:4rem}.dice-row select[data-v-fccb4313]{max-width:5rem}.dice-x[data-v-fccb4313]{color:var(--text-muted);font-family:var(--font-title)}.dice-mode[data-v-fccb4313]{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.8rem}.dice-result[data-v-fccb4313]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .65rem}.dice-result.is-critical[data-v-fccb4313]{border-color:var(--gold);box-shadow:0 0 12px #f0c04059 inset}.dice-result.is-fumble[data-v-fccb4313]{border-color:var(--red)}.dice-result-top[data-v-fccb4313]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dice-result-total[data-v-fccb4313]{font-family:var(--font-display);font-size:1.7rem;color:var(--gold-light);line-height:1}.tag[data-v-fccb4313]{font-family:var(--font-title);font-size:.65rem;padding:.15rem .45rem;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.tag-crit[data-v-fccb4313]{background:#f0c0402e;color:var(--gold-light);border:1px solid var(--gold-dark)}.tag-fumble[data-v-fccb4313]{background:#b91c1c2e;color:var(--red-light);border:1px solid var(--red)}.tag-adv[data-v-fccb4313]{background:#16a34a2e;color:#4ade80;border:1px solid var(--green)}.tag-dis[data-v-fccb4313]{background:#7c3aed2e;color:#c4b5fd;border:1px solid var(--purple)}.dice-result-expr[data-v-fccb4313]{font-family:var(--font-title);font-size:.78rem;color:var(--text-secondary);margin-top:.15rem}.dice-result-detail[data-v-fccb4313]{font-size:.8rem;color:var(--text-muted);margin-top:.1rem;word-break:break-word}.dice-history-head[data-v-fccb4313]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.dice-history-list[data-v-fccb4313]{list-style:none;display:flex;flex-direction:column;gap:.25rem;max-height:11rem;overflow:auto}.dice-history-row[data-v-fccb4313]{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.78rem}.dh-total[data-v-fccb4313]{font-family:var(--font-title);color:var(--gold-light);font-weight:700;min-width:1.6rem}.dh-expr[data-v-fccb4313]{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-time[data-v-fccb4313]{color:var(--text-dim);font-size:.7rem}html,body,#app{height:100%;overflow:hidden}#dnd-app{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#dnd-app:before{content:"";position:fixed;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;background-image:linear-gradient(180deg,#0806039e,#0d0a07e6),url(/bg.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(14px);z-index:-1;pointer-events:none}@media (min-width: 1024px){#dnd-app:before{background-position:center top}}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.9rem;max-width:min(1100px,100%);margin:0 auto;width:100%}.main-content.main-content--auth{max-width:520px;display:flex;align-items:center;justify-content:center}.main-content.main-content--dm{max-width:min(1200px,100%)}.main-content.with-nav{padding-top:.9rem;padding-bottom:5rem}@media (min-width: 640px){.main-content{padding:1.25rem}}@media (min-width: 1024px){.main-content.with-nav{padding-top:4.8rem;padding-bottom:1.5rem}.main-content.main-content--auth{max-width:560px}}.toast{cursor:pointer}:root{--bg-deep: #0d0a07;--bg-dark: #151008;--bg-card: #1c1408;--bg-surface: #241a0d;--bg-elevated: #2e2010;--border: #5c3d1a;--border-glow: #c8860a;--gold: #d4a017;--gold-light: #f0c040;--gold-dark: #8b6914;--red: #b91c1c;--red-light: #ef4444;--green: #16a34a;--blue: #1d4ed8;--blue-light: #60a5fa;--purple: #7c3aed;--text-primary: #f5e6c8;--text-secondary: #c8a97a;--text-muted: #8a6a42;--text-dim: #5a4530;--font-display: "Cinzel Decorative", serif;--font-title: "Cinzel", serif;--font-body: "Crimson Text", serif;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow: 0 4px 12px rgba(0, 0, 0, .7);--shadow-gold: 0 0 20px rgba(212, 160, 23, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);min-height:100dvh;line-height:1.6;background-image:radial-gradient(ellipse at 20% 50%,rgba(212,160,23,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(185,28,28,.03) 0%,transparent 50%)}h1,h2,h3{font-family:var(--font-title);font-weight:600;letter-spacing:.03em}h4,h5,h6{font-family:var(--font-title);font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}input,textarea{font-family:var(--font-body);font-size:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem .75rem;width:100%;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}select{font-family:var(--font-body);font-size:1rem;line-height:1.35;background-color:var(--bg-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c8a97a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:14px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.55rem 2.35rem .55rem .75rem;width:100%;min-height:2.75rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4a01733}input::placeholder,textarea::placeholder{color:var(--text-dim)}select option{background-color:var(--bg-deep);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-title);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0d0a07;border-color:var(--gold);box-shadow:var(--shadow-sm),0 0 10px #d4a01733}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:var(--shadow),0 0 20px #d4a01759}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--gold-dark);color:var(--gold-light)}.btn-danger{background:var(--bg-surface);color:var(--red-light);border-color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--gold-light)}.btn-icon{padding:.5rem;min-width:2.2rem;height:2.2rem}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-family:var(--font-title);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase}.form-hint{font-size:.8rem;color:var(--text-muted)}.form-error{font-size:.8rem;color:var(--red-light)}.section-title{font-family:var(--font-title);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);padding-bottom:.4rem;margin-bottom:.75rem}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-family:var(--font-title);font-weight:600;letter-spacing:.04em}.badge-gold{background:#d4a01726;color:var(--gold-light);border:1px solid var(--gold-dark)}.badge-red{background:#b91c1c26;color:var(--red-light);border:1px solid var(--red)}.badge-green{background:#16a34a26;color:#4ade80;border:1px solid var(--green)}.badge-blue{background:#1d4ed826;color:var(--blue-light);border:1px solid var(--blue)}.badge-purple{background:#7c3aed26;color:#a78bfa;border:1px solid var(--purple)}.badge-gray{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.divider{display:flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-title);margin:1rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border))}.divider:after{background:linear-gradient(to left,transparent,var(--border))}.toast-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1.2rem;font-size:.9rem;color:var(--text-primary);box-shadow:var(--shadow);animation:toastIn .3s ease;pointer-events:auto}.toast.success{border-color:var(--green);color:#4ade80}.toast.error{border-color:var(--red);color:var(--red-light)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--text-muted);font-family:var(--font-title);letter-spacing:.1em}.check-group{display:flex;align-items:center;gap:.5rem;cursor:pointer}.check-group input[type=checkbox],.check-group input[type=radio]{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--gold)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.text-gold{color:var(--gold-light)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--red-light)}.text-success{color:#4ade80}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,1rem)}