.igorder{--blue:#123d82;--sky:#e9f5ff;--orange:#ff902f;--ink:#193458;--muted:#63778f;font-family:inherit;color:var(--ink);max-width:860px;margin:28px auto;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#f0f8ff,#fff7ed);box-shadow:0 12px 38px #17427719;border:1px solid #dbe9fa}
.igorder *{box-sizing:border-box}.igorder-inner{padding:clamp(20px,5vw,42px)}.igorder-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.igorder-kicker{color:#2a66b2;font-weight:850;letter-spacing:.09em;font-size:12px}.igorder h2{font-size:clamp(26px,5vw,38px);line-height:1.15;color:var(--blue);margin:12px 0}.igorder p{line-height:1.6}.igorder-center{text-align:center;max-width:620px;margin:auto}.igorder-hero{font-size:68px;line-height:1.3}.igorder-btn{appearance:none;border:0;border-radius:15px;padding:13px 19px;font:inherit;font-weight:800;cursor:pointer;background:var(--orange);color:#262a36;box-shadow:0 4px 0 #c96b1c;margin:6px}.igorder-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.igorder-btn:focus-visible,.igorder-tile:focus-visible{outline:3px solid #1b71df;outline-offset:3px}.igorder-btn.secondary{background:#fff;color:var(--blue);border:1px solid #a9c8ee;box-shadow:none}.igorder-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.igorder-progress{height:12px;border-radius:20px;background:#dceafb;overflow:hidden;margin:16px 0 25px}.igorder-fill{height:100%;width:0;background:linear-gradient(90deg,#198ad2,#ff9b3d);transition:width .2s}.igorder-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0}.igorder-pill{border-radius:30px;background:#fff;border:1px solid #d9e6f6;padding:8px 14px;font-weight:750;font-size:14px}.igorder-clue{padding:20px;border:1px solid #dceafb;background:white;border-radius:20px;text-align:center;margin:18px 0}.igorder-clue strong{display:block;font-size:clamp(24px,5vw,34px);color:var(--blue)}.igorder-muted{color:var(--muted)}.igorder-tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:66px;margin:12px 0 20px}.igorder-tile{border:2px solid #a8c9f4;border-radius:13px;background:#fff;color:#184784;min-width:42px;min-height:49px;padding:7px 10px;font-size:23px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #c8d9f0}.igorder-tile.used{visibility:hidden}.igorder-tile.answer{background:#e4f2ff;border-color:#4a91dc}.igorder-tile:disabled{cursor:default}.igorder-status{min-height:29px;font-weight:750;margin:10px 0;color:#235caa}.igorder-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.igorder-good{color:#188153}.igorder-bad{color:#b04438}.igorder-note{font-size:13px;color:var(--muted);margin-top:14px}.igorder button{touch-action:manipulation}@media(max-width:420px){.igorder-inner{padding:18px 13px}.igorder-tile{min-width:35px;min-height:45px;padding:5px 8px;font-size:20px}.igorder-btn{padding:12px 13px}}