/* ====================================================
   NUMBER WHEEL — Premium Purple/Blue Theme
   TheWheelOfName.com
   ==================================================== */
:root {
  --nw-purple:      #6C4DF6;
  --nw-purple-d:    #5538E0;
  --nw-purple-l:    #EDE9FE;
  --nw-blue:        #3B82F6;
  --nw-cyan:        #06B6D4;
  --nw-green:       #22C55E;
  --nw-amber:       #F59E0B;
  --nw-red:         #EF4444;
  --nw-pink:        #EC4899;
  --nw-bg:          #F8FAFC;
  --nw-white:       #FFFFFF;
  --nw-g50:         #F9FAFB;
  --nw-g100:        #F3F4F6;
  --nw-g200:        #E5E7EB;
  --nw-g400:        #9CA3AF;
  --nw-g600:        #4B5563;
  --nw-g800:        #1F2937;
  --nw-r:           16px;
  --nw-sh-sm:       0 1px 4px rgba(0,0,0,.06);
  --nw-sh-md:       0 4px 18px rgba(0,0,0,.1);
  --nw-sh-lg:       0 10px 40px rgba(0,0,0,.14);
  --nw-font:        'Nunito','Inter',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body.nw-page{font-family:var(--nw-font);background:var(--nw-bg);color:var(--nw-g800);min-height:100vh}

/* NAV */
.nw-nav{position:sticky;top:0;z-index:200;background:var(--nw-white);border-bottom:1px solid var(--nw-g200);box-shadow:var(--nw-sh-sm)}
.nw-nav-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:64px}
.nw-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.nw-logo-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6C4DF6,#3B82F6);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.nw-logo-text{font-weight:900;font-size:1.1rem;color:var(--nw-g800);line-height:1}
.nw-logo-text span{color:var(--nw-red)}
.nw-nav-links{display:flex;gap:2px;flex:1}
.nw-nav-links a{font-size:.85rem;font-weight:600;color:var(--nw-g600);text-decoration:none;padding:.4rem .85rem;border-radius:8px;transition:background .15s,color .15s;white-space:nowrap}
.nw-nav-links a:hover{background:var(--nw-g100);color:var(--nw-g800)}
.nw-nav-links a.active{color:var(--nw-purple);background:var(--nw-purple-l)}
.nw-nav-drop{position:relative}
.nw-nav-drop>a{display:flex;align-items:center;gap:3px}
.nw-drop-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--nw-white);border:1px solid var(--nw-g200);border-radius:12px;box-shadow:var(--nw-sh-lg);min-width:190px;padding:6px 0;z-index:300;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s,transform .18s}
.nw-nav-drop:hover .nw-drop-menu{opacity:1;pointer-events:all;transform:translateY(0)}
.nw-drop-menu a{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--nw-g600);text-decoration:none;transition:background .12s}
.nw-drop-menu a:hover{background:var(--nw-purple-l);color:var(--nw-purple)}
.nw-nav-actions{display:flex;gap:6px;flex-shrink:0}
.nw-icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--nw-g100);color:var(--nw-g600);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}
.nw-icon-btn:hover{background:var(--nw-purple-l);color:var(--nw-purple)}

