/* STANAG Pill Launcher - Compact & Expandable */
.stanag-pill-launcher{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999;font-family:system-ui,Arial,sans-serif}
.stanag-pill-launcher.pill-ready{transition:all .8s cubic-bezier(.25,.8,.25,1)}
.stanag-pill-launcher.has-selection{top:120px;left:auto;right:120px;transform:translate(0, 0)}
.pill-compact{display:flex;align-items:center;gap:8px;background:#1e1f24;color:#fff;font-size:13px;border-radius:28px;padding:8px 16px;box-shadow:0 4px 14px rgba(0,0,0,0.3);cursor:pointer;transition:transform .25s, box-shadow .25s;line-height:1.2}
.pill-compact:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.4)}
.pill-compact .pill-flag{font-size:18px}
.pill-compact .pill-level{background:#333;padding:2px 8px;border-radius:6px;font-weight:600}
.pill-compact .pill-skill{font-size:16px}
.pill-compact .pill-label{font-size:11px;opacity:0.7;margin-left:4px}
.pill-compact .pill-progress{font-weight:600;font-size:12px}
.pill-compact .pill-timer{font-variant-numeric:tabular-nums;background:#2c2d33;padding:2px 6px;border-radius:6px;font-size:12px}
.pill-expanded{display:none;background:#f5f7fa;border:1px solid #c2c9d1;border-radius:20px;padding:32px 34px 30px;max-width:880px;width:85vw;box-shadow:0 10px 46px -8px rgba(0,0,0,.35);position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);color:#0c141a;z-index:10000}
.stanag-pill-launcher.is-expanded .pill-compact{display:none}
.stanag-pill-launcher.is-expanded .pill-expanded{display:block;animation:panelIn .3s ease}
@keyframes panelIn{from{opacity:0;transform:translate(-50%, -50%) scale(.92)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}
.panel-close{position:absolute;top:14px;right:16px;font-size:26px;line-height:1;background:none;border:none;cursor:pointer;color:#42505c}
.panel-close:hover{color:#111}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin:10px 0 28px}
.step h3{margin:0 0 10px;font-size:18px;letter-spacing:.5px;display:flex;align-items:center;gap:10px;color:#0d2233}
.tile-grid{display:flex;flex-wrap:wrap;gap:12px}
.tile{background:#ffffff;border:1px solid #b5bec7;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;position:relative;min-width:110px;justify-content:center;transition:background .22s,border-color .22s,transform .22s;color:#16212a}
.tile .flag{font-size:20px}
.tile:hover{background:#e9f1f9}
.tile.is-selected{border-color:#1d6ed8;box-shadow:0 0 0 2px rgba(29,110,216,.35);background:#d9ebff;color:#0d2233}
.stamp{display:inline-block;background:#b7c2cc;color:#12202a;font-size:12px;font-weight:700;padding:5px 9px;border-radius:50px;letter-spacing:1px;position:relative;overflow:hidden;transform:scale(.92);transition:background .3s, color .3s}
.stamp.done{background:#187a34;color:#fff}
.stamp.stamped{animation:stampPop .6s ease}
@keyframes stampPop{0%{transform:scale(.4) rotate(-12deg);background:#e74b2f;color:#fff}55%{transform:scale(1.15) rotate(5deg)}70%{transform:scale(.95)}100%{transform:scale(1)} }
.panel-actions{text-align:center;margin-top:8px}
#stanag-start-test{background:#1d6ed8;color:#fff;border:none;padding:14px 48px;font-size:16px;font-weight:600;border-radius:40px;cursor:pointer;letter-spacing:.5px;box-shadow:0 6px 16px -4px rgba(29,110,216,.5);transition:background .25s, transform .25s}
#stanag-start-test.start-disabled{background:#7d8a99;box-shadow:none;cursor:not-allowed}
#stanag-start-test:not(.start-disabled):hover{background:#1556a8;transform:translateY(-2px)}
@media (max-width:800px){.steps{grid-template-columns:1fr}.tile{flex:1 1 calc(50% - 12px)}.pill-expanded{width:95vw;padding:24px 20px;max-height:90vh;overflow-y:auto}.stanag-pill-launcher.has-selection{top:80px;right:16px}}
@media (max-width:600px){.pill-compact{font-size:11px;padding:6px 12px}.pill-compact .pill-label{display:none}.pill-expanded{font-size:14px;padding:20px 16px}.steps{gap:20px}.step h3{font-size:16px}.tile{min-width:90px;padding:12px 14px;font-size:13px}#stanag-start-test{padding:12px 36px;font-size:15px}}