*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg: #100c0c;--bg-panel: #1a1414;--bg-raised: #241a1a;--bg-input: #0d0a0a;--border: #3a2626;--border-bright: #5c3030;--red: #a4262c;--red-bright: #d13438;--red-dim: #6e1a1e;--gold: #c9a45c;--gold-bright: #e8c87a;--text: #e8e0d2;--text-dim: #9a8f7a;--text-faint: #6b6357;--green: #5a9a5a;--radius: 8px}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh}h1,h2,h3,h4{font-family:Georgia,Times New Roman,serif;color:var(--gold);line-height:1.25}a{color:var(--gold)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red-bright)}textarea{resize:vertical}.app-shell{max-width:56rem;margin:0 auto;padding:.9rem .75rem 4rem}.topbar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .25rem;border-bottom:1px solid var(--border);margin-bottom:.9rem}.footer{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2.5rem;padding:1rem 0 .5rem;border-top:1px solid var(--border)}.topbar .brand{font-family:Georgia,serif;font-size:1.05rem;color:var(--red-bright);font-weight:700;letter-spacing:.06em}.topbar .who{color:var(--text-dim);font-size:.85rem}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;margin-bottom:.9rem}.card h3{margin-bottom:.5rem}.btn{display:inline-block;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-bright);border-radius:var(--radius);padding:.35rem .75rem;font-size:.9rem;text-decoration:none}.btn:hover{border-color:var(--red-bright)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--red);border-color:var(--red-bright);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--red-bright)}.btn-small{padding:.15rem .5rem;font-size:.78rem}.btn-danger{border-color:var(--red-dim);color:var(--red-bright)}.btn-danger-solid{background:var(--red);border-color:var(--red-bright);color:#fff;font-weight:600}.btn-danger-solid:hover:not(:disabled){background:var(--red-bright)}.confirm-list{margin:.5rem 0 .6rem 1.1rem;font-size:.85rem}.confirm-list li{margin-bottom:.2rem}.camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem}.camp-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;cursor:pointer}.camp-card:hover{border-color:var(--red-bright)}.camp-card .camp-name{font-family:Georgia,serif;font-size:1.15rem;color:var(--gold);margin-bottom:.15rem}.camp-header{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;margin-bottom:.7rem}.camp-header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem}.camp-header-row>.btn{white-space:nowrap}.camp-header-row>:first-child{justify-self:start}.camp-header-row>:last-child{justify-self:end}.camp-header-name{min-width:0;text-align:center;font-family:Georgia,serif;font-size:1.15rem;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .4rem}.player-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.player-head .name{color:var(--gold);font-family:Georgia,serif;font-size:1.05rem}.player-sub{font-size:.82rem;color:var(--text-dim);text-align:right;flex-shrink:0}.player-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.stat-chip{flex:1 1 4rem;min-width:3.6rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .35rem;text-align:center}.stat-chip .label{display:block;font-size:.55rem;font-weight:700;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap}.stat-chip .value{display:block;font-family:Georgia,serif;font-size:1.05rem;color:var(--text);line-height:1.2}.stat-chip .value .temp{color:var(--gold-bright);font-size:.8rem;margin-left:.15rem}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.55rem}.pick-card{position:relative;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .5rem;text-align:center;color:var(--text);font-family:Georgia,serif;font-size:1rem;cursor:pointer}.pick-card:hover{border-color:var(--red-bright)}.pick-card.selected{border-color:var(--red-bright);background:var(--red-dim);color:#fff}.pick-card .tile-sub{display:block;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.68rem;color:var(--text-dim);margin-top:.2rem}.pick-card.selected .tile-sub{color:#e0b8b8}.pick-card .tile-check{position:absolute;top:.15rem;right:.4rem;color:var(--gold-bright);font-size:.85rem;text-shadow:0 0 4px #000}.pick-card.has-img{padding:0;overflow:hidden;display:flex;flex-direction:column}.pick-card.has-img .tile-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center top;display:block;background:var(--bg-input);border-bottom:1px solid var(--border)}.pick-card.has-img .tile-img-empty{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:1.6rem}.pick-card.has-img .tile-name{display:block;padding:.4rem .4rem 0;line-height:1.2}.pick-card.has-img .tile-sub{padding:0 .4rem .45rem;margin-top:.1rem}.lore-box{background:var(--bg-raised);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);padding:.6rem .7rem;margin:.7rem 0}.lore-box h4{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:.35rem}.lore-box .richtext ul{margin-bottom:0}.lore-heading{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:.8rem 0 .4rem;border-top:1px solid var(--border);padding-top:.6rem}.modal-img{width:100%;max-height:40vh;object-fit:contain;border-radius:var(--radius);background:var(--bg-input);margin-bottom:.6rem;display:block}.modal-close{flex-shrink:0;padding:.35rem .85rem;font-size:1rem;line-height:1}.sheet-head{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.9rem;overflow:hidden}.sheet-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;background:#00000038;border-bottom:1px solid var(--border)}.sheet-identity{text-align:center;padding:.85rem .9rem .7rem}.sheet-identity h2{margin-bottom:.15rem}.tabbar.tabbar-attached{margin-bottom:0;border-bottom:1px solid var(--border);background:#00000038}.tabbar.tabbar-attached button{margin-bottom:-1px;padding:.5rem .1rem .45rem}.tabbar.tabbar-attached button.active{background:var(--bg-panel);border-bottom-color:var(--red-bright)}.sheet-head>.tabbar.tabbar-attached:last-child{border-bottom:none;margin-bottom:0}.sheet-head>.sheet-nav:last-child{border-bottom:none}.char-panel{margin-top:1.1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.subtabbar{display:flex;background:#00000038;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.subtabbar::-webkit-scrollbar{display:none}.subtab{flex:1 1 auto;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-dim);padding:.6rem .7rem .5rem;font-size:.82rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.subtab:hover:not(.active){color:var(--text)}.subtab.active{color:var(--gold-bright);background:var(--bg-panel);border-bottom-color:var(--red-bright)}.char-panel-body{padding:.6rem}.token-count{min-width:1.6rem;text-align:center;font-family:Georgia,serif;font-size:1.1rem;color:var(--gold-bright)}.char-panel-body>*:last-child,.char-panel-body>*>.card:last-child{margin-bottom:0}.tabbar{display:flex;border-bottom:2px solid var(--border);margin-bottom:.9rem}.tabbar button{flex:1;min-width:0;background:none;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .1rem .4rem;border-bottom:2px solid transparent;margin-bottom:-2px}.tabbar .tab-icon{font-size:1.05rem;line-height:1;filter:grayscale(60%) brightness(.9)}.tabbar .tab-label{font-size:.52rem;font-weight:700;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tabbar button.active{color:var(--gold-bright);border-bottom-color:var(--red-bright)}.tabbar button.active .tab-icon{filter:none}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.ability-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:.55rem .25rem}.ability-box .ab-name{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-dim)}.ability-box .ab-mod{font-size:1.5rem;font-family:Georgia,serif;color:var(--gold-bright)}.ability-box .ab-score{font-size:.8rem;color:var(--text-dim)}.statline{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.55rem}.stat-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:.5rem .25rem}.stat-box .label{font-size:.65rem;letter-spacing:.1em;font-weight:700;color:var(--text-dim)}.stat-box .value{font-size:1.25rem;font-family:Georgia,serif;color:var(--text)}.entry{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:.6rem .7rem;margin-bottom:.5rem}.entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;cursor:pointer}.entry-head .name{color:var(--gold);font-family:Georgia,serif;font-size:1rem}.entry-head .meta{color:var(--text-dim);font-size:.78rem;text-align:right;flex-shrink:0}.entry-body{margin-top:.5rem;color:var(--text);font-size:.9rem;white-space:pre-wrap;border-top:1px solid var(--border);padding-top:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:var(--radius);padding:1rem;width:min(20rem,92vw)}.modal h3{margin-bottom:.6rem}.modal input[type=number]{font-size:1.4rem;text-align:center}.modal-handout{width:min(42rem,94vw);max-height:86vh;display:flex;flex-direction:column}.modal-handout-body{overflow-y:auto;min-height:0}.md-img{max-width:100%;border-radius:var(--radius);display:block;margin:.4rem 0}.dir-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .3rem;border-bottom:1px solid var(--border);cursor:pointer;font-size:.95rem}.dir-row:hover{background:var(--bg-raised)}.dir-row .dir-name{color:var(--text);display:flex;align-items:center;gap:.45rem;min-width:0}.dir-row .dir-name .doc-title{color:var(--gold);font-family:Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-row .dir-meta{color:var(--text-faint);font-size:.75rem;flex-shrink:0;display:flex;align-items:center;gap:.35rem}.dir-children{margin-left:1.1rem;border-left:1px solid var(--border);padding-left:.35rem}.dir-editor{padding:.6rem .3rem;border-bottom:1px solid var(--border)}.chat-scroll{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.2rem 0}.chat-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem}.chat-targets{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.5rem}.pill-mini{border:1px solid var(--border);border-radius:999px;background:var(--bg-raised);color:var(--text-dim);padding:.12rem .6rem;font-size:.72rem;white-space:nowrap}.pill-mini:hover{color:var(--text)}.pill-mini.on{border-color:var(--border-bright);background:var(--red-dim);color:#fff}.bubble{align-self:flex-start;max-width:85%;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px 10px 10px 3px;padding:.45rem .65rem;font-size:.92rem;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:var(--red-dim);border-color:var(--red);border-radius:10px 10px 3px;color:#fff}.bubble-name{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;margin-bottom:.1rem}.bubble-time{display:block;font-size:.62rem;color:var(--text-faint);margin-top:.15rem;text-align:right}.bubble.mine .bubble-time{color:#d8a8a8}.tab-badge{position:absolute;top:.1rem;right:15%;min-width:.95rem;height:.95rem;border-radius:999px;background:var(--red-bright);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .2rem}.tab-badge.tab-dot{min-width:.55rem;width:.55rem;height:.55rem;padding:0;background:var(--gold-bright)}.slot-row{display:inline-flex;gap:.28rem;vertical-align:middle}.slot-box{width:1.2rem;height:1.2rem;border:2px solid var(--border-bright);border-radius:3px;background:transparent;padding:0;color:var(--red-bright);font-size:.75rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.slot-box.used{border-color:var(--red-dim)}.slot-box.gold{color:var(--gold)}.slot-box.gold.used{border-color:var(--gold)}.richtext p{margin-bottom:.55rem}.richtext p:last-child{margin-bottom:0}.richtext ul{margin:0 0 .55rem 1.1rem}.richtext li{margin-bottom:.25rem}.rt-scroll{overflow-x:auto;margin-bottom:.55rem}.richtext table{border-collapse:collapse;font-size:.85rem;min-width:100%}.richtext th{color:var(--gold);text-align:left;font-family:Georgia,serif;border-bottom:1px solid var(--border-bright);padding:.3rem .6rem .3rem 0;white-space:nowrap}.richtext td{border-bottom:1px solid var(--border);padding:.3rem .6rem .3rem 0;vertical-align:top}.markdown h3,.markdown h4,.markdown h5{margin:.6rem 0 .35rem}.markdown h5{color:var(--gold);font-size:.92rem}.markdown code{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font-size:.85em}.md-quote{border-left:3px solid var(--gold);padding:.2rem 0 .2rem .7rem;margin-bottom:.55rem;color:var(--text-dim);font-style:italic}.md-toolbar{display:flex;gap:.25rem;margin-bottom:.35rem;flex-wrap:wrap}.check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.2rem .8rem}.check-list label{display:flex;align-items:center;gap:.45rem;padding:.25rem .2rem;cursor:pointer;font-size:.9rem}.check-list label.dim{opacity:.4;cursor:default}.check-list input[type=checkbox]{width:auto;accent-color:var(--red-bright)}.tag{display:inline-block;background:var(--red-dim);color:#f0d0d0;font-size:.68rem;font-weight:700;letter-spacing:.05em;border-radius:4px;padding:.1rem .4rem;margin-left:.4rem;vertical-align:middle}.tag.gold{background:#4d3d1a;color:var(--gold-bright)}.table-scroll{overflow-x:auto;margin-top:.7rem}.content-table{width:100%;border-collapse:collapse;font-size:.9rem}.content-table th{text-align:left;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-bright);padding:0 .5rem .35rem 0;white-space:nowrap}.content-table td{border-bottom:1px solid var(--border);padding:.4rem .5rem .4rem 0;vertical-align:middle}.content-table tr:last-child td{border-bottom:none}.content-table .col-name{color:var(--gold);font-family:Georgia,serif;font-size:.98rem}.content-table .col-type{color:var(--text-dim);font-size:.78rem;white-space:nowrap}.content-table .col-action{width:1%;text-align:right;padding-right:.35rem;white-space:nowrap}.th-sort{background:none;border:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;display:inline-flex;align-items:center;gap:.25rem}.th-sort:hover{color:var(--gold)}.sort-arrow{color:var(--red-bright);font-size:.7em}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.filter-row>input{min-width:9rem}.filter-row>select{width:auto;flex:0 1 auto;padding:.4rem .5rem;font-size:.85rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.7rem}.field{margin-bottom:.75rem}.field label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.25rem}.row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.row>.grow{flex:1}.error{color:var(--red-bright);font-size:.85rem;margin:.5rem 0}.muted{color:var(--text-dim);font-size:.85rem}.small{font-size:.8rem}.divider{border:none;border-top:1px solid var(--border);margin:.9rem 0}.login-wrap{max-width:22rem;margin:12vh auto 0;padding:0 1rem}.login-wrap h1{text-align:center;color:var(--red-bright);margin-bottom:.2rem}.login-wrap .subtitle{text-align:center;color:var(--text-dim);font-style:italic;margin-bottom:1.5rem}.wizard-steps{display:flex;gap:.3rem;margin-bottom:1rem;flex-wrap:wrap}.wizard-steps .step{font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--text-faint)}.wizard-steps .step.done{color:var(--green);border-color:var(--green)}.wizard-steps .step.current{color:var(--gold-bright);border-color:var(--red-bright)}.wizard-nav{display:flex;justify-content:space-between;margin-top:1rem;gap:.5rem}.pill-list{display:flex;flex-wrap:wrap;gap:.4rem}.pill{border:1px solid var(--border);border-radius:999px;background:var(--bg-raised);color:var(--text);padding:.3rem .8rem;font-size:.85rem}.pill.on{border-color:var(--red-bright);background:var(--red-dim);color:#fff}.pill:disabled{opacity:.4;cursor:default}.dice-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.die{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-family:Georgia,serif;background:var(--bg-raised);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--gold-bright)}@media (min-width: 640px){.ability-grid{grid-template-columns:repeat(6,1fr)}}