.tutorial-overlay{position:fixed;inset:0;z-index:10000;pointer-events:all;font-family:Source Sans\ 3,Source Sans Pro,sans-serif}.tutorial-backdrop{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.78) 0,rgba(0,0,0,.92) 100%);animation:tutBackdropIn .4s ease-out both}.tutorial-backdrop:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px);pointer-events:none}.tutorial-backdrop:after{content:"";position:absolute;inset:18px;pointer-events:none;background-image:linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary));background-repeat:no-repeat;background-size:22px 1px,1px 22px,22px 1px,1px 22px,22px 1px,1px 22px,22px 1px,1px 22px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;opacity:.55}@keyframes tutBackdropIn{0%{opacity:0}to{opacity:1}}.tutorial-spotlight{position:fixed;box-shadow:0 0 0 9999px rgba(0,0,0,.85);border:none;pointer-events:none;transition:top .42s cubic-bezier(.16,1,.3,1),left .42s cubic-bezier(.16,1,.3,1),width .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1);z-index:10001}.tutorial-spotlight:before{content:"";position:absolute;inset:-10px;background-image:linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary),var(--primary));background-repeat:no-repeat;background-size:28px 3px,3px 28px,28px 3px,3px 28px,28px 3px,3px 28px,28px 3px,3px 28px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--primary) 70%,transparent));animation:tutSpotPulse 2.4s ease-in-out infinite;pointer-events:none}.tutorial-spotlight:after{content:"";position:absolute;inset:-2px;border:1px dashed color-mix(in srgb,var(--primary) 35%,transparent);pointer-events:none}@keyframes tutSpotPulse{0%,to{opacity:.85;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--primary) 50%,transparent))}50%{opacity:1;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--primary) 90%,transparent))}}.tutorial-tooltip{--tut-ink:#f4f1e8;--tut-bg:#0a0c0a;--tut-accent:var(--primary);position:fixed;z-index:10002;max-width:460px;display:flex;flex-direction:column;color:var(--tut-ink);background:linear-gradient(180deg,rgba(15,18,15,.98),rgba(8,10,8,.99));border:1px solid color-mix(in srgb,var(--tut-accent) 65%,transparent);border-top:2px solid var(--tut-accent);border-left:4px solid var(--tut-accent);box-shadow:0 30px 80px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.6),0 0 60px -20px var(--tut-accent);font-family:Source Sans\ 3,Source Sans Pro,sans-serif;animation:tutTooltipIn .5s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.tutorial-tooltip:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--tut-accent) 50%,transparent 100%);animation:tutScanline 2.2s linear infinite;pointer-events:none}.tutorial-tooltip:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);pointer-events:none}@keyframes tutTooltipIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutScanline{0%{transform:translateY(0);opacity:.9}50%{transform:translateY(4px);opacity:1}to{transform:translateY(0);opacity:.9}}.tutorial-tooltip-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.tutorial-tooltip-actions,.tutorial-tooltip-header,.tutorial-tooltip>.tutorial-dots{flex-shrink:0}.tutorial-tooltip-header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.95rem;gap:.95rem;padding:1.05rem 1.15rem .85rem 1.05rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tut-accent) 12%,transparent) 0,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--tut-ink) 10%,transparent)}.tutorial-tooltip-header:before{left:0;border-left:2px solid var(--tut-accent)}.tutorial-tooltip-header:after,.tutorial-tooltip-header:before{content:"";position:absolute;top:0;width:14px;height:14px;border-top:2px solid var(--tut-accent);pointer-events:none}.tutorial-tooltip-header:after{right:0;border-right:2px solid var(--tut-accent)}.tutorial-step-badge{display:flex;align-items:baseline;justify-content:center;gap:.15rem;min-width:auto;background:none;color:var(--tut-accent);font-family:var(--font-heading,"Rajdhani",sans-serif);font-size:2.6rem;font-weight:800;line-height:.85;letter-spacing:-.02em;border-right:1px solid color-mix(in srgb,var(--tut-ink) 14%,transparent);padding:.55rem .95rem 0 0;flex-shrink:0;text-shadow:0 0 22px color-mix(in srgb,var(--tut-accent) 35%,transparent)}.tutorial-step-badge:after{content:""}.tutorial-step-badge{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tutorial-tooltip-title{flex:1 1;margin:0;font-family:var(--font-heading,"Rajdhani",sans-serif);font-size:1.05rem;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--tut-ink);line-height:1.15;padding-top:.55rem;position:relative}.tutorial-tooltip-title:before{content:"";display:block;width:28px;height:2px;background:var(--tut-accent);margin-bottom:.35rem;box-shadow:0 0 10px var(--tut-accent)}.tutorial-close-btn{align-self:flex-start;background:rgba(0,0,0,.5);border:1px solid color-mix(in srgb,var(--tut-ink) 14%,transparent);color:color-mix(in srgb,var(--tut-ink) 65%,transparent);font-family:Courier New,monospace;font-size:.85rem;cursor:pointer;padding:.2rem .5rem;line-height:1;transition:color .18s ease,border-color .18s ease,background .18s ease}.tutorial-close-btn:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,rgba(0,0,0,.5))}.tutorial-tooltip-content{margin:0;padding:1.15rem 1.15rem 1rem 1.05rem;font-family:Source Sans\ 3,Source Sans Pro,sans-serif;font-size:.92rem;line-height:1.6;color:color-mix(in srgb,var(--tut-ink) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tut-ink) 8%,transparent);position:relative}.tutorial-tooltip-content:first-letter{font-family:var(--font-heading,"Rajdhani",sans-serif);font-size:1.05em;font-weight:700;color:var(--tut-accent)}.tutorial-tooltip-actions{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.85rem 1.15rem .85rem 1.05rem}.tutorial-btn-group{display:flex;gap:.5rem}.tutorial-btn{padding:.55rem .95rem;font-family:var(--font-heading,"Rajdhani",sans-serif);font-size:.74rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;border:1px solid transparent;background:none}.tutorial-btn-skip{border-color:transparent;color:color-mix(in srgb,var(--tut-ink) 50%,transparent);padding-left:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;-webkit-text-decoration-color:color-mix(in srgb,var(--tut-ink) 25%,transparent);text-decoration-color:color-mix(in srgb,var(--tut-ink) 25%,transparent)}.tutorial-btn-skip:hover{color:var(--tut-ink);-webkit-text-decoration-color:var(--tut-ink);text-decoration-color:var(--tut-ink)}.tutorial-btn-prev{border-color:color-mix(in srgb,var(--tut-ink) 22%,transparent);color:color-mix(in srgb,var(--tut-ink) 80%,transparent);background:rgba(0,0,0,.4)}.tutorial-btn-prev:hover{border-color:var(--tut-ink);color:var(--tut-ink);transform:translateX(-2px)}.tutorial-btn-next{border-color:var(--tut-accent);background:var(--tut-accent);color:#0a0d08;position:relative;padding-right:1.95rem}.tutorial-btn-next:after{content:"→";position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-family:Courier New,monospace;font-size:.95rem;font-weight:800;transition:transform .25s ease}.tutorial-btn-next:hover{background:color-mix(in srgb,var(--tut-accent) 85%,white);border-color:color-mix(in srgb,var(--tut-accent) 85%,white);box-shadow:0 0 22px -4px var(--tut-accent)}.tutorial-btn-next:hover:after{transform:translateY(-50%) translateX(4px)}.tutorial-dots{display:flex;gap:4px;padding:0 1.15rem .95rem 1.05rem;align-items:center}.tutorial-dot{flex:1 1;height:4px;border-radius:0;border:none;background:color-mix(in srgb,var(--tut-ink) 12%,transparent);transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.tutorial-dot.completed{background:color-mix(in srgb,var(--tut-accent) 60%,transparent)}.tutorial-dot.active{background:var(--tut-accent);box-shadow:0 0 10px var(--tut-accent);transform:scaleY(1.6)}.tutorial-tooltip>.tutorial-dots:after{content:"// CLASSIFIED // EYES ONLY";position:absolute;right:1.05rem;bottom:.35rem;font-family:Courier New,monospace;font-size:.55rem;font-weight:700;letter-spacing:1.6px;color:color-mix(in srgb,var(--tut-accent) 50%,transparent);text-transform:uppercase;pointer-events:none}body:has(.tutorial-buttons)>.version-info-wrapper{display:none}.tutorial-buttons{position:fixed;bottom:1rem;left:1rem;z-index:1002;display:flex;gap:0;flex-direction:column}.tutorial-buttons .version-info-wrapper{position:static;z-index:auto;margin-bottom:.25rem}.tutorial-debug-btn{padding:.35rem .75rem;font-family:Courier New,monospace;font-size:.688rem;letter-spacing:1px;background:rgba(20,20,20,.95);border:1px solid rgba(255,255,255,.08);color:var(--primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.tutorial-debug-btn:first-of-type{border-bottom:none}.tutorial-debug-btn:hover{background:rgba(74,124,35,.15);border-color:rgba(74,124,35,.3)}.tutorial-admin-btn{color:#c9a040}.tutorial-admin-btn:hover{background:rgba(201,160,64,.1);border-color:rgba(201,160,64,.3)}.tutorial-tooltip.has-dummy-form{max-width:480px}.tutorial-dummy-wrapper{margin:0 1.05rem 1rem}.tutorial-dummy-form{background:rgba(0,0,0,.3);border:1px solid var(--border);padding:.6rem;font-size:.75rem}.tutorial-dummy-form.tutorial-dummy-admin{border-color:rgba(201,160,64,.3);background:rgba(201,160,64,.04)}.tutorial-dummy-title{font-size:.72rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tutorial-dummy-admin .tutorial-dummy-title{color:#c9a040}.tutorial-dummy-form input,.tutorial-dummy-form select,.tutorial-dummy-form textarea{pointer-events:none;opacity:.85}.tutorial-dummy-btn-submit{display:inline-block;padding:.3rem 1rem;font-size:.7rem;font-family:Courier New,monospace;background:rgba(74,124,35,.2);border:1px solid var(--primary);color:var(--primary);letter-spacing:.5px}.tutorial-dummy-status-btn{padding:.2rem .5rem;font-size:.688rem;font-family:Courier New,monospace;border:1px solid var(--border);color:var(--muted);background:transparent}.tutorial-dummy-status-btn.active{border-color:#c9a040;color:#c9a040;background:rgba(201,160,64,.1)}.tutorial-dummy-action-btn{padding:.2rem .5rem;font-size:.688rem;font-family:Courier New,monospace;border:1px solid var(--border);color:var(--text);background:transparent}.tutorial-dummy-action-btn.danger{border-color:var(--danger);color:var(--danger)}@media (max-width:768px){.tutorial-tooltip{border-left-width:3px}.tutorial-tooltip,.tutorial-tooltip.has-dummy-form{max-width:calc(100vw - 1.5rem)}.tutorial-dummy-wrapper{margin:0 .85rem .85rem}.tutorial-tooltip-header{padding:.85rem .9rem .7rem .85rem;gap:.75rem}.tutorial-step-badge{font-size:1.95rem;padding-right:.7rem}.tutorial-tooltip-title{font-size:.85rem;letter-spacing:1.4px;padding-top:.4rem}.tutorial-tooltip-title:before{width:22px;margin-bottom:.3rem}.tutorial-tooltip-content{padding:.95rem .9rem .85rem .85rem;font-size:.85rem;line-height:1.55}.tutorial-tooltip-actions{grid-template-columns:1fr;gap:.55rem;padding:.75rem .9rem .75rem .85rem}.tutorial-btn-group{width:100%;justify-content:flex-end}.tutorial-btn{padding:.5rem .85rem;font-size:.7rem}.tutorial-dots{gap:3px;padding:0 .9rem .85rem .85rem}.tutorial-dot{height:3px}.tutorial-tooltip>.tutorial-dots:after{font-size:.5rem;right:.85rem;bottom:.3rem}.tutorial-buttons{bottom:.5rem;left:.5rem}.tutorial-debug-btn{font-size:.688rem;padding:.3rem .5rem}.tutorial-dummy-form{padding:.4rem;font-size:.688rem}.tutorial-dummy-form div[style*=grid],.tutorial-dummy-grid{grid-template-columns:1fr!important}.tutorial-dummy-title{font-size:.688rem}.tutorial-dummy-btn-submit{font-size:.688rem;padding:.25rem .6rem}.tutorial-dummy-action-btn,.tutorial-dummy-status-btn{font-size:.688rem;padding:.15rem .35rem}.tutorial-spotlight{transition:none}}