*{box-sizing:border-box}@font-face{font-family:Cinzel;src:url(/fonts/cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:#c9a227;--bg:#14141b;--panel:#1d1d28;--panel-glass:#181822e0;--border:#34344a;--text:#e8e6e3;--muted:#9a97a3;--accent:#c9a227;--accent-dim:#8a7119;--danger:#d06060;--display:"Cinzel", Georgia, serif}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:15px}h1,h2,h3{font-family:var(--display);letter-spacing:.03em;font-weight:700}a{color:var(--accent)}button{background:linear-gradient(180deg, #d9b23a, var(--accent));color:#16161d;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{background:var(--border);color:var(--muted);cursor:default}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}button.secondary:hover{border-color:var(--accent-dim)}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}input,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:15px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}.panel{background:var(--panel-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:1.25rem}.muted{color:var(--muted)}.error{color:var(--danger)}.page{max-width:720px;margin:6vh auto;padding:0 1rem}.row{align-items:center;gap:.5rem;display:flex}.stack{flex-direction:column;gap:1rem;display:flex}.game-shell{max-width:1100px;padding:2vh 1rem calc(1rem + env(safe-area-inset-bottom));height:100dvh;margin:0 auto}.picker-pop{z-index:60;background:var(--panel);border:1px solid var(--accent-dim);border-radius:8px;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #0000008c}.picker-row{cursor:pointer;border-bottom:1px solid #34344a80;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .6rem;display:flex}.picker-row:last-child{border-bottom:none}.picker-row.hi{background:#c9a2271f}.picker-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82em;display:block;overflow:hidden}.picker-id{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:.7em;display:block;overflow:hidden}.picker-meta{color:var(--muted);flex-shrink:0;align-items:center;gap:.4rem;font-size:.7em;display:flex}.tag-tools{color:var(--accent)}.tag-notools{color:var(--danger)}.tag-reserved{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 .4rem;font-size:.72em}.info-dot{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;width:1.15rem;height:1.15rem;margin-left:auto;padding:0;font-size:.7em;line-height:1}.info-dot:hover{color:var(--accent);border-color:var(--accent-dim);filter:none}.flow-note{border:1px solid var(--accent-dim);color:var(--text);background:#c9a2270d;border-radius:8px;padding:.7rem .85rem;font-size:.82em;line-height:1.5}.tab-bar{gap:.5rem;display:flex}.tab-bar .tab{background:var(--panel-glass);color:var(--muted);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;flex:1;padding:.5rem .8rem;font-weight:600}.tab-bar .tab.active{color:var(--accent);border-color:var(--accent);background:#c9a2271a}.tab-badge{background:var(--accent);color:#16161d;border-radius:999px;margin-left:.45rem;padding:0 .45rem;font-size:.78em;font-weight:700;display:inline-block}.backdrop{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100dvh;position:relative}.backdrop:before{content:"";pointer-events:none;background:radial-gradient(#14141b73 0%,#14141be6 100%);position:fixed;inset:0}.backdrop>*{position:relative}.art-card{border:1px solid var(--border);cursor:pointer;background:var(--panel);text-align:left;border-radius:10px;width:100%;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.art-card:hover{border-color:var(--accent-dim);filter:none;transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.art-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 8px 24px #00000080}.art-card.disabled{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.art-card img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.art-card.wide img{aspect-ratio:16/9;object-position:center 25%}.art-card .caption{background:linear-gradient(#0000,#0a0a0eeb 55%);padding:1.6rem .75rem .6rem;position:absolute;inset:auto 0 0}.art-card .caption h4{font-family:var(--display);color:#f0e6c8;margin:0;font-size:1.02rem}.art-card .caption p{color:var(--muted);margin:.15rem 0 0;font-size:.78rem;line-height:1.3}.info-btn{color:#f0e6c8;background:#0a0a0e99;border:1px solid #f0e6c880;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0;font-family:Georgia,serif;font-size:.85rem;font-style:italic;line-height:1}.info-btn:hover{filter:none;background:#c9a22759}.art-card .info-btn{position:absolute;top:.4rem;right:.4rem}.art-card.stacked img{aspect-ratio:16/9}.art-card.stacked .body{padding:.8rem .9rem .9rem}.art-card.stacked .body h4{font-family:var(--display);color:#f0e6c8;margin:0 0 .3rem;font-size:1.05rem;line-height:1.3}.art-card.stacked .body p{color:var(--text);margin:0;font-size:.92rem;line-height:1.45}.wordmark{font-family:var(--display);letter-spacing:.04em;background:linear-gradient(180deg, #f6ecca 20%, var(--accent) 78%, #a88420);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:700}.pill{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:500}.pill:hover{border-color:var(--accent-dim);color:var(--text);filter:none}.pill.active{color:var(--accent);border-color:var(--accent);background:#c9a2271f}input.switch{appearance:none;border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:999px;flex-shrink:0;width:38px;height:22px;margin:0;padding:0;transition:background .15s,border-color .15s;position:relative}input.switch:before{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}input.switch:checked{border-color:var(--accent);background:#c9a22740}input.switch:checked:before{background:var(--accent);transform:translate(16px)}input.check{appearance:none;border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin:0;transition:border-color .12s,background .12s;position:relative}input.check:hover{border-color:var(--accent-dim)}input.check:checked{border-color:var(--accent);background:#c9a2272e}input.check:checked:before{content:"✓";color:var(--accent);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.game-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem;display:grid}.game-card{text-decoration:none}.game-card .caption p{text-transform:capitalize}.game-card.archived img{filter:grayscale(.7)brightness(.75)}.game-card .card-action{color:var(--text);background:#0a0a0eb8;border:1px solid #f0e6c859;border-radius:6px;padding:.2rem .55rem;font-size:.74rem;font-weight:500;position:absolute;top:.45rem;right:.45rem}.game-card .card-action:hover{border-color:var(--accent);color:var(--accent);filter:none}.chip{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffff05;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.55rem .75rem;font-weight:400;transition:border-color .12s,background .12s;display:flex}.chip:hover{border-color:var(--accent-dim);filter:none;background:#c9a2270f}.chip.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#c9a2271f}.chip.disabled{opacity:.4;cursor:not-allowed}.chip img{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.chip .chip-title{font-size:.92rem;font-weight:600}.chip .chip-title .tag{color:var(--accent);margin-left:.35rem;font-size:.78rem;font-weight:400}.chip .chip-desc{color:var(--muted);margin-top:.1rem;font-size:.8rem;line-height:1.35}.chip>*{overflow-wrap:break-word;min-width:0}@keyframes pulse-ring{0%,to{box-shadow:0 0 #c9a227b3}50%{box-shadow:0 0 0 6px #c9a22700}}.target-banner{border:1px solid var(--accent);background:#c9a2271f;border-radius:8px;padding:.5rem .9rem;font-weight:600}.initiative-roster{gap:.4rem;padding:.15rem .1rem .3rem;display:flex;overflow-x:auto}.roster-entry{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-shrink:0;align-items:center;gap:.4rem;padding:.25rem .55rem .25rem .3rem;transition:border-color .12s,transform .12s;display:flex}.roster-entry.active{border-color:var(--accent);background:#c9a2271f;transform:scale(1.04)}.roster-entry.dead{opacity:.55}.roster-entry.downed{border-color:var(--danger)}.roster-entry.hidden{opacity:.7;border-style:dashed}.roster-portrait{object-fit:cover;border-radius:50%;width:30px;height:30px}.roster-disc{color:#16161d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.roster-disc.self{background:#c9a227}.roster-disc.ally{background:#7fb3d8}.roster-disc.enemy{background:#c0504d}.roster-disc.unknown{color:#d8d4c8;background:#555}.roster-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.roster-name{white-space:nowrap;font-size:.78rem;font-weight:600}.roster-hp{color:var(--muted);white-space:nowrap;font-size:.72rem}.roster-entry.downed .roster-hp{color:var(--danger)}.map-tooltip{z-index:5;pointer-events:none;border:1px solid var(--border);background:#16161df2;border-radius:8px;flex-direction:column;gap:.3rem;width:max-content;max-width:220px;padding:.5rem .7rem;display:flex;position:absolute}.map-tooltip .tag,.roster-entry .tag{color:var(--accent);font-size:.72rem}.map-tooltip .tag{border:1px solid var(--border);border-radius:6px;padding:0 .35rem}.dm-card{border:1px solid var(--border);border-left:3px solid var(--accent);background:#c9a2270a;border-radius:8px;margin:.75rem 0;padding:.6rem .9rem}.dm-name{font-family:var(--display);color:var(--accent);font-size:.85rem}.npc-card{border:1px solid var(--border);background:#7fb3d80d;border-left:3px solid #7fb3d8;border-radius:8px;align-items:flex-start;gap:.7rem;margin:.6rem 0;padding:.6rem .8rem;display:flex}.npc-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.npc-avatar-fallback{color:#7fb3d8;font-family:var(--display);background:#2a3947;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.npc-name{font-family:var(--display);color:#7fb3d8;margin-bottom:.15rem;font-size:.85rem}.npc-action{color:#cf9a5b;font-size:.92em;font-style:normal}.shimmer{animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.8}}.die{font-size:1.5rem;display:inline-block}.die.rolling{animation:.9s cubic-bezier(.3,.8,.6,1) infinite tumble}@keyframes tumble{0%{transform:rotate(0)translateY(0)}30%{transform:rotate(140deg)translateY(-6px)}60%{transform:rotate(250deg)translateY(2px)}to{transform:rotate(360deg)translateY(0)}}.roll-result{animation:.45s cubic-bezier(.2,1.6,.4,1) land;display:inline-block}@keyframes land{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080cbf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--accent-dim);border-radius:12px;width:calc(100vw - 2rem);max-width:640px;max-height:82vh;padding:1.5rem;overflow-y:auto}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;display:grid}.grid-2col{grid-template-columns:1fr 1fr;min-width:0;display:grid}.grid-2col>*{min-width:0}@media (width<=640px){.grid-2col{grid-template-columns:1fr}}.align-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.align-grid>*{min-width:0}@media (width<=640px){.align-grid{gap:.35rem}.align-grid .chip{flex-direction:column;align-items:stretch;gap:.3rem;padding:.35rem}.align-grid .chip img{aspect-ratio:1;width:100%;height:auto}.align-grid .chip .chip-title{text-align:center;font-size:.78rem}.align-grid .chip .chip-desc{display:none}}.ready-dot{font-size:.8rem}.ready-dot.none{color:var(--muted)}.ready-dot.building{color:var(--accent)}.ready-dot.ready{color:#7ac77a}