:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.playground{max-width:960px;margin:0 auto;padding:1rem}.playground h1{margin:0}.subtitle,.hint{color:#777;margin:.25rem 0}.panel{border:1px solid #8884;border-radius:8px;margin:.75rem 0;padding:.75rem 1rem}.panel h2{margin:0 0 .5rem;font-size:1.05rem}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem;display:grid}.card{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #8886;border-radius:8px;flex-direction:column;gap:.25rem;padding:.6rem;display:flex}.card-party{border-left:6px solid #3a7bd5}.card-enemy{border-left:6px solid #c0392b}.card-active{border-color:#e6a800;box-shadow:0 0 0 2px #e6a80088}.card-selected{background:#3a7bd522}.card-dead{opacity:.5}.card-name{font-weight:700}.turn-mark{color:#000;background:#e6a800;border-radius:4px;margin-left:.4rem;padding:0 .3rem;font-size:.75rem;font-style:normal}.card-role,.card-stats{color:#777;font-size:.85rem}.hp-bar{background:#8883;border-radius:5px;height:10px;display:block;overflow:hidden}.hp-fill{background:#2e9e5b;height:100%;display:block}.card-tags{flex-wrap:wrap;gap:.25rem;min-height:1.2rem;display:flex}.tag{border:1px solid #8886;border-radius:4px;padding:0 .3rem;font-size:.75rem}.tag-bad{color:#fff;background:#c0392b;border-color:#0000}.order-active{color:#e6a800;font-weight:700}.actions{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}button{font:inherit;padding:.35rem .7rem}.notice{color:#c0392b;margin:.4rem 0 0}.banner{border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:1.2rem;display:flex}.banner-victory{background:#2e9e5b33}.banner-defeat{background:#c0392b33}.log{max-height:360px;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:.85rem;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid #8882;padding:.15rem 0}.log-turn{margin-top:.3rem;font-weight:700}.log-system{color:#777}.log-good{color:#2e9e5b}.log-bad{color:#c0392b}footer{color:#777;margin:1rem 0;font-size:.85rem}.app{max-width:720px;margin:0 auto;padding:1rem}.app h1{margin:0}.bar{align-items:center;gap:.75rem;display:flex}.bar h1{flex:1;font-size:1.3rem}form.panel label{margin:.5rem 0;display:block}form.panel input[type=email],form.panel input[type=password],form.panel input[type=text]{box-sizing:border-box;width:100%;font:inherit;padding:.4rem;display:block}button.link{color:#3a7bd5;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.sessions{padding:0;list-style:none}.sessions li{margin:.4rem 0}.status{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0;display:grid}.status dd{flex-wrap:wrap;gap:.25rem;margin:0;display:flex}.story{max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.story li{border-bottom:1px solid #8882;padding:.35rem 0}.story-player{color:#3a7bd5}
