@import "https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Varela+Round&display=swap";html,body,.main{background-color:#fff;margin:0;font-family:Roboto}.main{color:#0f172a;background-position:-20px -20px;background-size:100px;flex-direction:column;width:100%;height:100vh;display:flex}.main>*{background-image:linear-gradient(90deg,#fffffff5,#ffffffb5)}.button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:#263344;background:#1e3a8a10;border:1px solid #263344;border-radius:6px}.main.search .search{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.search-line{margin-bottom:1rem}.search-line input{color:#0b1220;background:#fff;border:1px solid #0b1220;border-radius:8px;outline:none;width:320px;padding:10px 12px}.search-results{width:30vw;max-height:30vh;padding:10px;overflow-y:auto}.search-results .search-result{margin-bottom:1rem}.main.search .start{width:8rem;padding:.5rem}.main.search .battle{flex-direction:column;display:flex}.main.search .battle .actions{display:none}.main.search .battle .npcs{gap:10px;padding:10px;display:flex;overflow-x:auto}.main.search .battle .npc{opacity:.85;min-width:220px;transform:scale(.85)}.main.search .battle .npc .approaches{display:none}.main.battle{flex-direction:column}.main.battle .search{display:none}.main.battle .battle{flex-direction:column;flex:1;display:flex}.main.battle .npcs{flex-wrap:wrap;flex:1;align-items:flex-start;gap:14px;padding:16px;display:flex;overflow-y:auto}.main.battle .actions{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 0 6px 1px #00000091}.search-result,.npc{background:linear-gradient(90deg,#1e3a8a50,#1e3a8a10);border-top:1px solid #60a5fa;border-bottom:1px solid #60a5fa;grid-template-columns:1fr 1fr 1fr 1fr;width:300px;padding:10px;transition:transform .15s,opacity .15s;display:grid}.search-result .title,.npc .title{grid-column:1/4}.search-result .tier,.npc .tier{text-align:right;grid-column:4/5}.search-result .description,.npc .description{color:#0b2559;vertical-align:text-top;grid-column:1/5;font-style:italic;font-weight:700}.search-result .drive,.npc .drive,.search-result .status,.npc .status{grid-column:1/5}.search-result .status,.npc .fatigue{grid-column:1/5;justify-content:space-between;align-items:center;font-weight:700;display:flex}.search-result .conditions,.npc .conditions{grid-column:1/5}.search-result .principle,.npc .principle{grid-column:1/3}.search-result .balance,.npc .balance{grid-column:3/5;justify-content:space-between;align-items:center;font-weight:700;display:flex}.search-result .techniques,.npc .techniques,.search-result .approaches,.npc .approaches{grid-column:1/5}.search-result:hover{transform:translateY(-2px)}.input[type=range]{flex-grow:1}.title{margin-bottom:4px;font-size:14px;font-weight:700}.tier{opacity:.85;font-size:12px}.description,.drive,.principle,.balance,.fatigue,.conditions,.techniques{font-size:12px}.drive:before{content:"DRIVE: ";font-weight:700}.principle:before{content:"PRINCIPLE: ";font-weight:700}.conditions:before{content:"CONDITIONS: ";font-weight:700}.conditions .condition{cursor:pointer;margin:.5rem;display:inline}.conditions .condition.selected{text-decoration:line-through}.fatigue:before{content:"FATIGUE: ";font-weight:700}.techniques:before{content:"TECHNIQUES: ";font-weight:700}.approaches{justify-content:space-evenly;gap:6px;margin-top:8px;display:flex}.approach{width:60px;padding:4px 6px;font-size:11px}.approach.selected{color:#fff;background:#263344}.actions .exchange-number{opacity:.9;font-size:13px}.actions .next,.actions .add,.actions .end{align-self:flex-end;padding:6px 10px;font-size:12px}.battle:not(.ready) .actions .reset:first-of-type{opacity:.4;pointer-events:none}