/* HERO */
.nw-hero{background:linear-gradient(135deg,#1a0f4e 0%,#6C4DF6 55%,#3B82F6 100%);padding:3.5rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.nw-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(255,122,0,.15),transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(34,197,94,.15),transparent 55%)}
.nw-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;color:#fff;margin-bottom:.6rem;position:relative}
.nw-hero p{font-size:1rem;color:rgba(255,255,255,.82);max-width:680px;margin:0 auto 2rem;line-height:1.7;position:relative}
.nw-hero-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative}
.nw-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.75rem;border-radius:12px;font-size:.95rem;font-weight:800;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.nw-hero-btn.primary{background:white;color:var(--nw-purple);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.nw-hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.nw-hero-btn.ghost{background:rgba(255,255,255,.15);color:white;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.nw-hero-btn.ghost:hover{background:rgba(255,255,255,.25)}

/* 3-COL LAYOUT */
.nw-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:260px 1fr 280px;gap:1.25rem;padding:1.5rem}

/* LEFT PANEL */
.nw-panel{background:var(--nw-white);border-radius:var(--nw-r);box-shadow:var(--nw-sh-sm);border:1px solid var(--nw-g200);overflow:hidden}
.nw-panel-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--nw-g400);padding:.9rem 1.1rem .5rem;border-bottom:1px solid var(--nw-g100)}
.nw-panel-body{padding:1rem 1.1rem}
.nw-field{margin-bottom:.9rem}
.nw-field label{display:block;font-size:.75rem;font-weight:700;color:var(--nw-g600);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.4px}
.nw-input{width:100%;border:1.5px solid var(--nw-g200);border-radius:10px;padding:.5rem .8rem;font-size:.9rem;font-weight:700;font-family:var(--nw-font);color:var(--nw-g800);background:var(--nw-white);outline:none;transition:border-color .15s}
.nw-input:focus{border-color:var(--nw-purple);box-shadow:0 0 0 3px rgba(108,77,246,.1)}
.nw-check-row{display:flex;align-items:center;gap:.55rem;padding:.28rem 0;cursor:pointer;font-size:.83rem;font-weight:600;color:var(--nw-g700)}
.nw-check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--nw-purple);cursor:pointer}
.nw-select{width:100%;border:1.5px solid var(--nw-g200);border-radius:10px;padding:.5rem .8rem;font-size:.85rem;font-weight:700;font-family:var(--nw-font);color:var(--nw-g800);background:var(--nw-white);outline:none;cursor:pointer;transition:border-color .15s}
.nw-select:focus{border-color:var(--nw-purple)}
.nw-divider{border:none;border-top:1px solid var(--nw-g100);margin:.6rem 0}

