/* Squadria terminal (assets/js/terminal.js) */
.term { display: grid; grid-template-rows: auto auto minmax(0, 1fr); height: 100%; width: 100%; background: #08090A; color: #D9DDE1; font: 13.5px/1.6 ui-monospace, "SF Mono", Menlo, Consolas, monospace; text-align: left; overflow: hidden; }
.term__bar { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: #111316; }
.term__bar i { width: 11px; height: 11px; border-radius: 50%; background: #2A2E33; }
.term__where { margin-left: 10px; color: #7D858D; font-size: 12px; }
.term__tabs { display: flex; gap: 6px; padding: 10px 14px; overflow-x: auto; scrollbar-width: none; background: #0C0E10; }
.term__tabs::-webkit-scrollbar { display: none; }
.term__tab { flex: none; padding: 5px 11px; border: 0; border-radius: 999px; background: rgb(255 255 255 / .05); color: #8A929A; font: inherit; font-size: 12px; cursor: pointer; transition: background-color 180ms ease, color 180ms ease; }
.term__tab:hover { color: var(--bone); }
.term__tab[aria-selected="true"] { background: var(--brass-metal); background-size: 240% 100%; color: #1A1408; font-weight: 600; animation: brass-flow 9s ease-in-out infinite alternate; }
.term__body { padding: 16px 20px 20px; overflow: hidden; }
.term__body p { margin: 0 0 4px; }
.term__squad { color: #8A929A; margin-bottom: 10px !important; }
.term__squad b { color: var(--brass-light); font-weight: 600; }
.term__ask { color: var(--bone); margin-bottom: 12px !important; }
.term__sign { color: var(--brass); margin-right: 10px; }
.term__caret { display: inline-block; width: 8px; height: 1.1em; margin-left: 2px; vertical-align: -2px; background: var(--bone); animation: term-blink 1s steps(1) infinite; }
.term__route { color: #9CC9A0; }
.term__line { color: #B9BDC1; padding-left: 16px; position: relative; }
.term__line::before { content: "·"; position: absolute; left: 4px; color: #5C636A; }
.term__done { color: var(--brass-light); padding-left: 16px; position: relative; }
.term__done::before { content: "✓"; position: absolute; left: 0; }
.term .is-in { animation: term-in 320ms var(--ease-out) both; }
@keyframes term-in { from { opacity: 0; transform: translateY(4px); } }
@keyframes term-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .term .is-in, .term__caret, .term__tab[aria-selected="true"] { animation: none; } }
/* inside the house card and the showcase */
.deck__term { position: absolute; inset: 0; opacity: .38; transition: opacity 420ms ease; }
.deck__card[data-on] .deck__term { opacity: 1; }
.deck__term .term { font-size: 13px; }
.deck__term .term__body { padding-bottom: 150px; }
.show__media .term { height: min(62dvh, 600px); font-size: 15px; }
@media (max-width: 860px) { .deck__term { position: static; height: 300px; opacity: 1; } .deck__term .term__body { padding-bottom: 16px; } }