.nt-tile{--nt-blue:#3592ff;--nt-ink:#f4f6fa;--nt-mute:rgba(244,246,250,0.62);--nt-panel:rgba(8,11,18,0.78);--nt-line:rgba(53,146,255,0.35);position:relative;overflow:hidden;background:#050608;color:var(--nt-ink);font-family:Open Sauce One,system-ui,sans-serif;touch-action:none}.nt-tile__canvas,.nt-tile__canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.nt-tile.is-touched .nt-tile__canvas canvas:active{cursor:grabbing}.nt-tile__hotspots{position:absolute;inset:0;pointer-events:none}.nt-tile__dot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;margin:-14px 0 0 -14px;padding:0 12px 0 0;height:28px;border:1px solid var(--nt-line);border-radius:999px;background:rgba(5,8,14,.7);color:var(--nt-ink);font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;cursor:pointer;backdrop-filter:blur(6px);transition:opacity .25s ease,border-color .2s ease,background .2s ease;will-change:transform}.nt-tile__num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--nt-blue);color:#04101f;font-weight:700;box-shadow:0 0 0 0 rgba(53,146,255,.6);animation:nt-ping 2.4s ease-out infinite}.nt-tile__dot.is-active,.nt-tile__dot:focus-visible,.nt-tile__dot:hover{border-color:var(--nt-blue);background:rgba(53,146,255,.18);outline:none}.nt-tile__dot:focus-visible{box-shadow:0 0 0 2px #fff}@keyframes nt-ping{0%{box-shadow:0 0 0 0 rgba(53,146,255,.55)}70%,to{box-shadow:0 0 0 12px rgba(53,146,255,0)}}.nt-tile__panel{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(72px,10vh,112px);width:min(380px,calc(100% - 32px));padding:20px 22px 16px;background:var(--nt-panel);border:1px solid var(--nt-line);border-radius:16px;backdrop-filter:blur(14px);animation:nt-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes nt-in{0%{opacity:0;transform:translateY(8px)}}.nt-tile__kicker{font:500 11px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--nt-blue)}.nt-tile__title{margin:10px 0 8px;font:400 clamp(22px,2.4vw,28px)/1.1 Archivo Black,system-ui,sans-serif;letter-spacing:-.01em}.nt-tile__text{margin:0;font-size:15px;line-height:1.55;color:var(--nt-mute)}.nt-tile__nav{display:flex;gap:8px;margin-top:16px}.nt-tile__nav button{min-width:44px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--nt-line);background:transparent;color:var(--nt-ink);cursor:pointer;font:inherit}.nt-tile__nav button:focus-visible,.nt-tile__nav button:hover{border-color:var(--nt-blue);outline:none}.nt-tile__close{margin-left:auto}.nt-tile__hint{position:absolute;left:50%;top:clamp(16px,4vh,32px);transform:translateX(-50%);display:flex;gap:18px;font:500 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--nt-mute);pointer-events:none;transition:opacity .6s ease;white-space:nowrap}.nt-tile.is-touched .nt-tile__hint{opacity:0}.nt-tile__step{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(20px,4vh,40px);display:flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:999px;border:1px solid var(--nt-blue);background:rgba(53,146,255,.12);color:var(--nt-ink);font:600 14px/1 Open Sauce One,system-ui,sans-serif;cursor:pointer}.nt-tile__step:focus-visible,.nt-tile__step:hover{background:rgba(53,146,255,.25);outline:none}.nt-tile__reset{position:absolute;right:clamp(16px,4vw,48px);bottom:calc(clamp(20px, 4vh, 40px) + 56px);display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--nt-line);background:rgba(5,8,14,.7);color:var(--nt-mute);font:500 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease}.nt-tile__reset:focus-visible,.nt-tile__reset:hover{color:var(--nt-ink);border-color:var(--nt-blue);outline:none}.nt-tile__count{padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.45);font:500 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em}.nt-tile__caption{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(20px,4vh,40px);font-size:12px;color:rgba(244,246,250,.42);pointer-events:none}@media (max-width:640px){.nt-tile__lbl{display:none}.nt-tile__dot{padding:0;border:0;background:none}.nt-tile__hint span:last-child{display:none}.nt-tile__panel{bottom:132px}.nt-tile__caption{bottom:96px;display:none}}@media (prefers-reduced-motion:reduce){.nt-tile__num,.nt-tile__panel{animation:none}}