/* Learning Mode Toggle */
.nw-learn-toggle{background:linear-gradient(135deg,#EDE9FE,#DBEAFE);border-radius:12px;padding:.85rem;margin-bottom:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.nw-learn-toggle .lt-label{font-size:.82rem;font-weight:800;color:var(--nw-purple)}
.nw-learn-toggle .lt-sub{font-size:.72rem;color:var(--nw-g600)}
.nw-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.nw-toggle input{opacity:0;width:0;height:0}
.nw-toggle-sl{position:absolute;inset:0;border-radius:24px;background:var(--nw-g200);cursor:pointer;transition:background .2s}
.nw-toggle-sl::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:transform .2s;box-shadow:var(--nw-sh-sm)}
.nw-toggle input:checked+.nw-toggle-sl{background:var(--nw-purple)}
.nw-toggle input:checked+.nw-toggle-sl::before{transform:translateX(20px)}

/* CENTER WHEEL AREA */
.nw-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}
.nw-wheel-wrap{position:relative;display:flex;align-items:center;justify-content:center}
.nw-wheel-canvas{border-radius:50%;display:block;filter:drop-shadow(0 8px 32px rgba(108,77,246,.25))}
.nw-needle{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:28px solid #EF4444;filter:drop-shadow(0 2px 4px rgba(239,68,68,.5));z-index:10}
.nw-spin-btn{margin-top:.5rem;padding:.9rem 3.5rem;background:linear-gradient(135deg,#6C4DF6,#3B82F6);color:white;font-size:1.15rem;font-weight:900;border:none;border-radius:40px;cursor:pointer;box-shadow:0 6px 20px rgba(108,77,246,.4);transition:all .2s;font-family:var(--nw-font);letter-spacing:.5px}
.nw-spin-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 10px 28px rgba(108,77,246,.5)}
.nw-spin-btn:disabled{opacity:.6;cursor:not-allowed}
.nw-wheel-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.nw-wh-btn{padding:.48rem 1.1rem;border-radius:10px;font-size:.82rem;font-weight:700;border:1.5px solid var(--nw-g200);background:var(--nw-white);color:var(--nw-g600);cursor:pointer;transition:all .15s;font-family:var(--nw-font)}
.nw-wh-btn:hover{border-color:var(--nw-purple);color:var(--nw-purple)}

/* WINNER POPUP */
.nw-winner-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);align-items:center;justify-content:center}
.nw-winner-overlay.open{display:flex}
/* Inside fullscreen container, overlay must cover the fullscreen element */
#wheelSection:fullscreen .nw-winner-overlay,
#wheelSection:-webkit-full-screen .nw-winner-overlay,
#wheelSection:-moz-full-screen .nw-winner-overlay{position:absolute;inset:0;z-index:9999}
.nw-winner-card{background:var(--nw-white);border-radius:24px;padding:2.5rem 2rem;width:min(460px,92vw);text-align:center;animation:nwPop .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.nw-winner-card .wc-emoji{font-size:3.5rem;margin-bottom:.5rem}
.nw-winner-card .wc-label{font-size:.9rem;font-weight:700;color:var(--nw-g400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.3rem}
.nw-winner-card .wc-num{font-size:5rem;font-weight:900;color:var(--nw-purple);line-height:1;margin-bottom:.2rem}
.nw-winner-card .wc-word{font-size:1.3rem;font-weight:700;color:var(--nw-g600);margin-bottom:1.25rem}
/* Learning mode extras */
.nw-learn-card{background:var(--nw-g50);border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.25rem;text-align:left}
.nw-learn-row{display:flex;justify-content:space-between;align-items:center;padding:.28rem 0;font-size:.85rem;border-bottom:1px solid var(--nw-g100)}
.nw-learn-row:last-child{border-bottom:none}
.nw-learn-row .lr-key{font-weight:700;color:var(--nw-g600)}
.nw-learn-row .lr-val{font-weight:800;color:var(--nw-g800);text-align:right}
.nw-learn-row .badge{display:inline-flex;align-items:center;gap:4px;padding:.15rem .55rem;border-radius:20px;font-size:.75rem;font-weight:800}
.badge-yes{background:#DCFCE7;color:#15803D}
.badge-no{background:#FEE2E2;color:#B91C1C}
.wc-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.wc-btn{padding:.6rem 1.3rem;border-radius:10px;font-size:.85rem;font-weight:800;border:none;cursor:pointer;transition:all .2s;font-family:var(--nw-font)}
.wc-btn.spin-again{background:linear-gradient(135deg,#6C4DF6,#3B82F6);color:white;box-shadow:0 3px 10px rgba(108,77,246,.3)}
.wc-btn.spin-again:hover{transform:translateY(-1px)}
.wc-btn.speak{background:#F59E0B;color:white}
.wc-btn.speak:hover{background:#D97706}
.wc-btn.speak.speaking{background:#EF4444;animation:pulse-speak .8s ease-in-out infinite alternate}
@keyframes pulse-speak{from{opacity:1}to{opacity:.7}}
.wc-btn.remove{background:var(--nw-red);color:white}
.wc-btn.copy{background:var(--nw-g100);color:var(--nw-g700)}
.wc-btn.share{background:var(--nw-green);color:white}
.wc-btn.close-btn{background:var(--nw-g200);color:var(--nw-g600)}
.wc-btn.close-btn:hover{background:var(--nw-g300);color:var(--nw-g800)}

/* RIGHT PANEL */
.nw-presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem 1.1rem}
.nw-preset{padding:.5rem .6rem;border-radius:9px;border:1.5px solid var(--nw-g200);background:var(--nw-white);font-size:.78rem;font-weight:800;color:var(--nw-g700);cursor:pointer;transition:all .15s;text-align:center;font-family:var(--nw-font)}
.nw-preset:hover{border-color:var(--nw-purple);color:var(--nw-purple);background:var(--nw-purple-l)}
.nw-preset.active{border-color:var(--nw-purple);background:var(--nw-purple);color:white}
.nw-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem 1.1rem}
.nw-stat-box{background:var(--nw-g50);border-radius:10px;padding:.7rem .85rem;text-align:center}
.nw-stat-box .sv{font-size:1.4rem;font-weight:900;color:var(--nw-purple)}
.nw-stat-box .sk{font-size:.7rem;font-weight:700;color:var(--nw-g400);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.nw-history{padding:.6rem 1.1rem 1rem}
.nw-history-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--nw-g400);margin-bottom:.5rem}
.nw-hist-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.nw-hist-chip{padding:.28rem .65rem;border-radius:20px;background:var(--nw-purple-l);color:var(--nw-purple);font-size:.8rem;font-weight:800}
.nw-dl-btn{width:100%;padding:.5rem;border-radius:10px;border:1.5px solid var(--nw-g200);background:var(--nw-white);color:var(--nw-g600);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--nw-font)}
.nw-dl-btn:hover{border-color:var(--nw-purple);color:var(--nw-purple)}

/* TABS */
.nw-tabs-section{max-width:1440px;margin:0 auto;padding:0 1.5rem 2rem}
.nw-tab-nav{display:flex;gap:4px;border-bottom:2px solid var(--nw-g200);margin-bottom:1.5rem;overflow-x:auto}
.nw-tab-btn{padding:.7rem 1.25rem;font-size:.88rem;font-weight:700;color:var(--nw-g600);border:none;background:none;cursor:pointer;white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;font-family:var(--nw-font)}
.nw-tab-btn:hover{color:var(--nw-purple)}
.nw-tab-btn.active{color:var(--nw-purple);border-bottom-color:var(--nw-purple)}
.nw-tab-content{display:none}
.nw-tab-content.active{display:block}

/* NUMBER GRID */
.nw-grid-section{background:var(--nw-white);border-radius:var(--nw-r);padding:1.5rem;border:1px solid var(--nw-g200);box-shadow:var(--nw-sh-sm)}
.nw-grid-section h3{font-size:1rem;font-weight:800;color:var(--nw-g800);margin-bottom:1rem}
.nw-num-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-height:320px;overflow-y:auto}
.nw-num-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.78rem;font-weight:700;color:var(--nw-g700);background:var(--nw-g50);cursor:pointer;transition:all .15s;border:1.5px solid transparent}
.nw-num-cell:hover{background:var(--nw-purple-l);color:var(--nw-purple);border-color:var(--nw-purple);transform:scale(1.1)}
.nw-num-cell.active{background:var(--nw-purple);color:white;border-color:var(--nw-purple)}

/* USE CASES */
.nw-usecases{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1rem}
.nw-usecase{background:var(--nw-white);border-radius:14px;padding:1.25rem 1rem;text-align:center;border:1px solid var(--nw-g200);box-shadow:var(--nw-sh-sm);transition:transform .2s,box-shadow .2s}
.nw-usecase:hover{transform:translateY(-3px);box-shadow:var(--nw-sh-md)}
.nw-usecase .uc-icon{font-size:2rem;margin-bottom:.5rem}
.nw-usecase h4{font-size:.85rem;font-weight:800;color:var(--nw-g800);margin-bottom:.25rem}
.nw-usecase p{font-size:.75rem;color:var(--nw-g400);line-height:1.5}

/* RELATED + SEO */
.nw-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:1rem}
.nw-related-link{display:flex;align-items:center;gap:10px;padding:.85rem 1rem;border-radius:12px;border:1.5px solid var(--nw-g200);background:var(--nw-white);text-decoration:none;color:var(--nw-g700);font-size:.85rem;font-weight:700;transition:all .2s}
.nw-related-link:hover{border-color:var(--nw-purple);color:var(--nw-purple);background:var(--nw-purple-l);transform:translateY(-2px)}
.nw-seo{background:var(--nw-white);border-radius:var(--nw-r);padding:1.75rem;margin-bottom:1.25rem;border:1px solid var(--nw-g200);box-shadow:var(--nw-sh-sm)}
.nw-seo h2{font-size:1.2rem;font-weight:900;color:var(--nw-g800);margin-bottom:.65rem}
.nw-seo h3{font-size:.95rem;font-weight:800;color:var(--nw-g700);margin:.9rem 0 .4rem}
.nw-seo p{font-size:.88rem;color:var(--nw-g600);line-height:1.8;margin-bottom:.6rem}
.nw-seo ul{padding-left:1.2rem}
.nw-seo ul li{font-size:.88rem;color:var(--nw-g600);margin-bottom:.35rem;line-height:1.6}
.nw-faq-item{border-bottom:1px solid var(--nw-g100)}
.nw-faq-item:last-child{border-bottom:none}
.nw-faq-q{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;cursor:pointer;font-size:.88rem;font-weight:700;color:var(--nw-g800);gap:.75rem;background:none;border:none;width:100%;text-align:left;font-family:var(--nw-font)}
.nw-faq-q:hover{color:var(--nw-purple)}
.nw-faq-q .fa{font-size:.72rem;color:var(--nw-g400);transition:transform .2s;flex-shrink:0}
.nw-faq-q.open .fa{transform:rotate(180deg)}
.nw-faq-a{display:none;padding:0 0 .9rem;font-size:.85rem;color:var(--nw-g600);line-height:1.75}
.nw-faq-a.open{display:block}

/* NUMBER WORDS TABLE */
.nw-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;max-height:340px;overflow-y:auto;margin-top:.75rem}
.nw-word-row{display:flex;justify-content:space-between;align-items:center;padding:.38rem .75rem;border-radius:8px;background:var(--nw-g50);font-size:.82rem}
.nw-word-row .wn{font-weight:900;color:var(--nw-purple);min-width:36px}
.nw-word-row .ww{font-weight:600;color:var(--nw-g700)}

/* ROMAN NUMERALS GRID */
.nw-roman-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.45rem;margin-top:1rem}
.nw-roman-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:10px;background:var(--nw-g50);border:2px solid transparent;cursor:pointer;transition:all .18s;text-align:center}
.nw-roman-cell:hover{background:#EDE9FE;border-color:var(--nw-purple);transform:translateY(-2px)}
.nw-roman-cell.active{background:linear-gradient(135deg,var(--nw-purple),var(--nw-blue));border-color:transparent;color:white}
.nw-roman-cell.active .rc-num,.nw-roman-cell.active .rc-roman{color:white}
.rc-num{font-size:.75rem;font-weight:900;color:var(--nw-purple);line-height:1}
.rc-roman{font-size:.65rem;font-weight:700;color:var(--nw-g500);line-height:1.4;letter-spacing:.03em}
@@media(max-width:600px){.nw-roman-grid{grid-template-columns:repeat(5,1fr)}}

/* WHEEL SECTION FULLSCREEN */
/* WHEEL SECTION FULLSCREEN */
#wheelSection:fullscreen,
#wheelSection:-webkit-full-screen,
#wheelSection:-moz-full-screen {
  background: linear-gradient(135deg,#1a0f4e 0%,#2d1b69 50%,#1e3a5f 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  overflow: hidden;
}
#wheelSection:fullscreen .nw-wheel-wrap,
#wheelSection:-webkit-full-screen .nw-wheel-wrap,
#wheelSection:-moz-full-screen .nw-wheel-wrap {
  width: var(--nw-fs-size, 80vmin);
  height: var(--nw-fs-size, 80vmin);
  flex-shrink: 0;
}
#wheelSection:fullscreen #wheelCanvas,
#wheelSection:-webkit-full-screen #wheelCanvas,
#wheelSection:-moz-full-screen #wheelCanvas {
  width: 100% !important;
  height: 100% !important;
}
#wheelSection:fullscreen .nw-needle,
#wheelSection:-webkit-full-screen .nw-needle,
#wheelSection:-moz-full-screen .nw-needle { top: -14px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 38px solid #ef4444; }
#wheelSection:fullscreen .nw-spin-btn,
#wheelSection:-webkit-full-screen .nw-spin-btn,
#wheelSection:-moz-full-screen .nw-spin-btn { font-size: 1.3rem; padding: .9rem 3rem; }
#wheelSection:fullscreen .nw-wheel-actions,
#wheelSection:-webkit-full-screen .nw-wheel-actions,
#wheelSection:-moz-full-screen .nw-wheel-actions { gap: .4rem; flex-wrap: wrap; justify-content: center; }
#wheelSection:fullscreen .nw-wh-btn,
#wheelSection:-webkit-full-screen .nw-wh-btn,
#wheelSection:-moz-full-screen .nw-wh-btn { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.25); }
#wheelSection:fullscreen .nw-wh-btn:hover,
#wheelSection:-webkit-full-screen .nw-wh-btn:hover,
#wheelSection:-moz-full-screen .nw-wh-btn:hover { background: rgba(255,255,255,.22); }
#wheelSection:fullscreen #lastResult,
#wheelSection:-webkit-full-screen #lastResult,
#wheelSection:-moz-full-screen #lastResult { color: rgba(255,255,255,.75); font-size: 1rem; }

/* FOOTER */
.nw-footer{background:var(--nw-g800);color:var(--nw-g400);text-align:center;padding:1.5rem;font-size:.82rem;margin-top:3rem}
.nw-footer a{color:var(--nw-g400);text-decoration:none;margin:0 .6rem}
.nw-footer a:hover{color:white}

/* CONFETTI CANVAS */
#confettiCanvas{position:fixed;inset:0;pointer-events:none;z-index:999}

/* ANIMATIONS */
@keyframes nwPop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes nwGlow{0%,100%{box-shadow:0 0 0 0 rgba(108,77,246,0)}50%{box-shadow:0 0 30px 8px rgba(108,77,246,.35)}}
.nw-wheel-canvas.spinning{animation:nwGlow 1s ease infinite}

/* RESPONSIVE */
@media(max-width:1100px){
  .nw-layout{grid-template-columns:220px 1fr 240px}
}
@media(max-width:860px){
  .nw-layout{grid-template-columns:1fr;padding:1rem}
  .nw-right-panel{order:3}
}
@media(max-width:500px){
  .nw-num-grid{grid-template-columns:repeat(5,1fr)}
  .nw-usecases{grid-template-columns:repeat(2,1fr)}
}