.ni{--ni-fill:#2a8f8a;--ni-line:#1f6f6b;max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'shape right' 'map right';gap:22px 34px;align-items:start}.ni-shape{grid-area:shape;position:relative;margin:0;aspect-ratio:1;border-radius:26px;background:var(--g-key);box-shadow:var(--g-key-shadow);display:grid;place-items:center;overflow:hidden;animation:g-pop-in .55s var(--ease-spring) both}.ni-shape::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgb(42 143 138 / .10),transparent 62%),repeating-linear-gradient(0deg,transparent 0 23px,var(--g-key-line) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,var(--g-key-line) 23px 24px);pointer-events:none}.ni-svg{position:relative;width:86%;height:86%;overflow:visible}.ni-path{fill:var(--ni-fill);fill-opacity:1;stroke:var(--ni-line);stroke-width:.5;stroke-linejoin:round;transition:fill .6s var(--ease),stroke .6s var(--ease)}.ni-shape.is-draw .ni-path{fill-opacity:0;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:ni-draw 1.5s var(--ease) forwards,ni-fill .7s var(--ease) 1.15s forwards}.ni-shape.is-shown .ni-path{animation:g-pop-in .5s var(--ease-spring) both}.ni-shape.is-win{box-shadow:0 0 0 3px var(--lx-green),var(--g-key-shadow)}.ni-shape.is-win .ni-path{fill:var(--lx-green);stroke:#16784f}.ni-shape.is-win .ni-svg{animation:ni-float 3.2s ease-in-out infinite}.ni-shape.is-lose .ni-path{fill:var(--color-text-muted);stroke:var(--color-text-soft)}@keyframes ni-draw{to{stroke-dashoffset:0}}@keyframes ni-fill{to{fill-opacity:1}}@keyframes ni-float{50%{transform:translateY(-6px) rotate(-1deg)}}.ni-north{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:900;color:var(--color-text-muted);letter-spacing:.06em}.ni-north svg{fill:var(--color-brand)}.ni-cap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:16px;background:var(--color-bg);box-shadow:var(--shadow-soft);text-align:center;animation:g-rise .45s var(--ease) both}.ni-cap strong{font-size:22px;font-weight:900;color:var(--color-ink);line-height:1.15}.ni-cap span{font-size:13px;color:var(--color-text-soft)}.ni-map{grid-area:map;position:relative;padding:10px 10px 6px;border-radius:20px;background:var(--g-key);box-shadow:var(--g-key-shadow);animation:g-rise .5s var(--ease) both .15s}.ni-map svg{display:block;width:100%;height:auto}.ni-land{fill:var(--color-bg-soft);stroke:var(--color-border-strong);stroke-width:.35}.ni-dot{fill:var(--color-text-muted);opacity:.38}.ni-mg circle{stroke:var(--color-bg);stroke-width:1;animation:g-pop-in .45s var(--ease-spring) both;transform-box:fill-box;transform-origin:center}.ni-tgt circle{fill:var(--lx-green)}.ni-tgt__ring{fill:none!important;stroke:var(--lx-green);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:ni-ping 1.6s var(--ease) infinite}.ni-tgt__t{font:900 7px var(--font-sans);fill:var(--color-ink);paint-order:stroke;stroke:var(--g-key);stroke-width:2.4px}@keyframes ni-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}.ni-map__l{margin:2px 4px 0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.ni-right{grid-area:right;min-width:0;display:flex;flex-direction:column;gap:14px}.ni-form{display:flex;gap:8px;animation:g-rise .45s var(--ease) both .08s}.ni-combo{position:relative;flex:1;min-width:0}.ni-combo.is-shake{animation:lx-shake .4s}.ni-input{width:100%;min-height:54px;border-radius:16px;border:2px solid var(--color-border-strong);background:var(--g-key);color:var(--color-ink);font:700 17px var(--font-sans);padding:0 16px;outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ni-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px var(--color-brand-soft)}.ni-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;list-style:none;margin:0;padding:6px;border-radius:16px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lift);max-height:320px;overflow:auto;animation:g-rise .2s var(--ease) both}.ni-opt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;cursor:pointer;color:var(--color-ink);font-size:16px}.ni-opt strong{font-weight:800}.ni-opt span{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.ni-opt.is-sel,.ni-opt:hover{background:var(--color-brand-soft)}.ni-opt.is-sel strong{color:var(--color-brand)}.ni-rows{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ni-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 46px 108px;gap:6px;min-height:50px}.ni-row>span{display:flex;align-items:center;min-width:0;padding:0 12px;border-radius:12px;background:var(--g-key);box-shadow:var(--g-key-shadow);font-size:15px;font-weight:800;color:var(--color-ink)}.ni-row__n{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ni-row__d{justify-content:flex-end;font-variant-numeric:tabular-nums}.ni-row__d b{font-weight:900;margin-right:3px}.ni-row__a{justify-content:center;padding:0!important}.ni-arrow{width:24px;height:24px;fill:var(--color-brand);transform:rotate(var(--b,0deg));transition:transform .9s var(--ease-spring)}.ni-row__p{position:relative;overflow:hidden;justify-content:flex-end}.ni-row__p i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:linear-gradient(90deg,rgb(242 183 5 / .25),rgb(31 157 107 / .35));border-radius:inherit;transition:width .9s var(--ease)}.ni-row__p b{position:relative;font-weight:900;font-variant-numeric:tabular-nums}.ni-row.is-new>span{animation:lx-flip .5s ease-in-out both}.ni-row.is-new>span:nth-child(2){animation-delay:.08s}.ni-row.is-new>span:nth-child(3){animation-delay:.16s}.ni-row.is-new>span:nth-child(4){animation-delay:.24s}.ni-row.is-new .ni-arrow{animation:ni-spin .9s var(--ease-spring) both .2s}@keyframes ni-spin{from{transform:rotate(calc(var(--b,0deg) - 360deg))}to{transform:rotate(var(--b,0deg))}}.ni-row.is-ok>span{background:var(--lx-green);color:#fff;box-shadow:none}.ni-row.is-ok .ni-row__p i{background:rgb(255 255 255 / .18)}.ni-ok{font-size:22px;line-height:1}.ni-row.is-empty{display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px dashed var(--color-border-strong);color:var(--color-text-muted);font-size:12px;font-weight:700;letter-spacing:.1em}.ni-row.is-empty>span{all:unset}.ni-tools{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ni-tools [hidden]{display:none!important}.ni-hinttext{margin:0;padding:12px 16px;border-radius:14px;background:rgb(242 183 5 / .16);font-size:17px;font-weight:900;color:var(--color-ink)}.ni-hinttext .pg-label{margin:0 0 2px}.ni-end{padding:22px;border-radius:20px;background:var(--g-key);box-shadow:var(--g-key-shadow);text-align:center;animation:g-pop-in .5s var(--ease-spring) both}.ni-end .pg-label{margin:0 0 4px}.ni-end__name{font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.1;color:var(--color-ink);margin:0 0 16px}.ni.is-won .ni-end__name{color:var(--lx-green)}.ni-end__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media (max-width:1100px){.ni{max-width:820px}}@media (max-width:860px){.ni{grid-template-columns:1fr;grid-template-areas:'shape' 'right' 'map';gap:16px}.ni-shape{width:min(100%,380px);justify-self:center}.ni-map{max-width:520px;width:100%;justify-self:center}}@media (max-width:760px){.ni-shape{width:min(100%,330px);border-radius:22px}.ni-row{grid-template-columns:minmax(0,1fr) 70px 38px 62px;gap:5px;min-height:46px}.ni-row>span{padding:0 9px;font-size:14px;border-radius:10px}.ni-row__p b{font-size:13px}.ni-arrow{width:20px;height:20px}.ni-input{min-height:52px;font-size:16px}.ni-form .pg-btn{padding:12px 18px}.ni-cap strong{font-size:19px}}