@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#1c1a17;background-color:#f7f2ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fffaf3,#f7f2ea 48%,#efe3d5)}:root{--bg: #f7f2ea;--bg-soft: #fffaf3;--ink: #1c1a17;--muted: #6c6359;--panel: #ffffff;--attack: #f29b38;--attack-soft: #fff1dc;--defense: #3b7fb6;--defense-soft: #e6f0fb;--move: #3c9c74;--target: #e2574c;--shadow: 0 20px 40px rgba(28, 22, 15, .12)}.page{max-width:1200px;margin:0 auto;padding:48px 24px 64px;display:grid;gap:28px}.hero{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.kicker{text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--muted);margin:0 0 8px}h1{font-family:Fraunces,serif;font-size:clamp(32px,5vw,54px);margin:0 0 8px}h2{margin:0 0 16px;font-size:20px}.lead{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.hero__panel{background:var(--panel);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:grid;gap:16px}.names{display:grid;gap:10px}.panel{background:var(--panel);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.panel--ghost{background:var(--bg-soft);box-shadow:none;border:1px dashed #e0d7c8}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-section{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:20px;padding:16px;background:#faf3e8;border-radius:16px}.form-section h3{margin:0 0 10px;font-size:16px}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px 16px}.checkbox{display:flex;align-items:center;gap:8px;font-weight:500}.checkbox input{accent-color:var(--ink)}.arrow-layer{position:absolute;inset:0;pointer-events:none}.participant-grid{display:grid;gap:16px;align-items:start}.participant-card{background:#fffaf3;border-radius:16px;padding:16px;border:1px solid #eadfce;display:grid;gap:14px}.participant-card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.participant-name{font-weight:700}.segmented{display:inline-flex;background:#f2e7d6;border-radius:999px;padding:4px;gap:4px}.segmented__item{border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:999px;font-weight:600;cursor:pointer}.segmented__item.is-active{background:#fff;color:var(--ink);box-shadow:0 8px 16px #1c160f1f}.participant-fields{display:grid;gap:12px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.span-2{grid-column:span 2}label{display:grid;gap:8px;font-weight:600;color:var(--ink)}input,select{border:1px solid #e2d7c6;border-radius:12px;padding:10px 12px;font-size:14px;background:#fffdf9;font-family:Space Grotesk,sans-serif}button{border:none;background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer}.form-actions{margin-top:16px}.muted{color:var(--muted);font-size:13px}.phrase{display:grid;gap:16px}.phrase__header{display:grid;gap:12px}.phrase__name{padding:10px 12px;background:#f0e6d9;border-radius:12px;text-align:center;font-weight:600}.phrase__body{display:grid;gap:14px}.phrase__row{display:grid;gap:12px;position:relative}.phrase__cell{min-height:90px}.card-mini{border-radius:14px;padding:12px;display:grid;gap:8px;box-shadow:0 12px 24px #20180c1f}.card-mini.action{background:var(--attack-soft);border:1px solid rgba(242,155,56,.4)}.card-mini.reaction{background:var(--defense-soft);border:1px solid rgba(59,127,182,.35)}.card-mini.neutral{background:#fff7eb;border:1px solid rgba(126,105,82,.2)}.card-mini__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.card-mini__line{font-size:14px}.card-mini__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid transparent}.tag--target{background:#e2574c1f;color:#b13f36;border-color:#e2574c66}.tag--move{background:#3c9c741f;color:#2b6d52;border-color:#3c9c7459}.tag--note{background:#fff;color:var(--ink);border-color:#eadfce}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.accent-attack{background:var(--attack)}.accent-defense{background:var(--defense)}.accent-neutral{background:#c9b8a4}.arrow{position:absolute;top:50%;height:2px;background:var(--attack);transform:translateY(-50%);opacity:.6}.arrow:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:8px solid var(--attack);border-top:6px solid transparent;border-bottom:6px solid transparent}.arrow--reverse:after{right:auto;left:-6px;border-left:none;border-right:8px solid var(--attack)}.empty{background:#faf3e8;padding:16px;border-radius:12px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#fff;border:1px solid #e0d7c8;color:var(--ink)}.summary{margin-top:18px;padding:16px;border-radius:14px;background:#faf3e8;border:1px solid #eadfce;display:grid;gap:10px}.summary h3{margin:0;font-size:15px}.summary__body{display:grid;gap:6px;color:var(--ink);font-size:14px}.summary__line{background:#fff;border-radius:10px;padding:8px 10px;border:1px solid #efe5d6}@media(max-width:900px){.span-2{grid-column:span 1}.phrase__row{gap:18px}.arrow{display:none}}