:root{--koc-green: #1d3027;--koc-red: #c8102e;--koc-blue: #003087;--koc-gold: #d4af37;--koc-cream: #f5efe0;--koc-cream-dim: rgba(245, 239, 224, .28);--font-display: "Oswald", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:var(--koc-green);color:var(--koc-cream);font-family:var(--font-ui)}main{min-height:100%}body:has(.viewer){overflow:hidden}.viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;max-height:100vh;min-height:0;padding:1rem 1.25rem;gap:.75rem;overflow:hidden}.viewer__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}.viewer__logo{height:3.5rem;width:auto}.viewer__title{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-align:center;font-size:clamp(.5rem,5vw,2.5rem);color:var(--koc-gold);text-transform:uppercase;margin:0}.viewer__footer{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.flashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%;height:100%;min-height:0}.flashboard__column{display:grid;grid-template-rows:auto repeat(15,minmax(0,1fr));gap:.3rem;min-height:0}.flashboard__header{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,3.5vw,1.75rem);text-align:center;padding:.25rem 0;border-radius:.5rem;color:#fff;letter-spacing:.12em}.flashboard__header--B{background:var(--koc-red)}.flashboard__header--I{background:var(--koc-blue)}.flashboard__header--N{background:#fff;color:var(--koc-green)}.flashboard__header--G{background:var(--koc-gold);color:var(--koc-green)}.flashboard__header--O{background:var(--koc-red)}.flashboard__cell{font-family:var(--font-display);font-weight:700;font-size:clamp(.7rem,2.2vw,1.3rem);display:flex;align-items:center;justify-content:center;border-radius:.4rem;border:2px solid var(--koc-cream-dim);color:var(--koc-cream-dim);background:transparent;transition:transform .15s ease,background .2s ease,color .2s ease}.flashboard__cell--called{background:var(--koc-cream);color:var(--koc-green);border-color:var(--koc-cream)}.flashboard__cell--current{background:var(--koc-gold);color:var(--koc-green);border-color:var(--koc-gold)}@keyframes flashboard-pop{0%{transform:scale(.75)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes flashboard-pulse{0%,to{box-shadow:0 0 0 6px #d4af3759}50%{box-shadow:0 0 0 14px #d4af3726}}.current-call{display:flex;align-items:baseline;gap:1.5rem;font-family:var(--font-display)}.current-call__label{font-size:clamp(1.25rem,2vw,2rem);letter-spacing:.15em;text-transform:uppercase;color:var(--koc-cream)}.current-call__value{font-size:clamp(4rem,8vw,8rem);line-height:1;color:var(--koc-gold);text-shadow:0 0 24px rgba(212,175,55,.5)}.current-call__value--empty{color:var(--koc-cream-dim);text-shadow:none}.mini-pattern{display:inline-grid;gap:2px;padding:6px;background:#00000040;border-radius:.4rem}.mini-pattern--sm{grid-template-columns:repeat(5,16px)}.mini-pattern--md{grid-template-columns:repeat(5,28px)}.mini-pattern--lg{grid-template-columns:repeat(5,44px)}.mini-pattern__cell{aspect-ratio:1;background:var(--koc-cream-dim);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.6em;color:var(--koc-cream)}.mini-pattern__cell--on{background:var(--koc-gold)}.mini-pattern__cell--free{background:var(--koc-cream);color:var(--koc-green);font-weight:700}.pattern-badge{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-family:var(--font-display);letter-spacing:.1em}.pattern-badge__label{font-size:1.1rem;color:var(--koc-cream);text-transform:uppercase}.control{max-width:960px;margin:0 auto;padding:1.5rem;display:grid;gap:1.5rem}.control__section{background:#00000040;border:1px solid rgba(245,239,224,.12);border-radius:.75rem;padding:1rem 1.25rem}.control__section h2{margin:0 0 .75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;color:var(--koc-gold)}.call-input{display:flex;gap:.75rem;align-items:center}.call-input__field{flex:1;padding:.75rem 1rem;font-family:var(--font-display);font-size:2rem;border-radius:.5rem;border:2px solid var(--koc-cream-dim);background:var(--koc-green);color:var(--koc-cream)}.call-input__field:focus{outline:none;border-color:var(--koc-gold)}.call-input__button{padding:.75rem 1.5rem;font-family:var(--font-display);font-size:1.5rem;border-radius:.5rem;border:none;background:var(--koc-gold);color:var(--koc-green);cursor:pointer;letter-spacing:.1em}.call-input__error{color:#ffb4b4;font-size:.9rem;min-height:1.2em;margin-top:.4rem}.call-input__last{font-family:var(--font-display);color:var(--koc-cream);margin-bottom:.75rem}.called-list{display:flex;flex-wrap:wrap;gap:.4rem}.called-list__chip{font-family:var(--font-display);font-size:1.1rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--koc-cream-dim);background:transparent;color:var(--koc-cream);cursor:pointer}.called-list__chip:hover{background:#f5efe014;border-color:var(--koc-cream);color:var(--koc-cream)}.called-list__empty{color:var(--koc-cream-dim);font-style:italic}.pattern-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pattern-picker__button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;border:2px solid var(--koc-cream-dim);background:transparent;color:var(--koc-cream);font-family:var(--font-display);cursor:pointer}.pattern-picker__button--active{border-color:var(--koc-gold);background:#d4af3726}.danger-button{padding:.75rem 1.25rem;font-family:var(--font-display);font-size:1.1rem;border-radius:.5rem;border:2px solid var(--koc-red);background:transparent;color:var(--koc-cream);cursor:pointer;letter-spacing:.1em}.danger-button:hover{background:var(--koc-red);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--koc-green);border:1px solid var(--koc-gold);border-radius:.75rem;padding:1.5rem;max-width:420px;width:calc(100% - 2rem);display:grid;gap:1rem}.modal__title{font-family:var(--font-display);font-size:1.5rem;color:var(--koc-gold);margin:0;text-transform:uppercase;letter-spacing:.1em}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.connection-indicator{position:fixed;bottom:.75rem;right:.75rem;font-family:var(--font-display);letter-spacing:.1em;font-size:.9rem;padding:.3rem .75rem;border-radius:999px;background:#0006;color:var(--koc-cream);text-transform:uppercase}.connection-indicator--connected{color:var(--koc-gold)}.connection-indicator--connecting{color:var(--koc-cream)}.connection-indicator--disconnected{color:#ffb4b4}
/*# sourceMappingURL=client.css.map */