*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0b1620;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body{font-family:'Inter','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#14202B}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
#stage{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0}
.k{width:1280px;height:800px;background:#F3F1EC;display:flex;flex-direction:column;overflow:hidden}
.k.green{background:#E6F3EA}
.top{height:88px;flex:none;background:#0F2A43;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px}
.top.gate{background:#7A3E00}.top.ok{background:#0B5B2E}
.brand{font-weight:800;font-size:26px;letter-spacing:.06em}
.sub{font-size:17px;color:#D6E0EA}
.step{font-size:20px;font-weight:600;color:#D6E0EA}
.lang{display:flex;border:2px solid #fff;border-radius:999px;overflow:hidden;font-size:18px;font-weight:700}
.lang button{padding:10px 22px;color:#fff}
.lang button.on{background:#fff;color:#0F2A43}
.main{flex:1;min-height:0;padding:24px 48px 0;display:flex;flex-direction:column;gap:16px}
.main.row{flex-direction:row;gap:40px}
.center{align-items:center;justify-content:center;text-align:center;gap:20px}
.title{font-size:36px;font-weight:800;color:#0F2A43;line-height:1.15}
.hi{font-size:22px;font-weight:600;color:#4A5A68}
.foot{flex:none;display:flex;gap:24px;padding:16px 48px 28px;align-items:center}
.btn{display:flex;align-items:center;justify-content:center;min-height:76px;border-radius:16px;font-size:26px;font-weight:800;padding:0 36px;text-align:center}
.btn.back{background:#fff;border:2px solid #0F2A43;color:#0F2A43}
.btn.go{background:#0B7A3E;color:#fff;margin-left:auto;min-width:420px}
.btn.go[disabled]{background:#9DB5A6;cursor:default}
.btn.add{background:#fff;border:3px solid #0F2A43;color:#0F2A43;flex:1}
.btn.alt{background:#fff;border:2px solid #7A8794;color:#4A5A68}
.btn.navy{background:#0F2A43;color:#fff}
.btn.amber{background:#7A3E00;color:#fff;margin-left:auto;min-width:420px}
.btn.amber[disabled]{background:#C9A98A;cursor:default}
.who{display:inline-flex;align-items:center;gap:10px;background:#DDE8F2;color:#0F2A43;border-radius:999px;padding:8px 20px;font-size:22px;font-weight:700;align-self:flex-start}
.search{height:76px;background:#fff;border:3px solid #0F2A43;border-radius:16px;display:flex;align-items:center;padding:0 24px;font-size:32px;font-weight:700;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.name{min-height:84px;background:#fff;border:2px solid #C9D2DA;border-radius:16px;display:flex;align-items:center;padding:0 24px;font-size:24px;font-weight:700;text-align:left}
.letters{display:grid;grid-template-columns:repeat(13,1fr);gap:8px}
.l{min-height:52px;background:#E4E9EE;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}
.l.del{background:#F6D9D6;color:#8A1C12}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:2px solid #C9D2DA;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:290px;text-align:left}
.card .po{font-size:34px;font-weight:800;color:#0F2A43}
.card .sty{font-size:28px;font-weight:800;color:#0F2A43;word-break:break-word}
.card .meta{font-size:20px;color:#4A5A68;font-weight:600}
.pend{margin-top:auto;font-size:24px;font-weight:800;color:#8A4B00;background:#FFF1D6;border-radius:10px;padding:8px 14px;align-self:flex-start}
.multi{margin-top:auto;font-size:22px;font-weight:800;color:#0F2A43;background:#DDE8F2;border-radius:10px;padding:8px 14px;align-self:flex-start}
.info{background:#fff;border:2px solid #C9D2DA;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px}
.info .sty{font-size:40px;font-weight:800;color:#0F2A43}
.left{width:440px;display:flex;flex-direction:column;gap:16px}
.right{flex:1;display:flex;flex-direction:column;gap:14px}
.disp{height:100px;background:#fff;border:3px solid #0F2A43;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.disp b{font-size:60px}.disp span{font-size:22px;color:#4A5A68;font-weight:600}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.key{min-height:80px;background:#fff;border:2px solid #C9D2DA;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800}
.key.clr{background:#F6D9D6;color:#8A1C12;font-size:26px}.key.del{background:#E4E9EE}
.row-item{background:#fff;border:2px solid #C9D2DA;border-radius:16px;min-height:88px;display:flex;align-items:center;gap:24px;padding:0 24px}
.row-item .sty{font-size:30px;font-weight:800;color:#0F2A43;width:170px}
.row-item .det{flex:1;font-size:20px;font-weight:600;color:#4A5A68}
.row-item .q{font-size:34px;font-weight:800;width:130px;text-align:right}
.sm{min-height:56px;min-width:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:2px solid #0F2A43;color:#0F2A43;background:#fff;padding:0 16px}
.sm.rm{border-color:#8A1C12;color:#8A1C12}
.tot{display:flex;justify-content:space-between;padding:4px 8px;font-size:26px;font-weight:800}
.err{display:flex;gap:12px;align-items:center;background:#FBE3E0;color:#8A1C12;border-radius:14px;padding:14px 18px;font-size:22px;font-weight:700}
.note{background:#FFF1D6;border-radius:14px;padding:12px 18px;font-size:20px;font-weight:600;color:#6B3A00}
.tbl{background:#fff;border:2px solid #C9D2DA;border-radius:18px;overflow:hidden}
.tr{display:grid;grid-template-columns:110px 1fr 120px 150px;align-items:center;min-height:68px;padding:0 20px;border-top:2px solid #E4E9EE;font-size:23px;font-weight:700}
.tr.h{background:#E4E9EE;border-top:0;min-height:44px;font-size:15px;color:#4A5A68;text-transform:uppercase;letter-spacing:.06em}
.tr .n{text-align:right}
.cnt{border:3px solid #C9D2DA;border-radius:12px;padding:6px 12px;text-align:right;background:#fff;font-size:26px}
.cnt.sel{border-color:#7A3E00;background:#FFF8EC}
.cnt.diff{background:#FFE7C2}
.lbl{font-size:20px;font-weight:700;color:#7A3E00}
.dots{height:62px;background:#fff;border:3px solid #C9D2DA;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:34px}
.dots.sel{border-color:#7A3E00}
.ap{background:#fff;border:2px solid #C9D2DA;border-radius:20px;min-height:270px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.av{width:96px;height:96px;border-radius:50%;background:#DDE8F2;color:#0F2A43;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800}
.ap .nm{font-size:30px;font-weight:800;color:#0F2A43}
.ap .rl{font-size:21px;font-weight:600;color:#4A5A68}
.mk{font-size:18px;font-weight:600;color:#4A5A68;background:#EEF2F5;border-radius:999px;padding:6px 16px}
.sum{background:#fff;border:2px solid #C9D2DA;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;font-size:22px;font-weight:600}
.sum .r{display:flex;justify-content:space-between;gap:16px}.sum b{font-size:26px;text-align:right}
.boxes{display:flex;gap:12px}
.bx{flex:1;height:96px;background:#fff;border:3px solid #0F2A43;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:800}
.bx.e{border-color:#C9D2DA}
.meta2{display:flex;justify-content:space-between;font-size:22px;font-weight:700;color:#4A5A68}
.ring{width:150px;height:150px;border-radius:50%;background:#0B7A3E;display:flex;align-items:center;justify-content:center}
.big{font-size:54px;font-weight:800;color:#0B5B2E}
.bigN{font-size:52px;font-weight:800;color:#0F2A43}
.cardc{background:#fff;border:2px solid #A9CDB6;border-radius:20px;padding:18px 44px;display:flex;flex-direction:column;gap:4px}
.cn{font-size:44px;font-weight:800;color:#0F2A43;letter-spacing:.04em}
.sm2{font-size:22px;font-weight:600;color:#4A5A68}
.bar{width:520px;height:16px;background:#DDE8F2;border-radius:8px;overflow:hidden}
.bar i{display:block;height:100%;width:30%;background:#0B7A3E;border-radius:8px;animation:slide 1.6s ease-in-out infinite alternate}
@keyframes slide{from{margin-left:0}to{margin-left:70%}}
.errbox{max-width:820px}
.hide{display:none}
.toast{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);background:#14202B;color:#fff;padding:14px 26px;border-radius:12px;font-size:22px;font-weight:600;z-index:5}