/* ===== DESIGN TOKENS (paleta ARC) ===== */
  :root {
    --arc-cyan:#00d4ff; --arc-green:#00ff41; --arc-red:#ff003c; --arc-amber:#fbbf24;
    --panel:#252535; --panel-border:#3d3d4d; --text-dim:#94a3b8; --text-bright:#e2e8f0;
  }
  /* Accessible focus ring (never leave keyboard users blind) */
  :focus-visible { outline:2px solid var(--arc-cyan); outline-offset:2px; }
  /* Inputs with outline:none get a visible container focus state instead */
  .browser-url-bar:focus-within, .home-search:focus-within, .arc-cmd-modal:focus-within .arc-cmd-box,
  .synth-knob-box:focus-within { outline:2px solid var(--arc-cyan); outline-offset:1px; }

  * { margin:0; padding:0; box-sizing:border-box; user-select:none; -webkit-tap-highlight-color:transparent; }
  html,body { height:100%; overflow:hidden; }
  body { font-family:Tahoma, Verdana, 'Segoe UI', sans-serif; font-size:12px; background:#3a6ea5; }

  #boot { position:fixed; inset:0; z-index:6000; background:#000; transition:opacity .6s; }
  /* ============ STARSHIP ARC — studio intro & AAA menu ============ */
  #nvIntro { position:absolute; inset:0; z-index:60; background:#000; display:none; flex-direction:column; align-items:center; justify-content:center; }
  #nvIntro.show { display:flex; }
  .si-card { position:absolute; inset:0; display:none; flex-direction:column; align-items:center; justify-content:center; gap:22px; }
  .si-card.show { display:flex; }
  .si-logo-img { width:min(220px,42vw); height:auto; opacity:0; filter:drop-shadow(0 0 34px rgba(0,212,255,.8));
    animation:siZoom 2.6s cubic-bezier(.2,.9,.3,1) forwards; }
  .si-card.piper .si-logo-img { filter:drop-shadow(0 0 34px rgba(0,255,65,.75)); }
  .si-name { font-family:'VT323',monospace; font-size:clamp(44px,9vw,92px); letter-spacing:10px; color:#fff; opacity:0;
    animation:siLetters 2.6s ease .35s forwards; }
  .si-card.piper .si-name { color:#7dff9a; text-shadow:0 0 26px rgba(0,255,65,.5); }
  .si-sub { font-family:'VT323',monospace; font-size:clamp(14px,2.4vw,22px); letter-spacing:12px; color:#9fd4ff; text-transform:uppercase; opacity:0;
    animation:siLetters 2.6s ease .6s forwards; }
  .si-coin { position:absolute; top:12%; left:50%; width:26px; height:26px; margin-left:-13px; border-radius:50%;
    background:radial-gradient(circle at 34% 30%, #fff7c2, #fbbf24 55%, #b45309); box-shadow:0 0 26px rgba(251,191,36,.85);
    opacity:0; animation:siCoin 1s cubic-bezier(.3,1.4,.5,1) .25s forwards; }
  .si-skip { position:absolute; bottom:26px; right:32px; color:#3a5a44; font-family:'VT323',monospace; font-size:16px; letter-spacing:2px; }
  @keyframes siZoom { 0%{ opacity:0; transform:scale(2.2); } 35%{ opacity:1; transform:scale(1); } 85%{ opacity:1; } 100%{ opacity:1; } }
  @keyframes siLetters { 0%{ opacity:0; letter-spacing:26px; } 100%{ opacity:1; letter-spacing:10px; } }
  @keyframes siCoin { 0%{ transform:translateY(-60px) scale(.4); opacity:0; } 60%{ opacity:1; } 100%{ transform:translateY(0) scale(1); opacity:1; } }

  /* AAA main menu */
  .nv-menu-wrap { display:flex; flex-direction:column; align-items:center; gap:10px; max-width:92vw; }
  .nv-astro { width:clamp(110px,20vh,170px); height:clamp(110px,20vh,170px); border-radius:50%; object-fit:cover;
    border:3px solid rgba(0,212,255,.55); box-shadow:0 0 34px rgba(0,212,255,.35), inset 0 0 30px rgba(0,0,0,.6);
    background:radial-gradient(circle at 35% 30%, #12203a, #050a14);
    animation:astroFloat 4.5s ease-in-out infinite; font-size:64px; display:flex; align-items:center; justify-content:center; }
  @keyframes astroFloat { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }
  .nv-hero-title { font-family:'VT323',monospace; font-size:clamp(48px,9vw,86px); line-height:.95; letter-spacing:6px; color:#fff;
    text-shadow:0 0 18px #00d4ff, 0 0 48px rgba(168,85,247,.7); animation:heroPulse 3.2s ease-in-out infinite; }
  .nv-hero-title .accent { color:#00ff41; text-shadow:0 0 18px #00ff41, 0 0 48px rgba(0,255,65,.5); }
  @keyframes heroPulse { 0%,100%{ filter:brightness(1); } 50%{ filter:brightness(1.22); } }
  .nv-hero-sub { font-family:'VT323',monospace; font-size:clamp(16px,3vw,24px); letter-spacing:8px; color:#9fd4ff; margin-top:-4px; }
  .nv-hero-tag { font-family:'VT323',monospace; font-size:15px; letter-spacing:4px; color:#5a7f6a; margin-bottom:8px; }
  .nv-primary { width:min(420px,88vw); padding:16px; font-family:'VT323',monospace; font-size:30px; letter-spacing:4px; cursor:pointer;
    color:#02121f; background:linear-gradient(180deg,#7df9ff,#00d4ff 55%,#0090cc);
    border:2px solid #bffbff; border-radius:12px; box-shadow:0 0 28px rgba(0,212,255,.55), inset 0 1px 0 rgba(255,255,255,.7);
    transition:transform .12s ease, box-shadow .12s ease; }
  .nv-primary:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 0 46px rgba(0,212,255,.9), inset 0 1px 0 #fff; }
  .nv-row { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
  .nv-glass { min-width:190px; padding:12px 18px; font-family:'VT323',monospace; font-size:20px; letter-spacing:2px; cursor:pointer;
    color:#cfe8ff; background:rgba(10,25,45,.55); border:1px solid rgba(0,212,255,.4); border-radius:12px;
    backdrop-filter:blur(4px); transition:all .15s ease; }
  .nv-glass:hover { border-color:#00ff41; color:#00ff41; box-shadow:0 0 18px rgba(0,255,65,.35); transform:translateY(-2px); }
  .nv-exit { background:rgba(45,8,18,.55); border-color:rgba(255,0,60,.45); color:#ffb3c1; }
  .nv-exit:hover { border-color:#ff003c; color:#ff003c; box-shadow:0 0 18px rgba(255,0,60,.35); }
  .nv-plate { margin-top:12px; padding:6px 18px; font-family:'VT323',monospace; font-size:16px; letter-spacing:2px; color:#fbbf24;
    background:rgba(20,14,4,.5); border:1px dashed rgba(251,191,36,.45); border-radius:999px; }
  #boot.fade { opacity:0; pointer-events:none; }
  #bios { padding:40px; color:#c8c8c8; font-family:'VT323',monospace; font-size:18px; white-space:pre-wrap; line-height:1.5; }
  #xpload { position:absolute; inset:0; background:#000; display:none; align-items:center; justify-content:center; flex-direction:column; gap:36px; }
  #xpload.show, #xpwelcome.show { display:flex; }
  .xp-logo { display:flex; align-items:center; gap:14px; }
  .xp-flag { display:grid; grid-template-columns:22px 22px; grid-template-rows:22px 22px; gap:3px; transform:perspective(140px) rotateY(-12deg); }
  .xp-flag i { border-radius:3px; }
  .xp-flag i:nth-child(1){background:#f65314;} .xp-flag i:nth-child(2){background:#7cbb00;}
  .xp-flag i:nth-child(3){background:#00a1f1;} .xp-flag i:nth-child(4){background:#ffbb00;}
  .xp-logo-txt { color:#fff; font-size:34px; font-weight:bold; font-style:italic; letter-spacing:-1px; }
  .xp-logo-txt small { display:block; font-size:13px; font-style:normal; font-weight:normal; color:#9dc4ff; letter-spacing:2px; }
  .xp-bar { width:210px; height:16px; border:2px solid #4a4a4a; border-radius:8px; background:#000; overflow:hidden; position:relative; }
  .xp-bar span { position:absolute; top:2px; width:11px; height:10px; border-radius:5px; background:linear-gradient(180deg,#7ab1f7,#1c50c8); animation:xpSlide 1.7s linear infinite; opacity:0; }
  .xp-bar span:nth-child(2){ animation-delay:.18s; } .xp-bar span:nth-child(3){ animation-delay:.36s; }
  @keyframes xpSlide { 0%{ left:-14px; opacity:0; } 8%{opacity:1;} 85%{opacity:1;} 100%{ left:210px; opacity:0; } }
  .xp-loadtxt { color:#888; font-size:12px; }
  #xpwelcome { position:absolute; inset:0; background:linear-gradient(180deg,#0033cc 0%,#0055e6 45%,#0033cc 100%); display:none; align-items:center; justify-content:center; flex-direction:column; gap:26px; }
  .welcome-txt { color:#fff; font-size:44px; font-style:italic; font-weight:bold; text-shadow:2px 2px 4px rgba(0,0,0,.5); }
  .welcome-sub { color:#cfe0ff; font-size:14px; }
  .xp-spin { position:relative; width:44px; height:44px; animation:rot 1.4s linear infinite; }
  @keyframes rot { to { transform:rotate(360deg); } }
  .xp-spin i { position:absolute; width:7px; height:7px; border-radius:50%; background:#fff; top:50%; left:50%; }
  .boot-skip { position:absolute; bottom:18px; right:22px; color:#555; font-size:11px; }

  .wallpaper { position:fixed; inset:0; z-index:0;
    background:url('https://image.qwenlm.ai/public_source/3d979a43-82ee-4343-8b69-e361d504124c/1a2ff0b7b-b28f-4d4d-9986-4323eaa63215.png') center/cover no-repeat; }
  .desktop { position:fixed; inset:0 0 36px 0; z-index:5; }
  .dicons { position:absolute; inset:0; pointer-events:none; }
  .dicon { position:absolute; width:86px; text-align:center; color:#fff; cursor:pointer; padding:6px 2px; border:1px dotted transparent; border-radius:3px; pointer-events:auto; user-select:none; }
  .dicon:hover { background:rgba(11,97,217,.35); border-color:rgba(255,255,255,.5); }
  .dicon.dragging { opacity:0.85; z-index:50; cursor:grabbing; background:rgba(11,97,217,.5); border-color:rgba(255,255,255,.8); }
  .dicon .ico { font-size:36px; display:block; filter:drop-shadow(1px 2px 2px rgba(0,0,0,.6)); pointer-events:none; }
  .dicon .lbl { font-size:11px; text-shadow:1px 1px 2px #000; margin-top:3px; line-height:1.2; pointer-events:none; }

  .ctx-menu { position:fixed; z-index:3000; display:none; width:230px; background:#fff; border:1px solid #808080; box-shadow:3px 3px 8px rgba(0,0,0,.4); padding:2px; }
  .ctx-menu.show { display:block; }
  .ctx-item { display:flex; align-items:center; gap:9px; padding:6px 10px; font-size:12px; cursor:pointer; border-radius:2px; color:#000; }
  .ctx-item .ci { width:18px; text-align:center; font-size:14px; }
  .ctx-item:hover { background:#316ac5; color:#fff; }
  .ctx-sep { height:1px; background:#d8d0bf; margin:3px 6px; }

  .window { position:absolute; z-index:600; display:none; background:#ECE9D8;
    border:3px solid #0831D9; border-radius:8px 8px 4px 4px; box-shadow:3px 5px 14px rgba(0,0,0,.45);
    min-width:250px; max-width:calc(100vw - 8px); }
  .window.open { display:flex; flex-direction:column; animation:xpOpen .16s ease-out; }
  @keyframes xpOpen { from { transform:scale(.94); opacity:.4; } to { transform:scale(1); opacity:1; } }
  .window-body { padding:12px; color:#000; font-size:13px; overflow:auto; flex:1 1 auto; min-height:0; }
  .grip { position:absolute; right:2px; bottom:2px; width:14px; height:14px; cursor:nwse-resize; z-index:5;
    background:linear-gradient(135deg, transparent 0 45%, #8a867a 45% 55%, transparent 55% 65%, #8a867a 65% 75%, transparent 75% 85%, #8a867a 85%); }
  /* Maximized windows: content stretches to fill instead of staying centered */
  .window[data-max="1"] .window-body { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; }
  .window[data-max="1"]#win-browser .window-body { padding:0; }
  .window[data-max="1"]#win-browser .browser-wrap,
  .window[data-max="1"]#win-browser .browser-body,
  .window[data-max="1"]#win-browser .browser-content { height:100%; flex:1 1 auto; }
  .window[data-max="1"]#win-memes .meme-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }
  .window[data-max="1"]#win-games .meme-grid { grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); align-content:center; }
  .window[data-max="1"]#win-note .notepad { height:100%; min-height:0; flex:1; }
  .window[data-max="1"]#win-mines .window-body,
  .window[data-max="1"]#win-spider .window-body,
  .window[data-max="1"]#win-pinball .window-body,
  .window[data-max="1"]#win-main .window-body { align-items:center; justify-content:center; }

  .title-bar { background:linear-gradient(180deg,#0997ff 0%,#0053ee 8%,#0050ee 40%,#006bff 88%,#0050ee 100%);
    height:30px; border-radius:5px 5px 0 0; padding:0 5px 0 10px; color:#fff; font-weight:bold; font-size:13px;
    display:flex; align-items:center; justify-content:space-between; text-shadow:1px 1px 1px #003; cursor:move; flex-shrink:0; }
  .title-bar.danger { background:linear-gradient(180deg,#ff8f7a 0%,#e4574a 8%,#d94336 40%,#e4574a 100%); }
  .title-bar.green { background:linear-gradient(180deg,#8ede88 0%,#3c9838 8%,#2f8d2f 40%,#3c9838 100%); }
  .title-bar.purple { background:linear-gradient(180deg,#c39bf0 0%,#8a4fd8 8%,#7a3cc8 40%,#8a4fd8 100%); }
  .title-bar.arc { background:linear-gradient(180deg,#1a0033 0%,#330066 50%,#1a0033 100%); color:#00ff41; text-shadow:0 0 6px #00ff41; }
  .tb-btns { display:flex; gap:3px; }
  .tb-btns button { width:22px; height:22px; border-radius:3px; border:1px solid #fff; color:#fff; font-family:Tahoma; font-size:12px; font-weight:bold; line-height:1; cursor:pointer;
    background:linear-gradient(180deg,#7ab1f7,#2c6df0 45%,#1c50c8); box-shadow:inset 0 -2px 3px rgba(0,0,0,.3); }
  .tb-btns button.close { background:linear-gradient(180deg,#f7b09c,#e46e6e 45%,#d95036); }
  .status-bar { border-top:1px solid #919b9c; background:#ECE9D8; padding:3px 8px; display:flex; gap:10px; font-size:11px; color:#000; flex-wrap:wrap; flex-shrink:0; }
  .status-bar .cell { border:1px solid; border-color:#808080 #fff #fff #808080; padding:1px 8px; }

  .btn98 { background:linear-gradient(180deg,#fff,#ecebe5 86%,#d8d0bf); color:#000; border:1px solid #003c74; border-radius:3px;
    font-family:Tahoma; font-size:12px; padding:5px 16px; cursor:pointer; text-decoration:none; display:inline-block; text-align:center; box-shadow:inset 0 0 0 1px #fff; }
  .btn98:hover { border-color:#e5a01a; box-shadow:inset 0 0 0 1px #fff, 0 0 5px #fbc06a; }
  .btn98.big { font-size:15px; font-weight:bold; padding:9px 22px; }
  .btn98.red { background:linear-gradient(180deg,#f7a08c,#e46e6e 45%,#d95036); color:#fff; border-color:#7a1a0a; text-shadow:1px 1px 1px #700; }
  .btn98.green { background:linear-gradient(180deg,#8ede88,#3c9838 45%,#2f8d2f); color:#fff; border-color:#1e6b1e; text-shadow:1px 1px 1px #050; }
  .btn98.blink { animation:xpBlink 1.1s steps(2) infinite; }
  @keyframes xpBlink { 50% { box-shadow:inset 0 0 0 1px #fff, 0 0 10px #7cbb00; border-color:#7cbb00; } }

  .progXP { border:1px solid #808080; background:#fff; height:20px; overflow:hidden; border-radius:3px; }
  .progXP-fill { height:100%; width:0%; transition:width .15s;
    background:repeating-linear-gradient(90deg,#32cd32 0 10px, #28b428 10px 12px, transparent 12px 14px); }
  .console { background:#000; color:#0f0; font-family:'VT323',monospace; font-size:17px; height:140px; overflow-y:auto; border:1px solid #808080; padding:6px; white-space:pre-wrap; }
  .shieldbox { display:flex; align-items:center; gap:14px; margin-bottom:10px; }
  .shield-anim { position:relative; width:70px; height:70px; flex-shrink:0; }
  .ring { position:absolute; inset:0; border-radius:50%; border:3px solid transparent; }
  .r1 { border-top-color:#0055e6; border-right-color:#0055e6; animation:rot 2.4s linear infinite; }
  .r2 { inset:10px; border-bottom-color:#3c9838; border-left-color:#3c9838; animation:rot 3.2s linear infinite reverse; }
  .shield-core { position:absolute; inset:26px; border-radius:50%; background:linear-gradient(180deg,#7ab1f7,#1c50c8); color:#fff; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:bold; }
  .threat-row { background:#fff; border:1px solid #808080; padding:2px 8px; margin-top:4px; color:#a00; font-size:12px; display:flex; justify-content:space-between; }

  .cfg-section { border:1px solid #8a867a; border-radius:4px; padding:12px; margin-bottom:14px; background:#f6f4ea; }
  .cfg-title { font-weight:bold; color:#003399; margin-bottom:10px; font-size:13px; }
  .cfg-grid { display:flex; gap:10px; flex-wrap:wrap; }
  .cfg-opt { width:96px; text-align:center; cursor:pointer; padding:6px; border:2px solid transparent; border-radius:6px; }
  .cfg-opt:hover { background:#e2ecd8; }
  .cfg-opt.sel { border-color:#0055e6; background:#dbe8ff; }
  .cfg-prev { width:84px; height:52px; margin:0 auto 6px; border:1px solid #808080; border-radius:4px; background-size:cover; background-position:center; }
  .cfg-name { font-size:11px; color:#333; }
  .cfg-opt .tick { font-size:11px; color:#008000; font-weight:bold; height:14px; }

  .popup { position:absolute; width:340px; background:#ECE9D8; border:3px solid #0831D9; border-radius:8px 8px 4px 4px; box-shadow:3px 5px 14px rgba(0,0,0,.5); animation:xpOpen .25s; }
  .popup .pbody { padding:14px; display:flex; gap:12px; align-items:flex-start; font-size:12px; }
  .popup .pemoji { font-size:38px; }
  .popup .pbtns { display:flex; gap:8px; justify-content:center; padding:0 14px 14px; flex-wrap:wrap; }

  .taskbar { position:fixed; left:0; right:0; bottom:0; height:36px; z-index:950;
    background:linear-gradient(180deg,#245edb 0%,#3f8cf3 9%,#245edb 18%,#245edb 92%,#1941a5 100%);
    border-top:1px solid #0831d9; display:flex; align-items:center; gap:6px; padding:0 4px 0 0; }
  .start-btn { display:flex; align-items:center; gap:7px; height:30px;
    background:linear-gradient(180deg,#7eda78 0%,#3c9838 12%,#2f8d2f 55%,#1e6b1e 100%);
    border:1px solid #1e6b1e; border-radius:0 10px 10px 0; color:#fff; font-style:italic; font-weight:bold; font-size:15px;
    padding:0 16px 0 10px; cursor:pointer; box-shadow:0 0 6px rgba(0,0,0,.4), inset 0 1px 1px rgba(255,255,255,.5); text-shadow:1px 1px 1px #050; }
  .start-btn.on { filter:brightness(.85); box-shadow:inset 1px 1px 3px rgba(0,0,0,.5); }
  .start-flag { display:grid; grid-template-columns:8px 8px; grid-template-rows:8px 8px; gap:1px; }
  .start-flag i { border-radius:1px; }
  .start-flag i:nth-child(1){background:#f65314;} .start-flag i:nth-child(2){background:#7cbb00;}
  .start-flag i:nth-child(3){background:#00a1f1;} .start-flag i:nth-child(4){background:#ffbb00;}
  .tb-win-wrap { display:flex; gap:4px; align-items:center; flex:1; overflow:hidden; }
  .tb-win { max-width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:26px;
    background:linear-gradient(180deg,#3c81f3,#2864df 45%,#1f5ad0 100%); border:1px solid #1544a8; border-radius:3px;
    color:#fff; font-size:11px; padding:0 10px; cursor:pointer; display:flex; gap:6px; align-items:center; box-shadow:inset 0 1px 1px rgba(255,255,255,.4); }
  .tb-win.active { background:linear-gradient(180deg,#1c50c8,#16419f); box-shadow:inset 1px 1px 3px #000; font-weight:bold; }
  .tray { margin-left:auto; height:100%; display:flex; align-items:center; gap:10px; padding:0 12px;
    background:linear-gradient(180deg,#19b9f3 0%,#0f8bef 50%,#0e77d0 100%); border-left:1px solid #09f; font-size:11px; color:#fff; }

  body.theme-green .taskbar { background:linear-gradient(180deg,#57a84e 0%,#7ec96f 9%,#4c9a41 18%,#4c9a41 92%,#2f6b28 100%); }
  body.theme-green .start-btn { background:linear-gradient(180deg,#a8d89e 0%,#57a84e 12%,#4c9a41 55%,#2f6b28 100%); }
  body.theme-green .title-bar { background:linear-gradient(180deg,#9fd48f 0%,#57a84e 8%,#4c9a41 40%,#67b858 88%,#4c9a41 100%); }
  body.theme-green .window { border-color:#2f6b28; }
  body.theme-silver .taskbar { background:linear-gradient(180deg,#d8d8d8 0%,#f4f4f4 9%,#c4c4c4 18%,#b8b8b8 92%,#8a8a8a 100%); }
  body.theme-silver .start-btn { background:linear-gradient(180deg,#f4f4f4 0%,#c4c4c4 12%,#a8a8a8 55%,#7a7a7a 100%); color:#222; text-shadow:1px 1px 1px #eee; }
  body.theme-silver .title-bar { background:linear-gradient(180deg,#f4f4f4 0%,#c4c4c4 8%,#a8a8a8 40%,#c4c4c4 88%,#a8a8a8 100%); color:#222; text-shadow:1px 1px 1px #eee; }
  body.theme-silver .window { border-color:#7a7a7a; }
  body.theme-arc .taskbar { background:linear-gradient(180deg,#0a0f1e 0%,#12203a 9%,#0a0f1e 18%,#0a0f1e 92%,#050810 100%); border-top-color:#00d4ff; }
  body.theme-arc .start-btn { background:linear-gradient(180deg,#00d4ff 0%,#0088cc 12%,#006699 55%,#004466 100%); border-color:#00d4ff; text-shadow:0 0 6px #0ff; }
  body.theme-arc .title-bar { background:linear-gradient(180deg,#12203a 0%,#0a0f1e 8%,#0a0f1e 40%,#12203a 88%,#0a0f1e 100%); color:#00d4ff; text-shadow:0 0 6px #0ff; }
  body.theme-arc .window { border-color:#00d4ff; background:#0d1526; color:#cfe8ff; }
  body.theme-arc .window-body { color:#cfe8ff; }
  body.theme-arc .status-bar { background:#0d1526; color:#9fd4ff; border-top-color:#00d4ff; }
  body.theme-arc .tb-win { background:linear-gradient(180deg,#12203a,#0a0f1e); border-color:#00d4ff; color:#9fd4ff; }
  body.theme-arc .tb-win.active { background:#00d4ff; color:#00131f; }
  body.theme-arc .tray { background:linear-gradient(180deg,#12203a,#0a0f1e); border-left-color:#00d4ff; color:#9fd4ff; }
  body.theme-arc .btn98 { background:linear-gradient(180deg,#12203a,#0a0f1e); color:#9fd4ff; border-color:#00d4ff; box-shadow:none; }

  .start-menu { position:fixed; left:2px; bottom:36px; width:380px; z-index:940; display:none;
    border:1px solid #0831d9; border-radius:6px 6px 0 0; overflow:hidden; box-shadow:4px 4px 14px rgba(0,0,0,.55); }
  .start-menu.open { display:block; }
  .sm-top { background:linear-gradient(180deg,#1f61d9,#0046c8); padding:10px 12px; display:flex; align-items:center; gap:10px; color:#fff; font-weight:bold; font-size:13px; }
  .sm-avatar { width:42px; height:42px; border-radius:6px; border:2px solid #fff; background:linear-gradient(180deg,#7ab1f7,#1c50c8); display:flex; align-items:center; justify-content:center; font-size:24px; }
  .sm-body { display:flex; }
  .sm-left { flex:1; background:#fff; padding:6px 4px; }
  .sm-right { width:168px; background:linear-gradient(180deg,#4b9be8,#2478d8 60%,#1e63c4); padding:6px 4px; color:#fff; }
  .sm-item { display:flex; gap:9px; align-items:center; padding:6px 8px; font-size:12px; cursor:pointer; border-radius:3px; color:#000; }
  .sm-right .sm-item { color:#fff; }
  .sm-left .sm-item:hover { background:#316ac5; color:#fff; }
  .sm-right .sm-item:hover { background:#1c50c8; }
  .sm-item .ic { font-size:18px; width:22px; text-align:center; }
  .sm-sep { height:1px; background:#d8d0bf; margin:4px 8px; }
  .sm-right .sm-sep { background:#3f8cf3; }
  .sm-bottom { background:linear-gradient(180deg,#3f8cf3,#245edb); padding:7px 10px; display:flex; justify-content:flex-end; gap:8px; }

  .memes-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #8a867a; }
  .memes-head h2 { font-size:14px; color:#003399; font-weight:bold; }
  .memes-head span { font-size:11px; color:#555; }
  .meme-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
  .meme-tile { background:#fff; border:1px solid #b7b3a6; border-radius:6px; padding:16px 10px 14px; text-align:center; cursor:pointer; transition:all .15s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
  .meme-tile:hover { transform:translateY(-3px); border-color:#0055e6; box-shadow:0 6px 16px rgba(0,85,230,.25); }
  .meme-tile .mt-icon { font-size:50px; line-height:1; margin-bottom:8px; }
  .meme-tile .mt-name { font-family:'Inter',sans-serif; font-weight:800; font-size:14px; color:#111827; margin-bottom:3px; }
  .meme-tile .mt-desc { font-family:'Inter',sans-serif; font-size:11px; color:#6b7280; line-height:1.4; min-height:30px; }
  .mt-badge { display:inline-block; margin-top:8px; font-family:'Inter',sans-serif; font-size:9px; font-weight:800; letter-spacing:.5px; padding:3px 10px; border-radius:999px; }
  .mt-badge.soon { background:#fef3c7; color:#b45309; border:1px solid #fcd34d; }
  .mt-badge.x { background:#e7f9fe; color:#0c4a6e; border:1px solid #38bdf8; }
  .mt-badge.play { background:#dcfce7; color:#15803d; border:1px solid #86efac; }
  .meme-tile.soonTile { background:linear-gradient(180deg,#fffbeb,#fff); border-style:dashed; border-color:#fcd34d; }

  .notepad { background:#fff; color:#000; padding:8px; height:100%; min-height:230px; overflow:auto; font-family:'VT323',monospace; font-size:17px; white-space:pre-wrap; }
  .np-menu { background:#ECE9D8; border-bottom:1px solid #919b9c; padding:3px 8px; font-size:11px; color:#000; display:flex; gap:14px; }

  .bsod { position:fixed; inset:0; z-index:5000; display:none; background:#0000aa; color:#fff; padding:8vh 10vw; font-family:'VT323',monospace; font-size:22px; line-height:1.5; }
  .bsod.show { display:block; }
  .bsod .inv { background:#aaa; color:#0000aa; padding:0 8px; }
  .shutdown { position:fixed; inset:0; z-index:5100; display:none; background:linear-gradient(180deg,#0033cc,#0055e6 45%,#0033cc); color:#fff; align-items:center; justify-content:center; flex-direction:column; gap:22px; font-size:22px; text-align:center; }
  .shutdown.show { display:flex; }

  .ad-overlay { position:fixed; inset:0; z-index:4000; display:none; align-items:center; justify-content:center; background:rgba(0,0,20,.85); font-family:'Inter',sans-serif; }
  .ad-overlay.show { display:flex; }
  .ad-card { position:relative; width:min(600px,95vw); max-height:94vh; overflow-y:auto; background:#f8fafc; color:#0f172a; border-radius:22px;
    box-shadow:0 0 0 4px #00a651, 0 0 40px rgba(0,166,81,.4);
    animation:adIn .35s ease-out; padding:0 0 22px; }
  @keyframes adIn { from { transform:scale(.85); opacity:0; } to { transform:scale(1); opacity:1; } }
  .ad-top { display:flex; align-items:center; justify-content:space-between; padding:16px 26px; border-bottom:1px solid #e2e8f0; background:#fff; border-radius:22px 22px 0 0; position:sticky; top:0; z-index:3; }
  .ad-logo { display:flex; align-items:center; gap:10px; font-weight:800; font-size:17px; color:#00a651; }
  .ad-logo .lg { width:36px; height:36px; background:linear-gradient(135deg,#00a651,#00d4ff); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:20px; }
  .ad-secure { font-size:12px; color:#64748b; }
  .ad-x { position:absolute; top:12px; right:14px; width:32px; height:32px; border-radius:50%; border:1px solid #e2e8f0; background:#fff; color:#64748b; font-size:16px; cursor:pointer; z-index:5; }
  .ad-banner { background:linear-gradient(90deg,#dc2626,#b91c1c); color:#fff; text-align:center; padding:10px 60px; font-weight:700; font-size:14px; }
  .ad-body { padding:22px 34px 0; text-align:center; }
  .ad-check { width:74px; height:74px; margin:0 auto 12px; border-radius:50%; background:#dcfce7; border:3px solid #00a651; display:flex; align-items:center; justify-content:center; font-size:38px; }
  .ad-h1 { font-size:clamp(24px,4vw,36px); font-weight:800; line-height:1.2; margin-bottom:10px; }
  .ad-h1 span { color:#00a651; }
  .ad-sub { font-size:15px; color:#475569; max-width:600px; margin:0 auto 18px; line-height:1.6; }
  .ad-sub b { color:#dc2626; }
  .ad-offer { max-width:560px; margin:0 auto 18px; background:#fff; border:2px solid #00a651; border-radius:16px; padding:18px 22px; text-align:left; position:relative; }
  .ad-offer .otag { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:#00a651; color:#fff; font-size:11px; font-weight:800; padding:4px 14px; border-radius:999px; white-space:nowrap; }
  .ad-offer .orow { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#334155; padding:6px 0; }
  .ad-offer .orow .ok { color:#00a651; font-weight:800; }
  .ad-price { display:flex; align-items:center; justify-content:center; gap:14px; margin:6px 0 16px; font-size:16px; color:#64748b; }
  .ad-price s { color:#dc2626; }
  .ad-price .now { font-size:32px; font-weight:800; color:#0f172a; }
  .ad-price .now small { font-size:14px; color:#64748b; font-weight:600; }
  .ad-buy { display:block; width:100%; max-width:560px; margin:0 auto 12px;
    background:linear-gradient(90deg,#00a651,#00c46a,#00a651); background-size:200% 100%;
    animation:buyFlow 2.4s linear infinite;
    color:#fff; text-decoration:none; text-align:center; font-size:clamp(18px,3vw,26px); font-weight:800;
    padding:16px 10px; border-radius:14px; text-shadow:0 2px 4px rgba(0,0,0,.25);
    box-shadow:0 8px 24px rgba(0,166,81,.4);
    transition:transform .12s ease; }
  .ad-buy:hover { transform:scale(1.02); }
  @keyframes buyFlow { to { background-position:200% 0; } }
  .ad-final { font-size:15px; font-weight:800; color:#00a651; letter-spacing:1px; margin-bottom:10px; text-transform:uppercase; }
  .ad-timer { font-size:14px; color:#dc2626; font-weight:700; margin-bottom:12px; }
  .ad-timer b { font-size:18px; }
  .ad-trust { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; font-size:12px; color:#64748b; margin-bottom:14px; }
  .ad-no { background:none; border:none; color:#94a3b8; font-size:12px; cursor:pointer; text-decoration:underline; font-family:'Inter',sans-serif; }

  #confetti { position:fixed; inset:0; z-index:4500; pointer-events:none; }

  .ms-grid { display:grid; grid-template-columns:repeat(9,26px); gap:2px; background:#808080; padding:4px; border:1px solid #404040; width:max-content; margin:0 auto; }
  .ms-cell { width:26px; height:26px; background:#ECE9D8; border:2px solid; border-color:#fff #808080 #808080 #fff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:bold; cursor:pointer; }
  .ms-cell.open { border:1px solid #808080; background:#d6d0c0; cursor:default; }
  .ms-cell.mine { background:#dc2626; }
  .c1{color:#0000ff}.c2{color:#008000}.c3{color:#ff0000}.c4{color:#000080}.c5{color:#800000}.c6{color:#008080}.c7{color:#000}.c8{color:#808080}

  .sp-hud { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; gap:8px; flex-wrap:wrap; }
  .sp-hud .stat { background:#000; color:#0f0; padding:2px 10px; font-family:'VT323',monospace; font-size:17px; }
  .sp-msg { min-height:20px; font-size:12px; text-align:center; margin-bottom:6px; color:#7a0000; font-weight:bold; }
  .sp-board { display:flex; gap:5px; background:#0a5c2c; padding:8px; border:1px solid #04300f; width:max-content; margin:0 auto; overflow-x:auto; max-width:100%; }
  .sp-col { position:relative; width:56px; height:460px; flex-shrink:0; border-radius:6px; }
  .sp-col.emptycol::after { content:'♠'; position:absolute; top:0; left:0; width:100%; height:76px; border:2px dashed rgba(255,255,255,.35); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:26px; color:rgba(255,255,255,.35); }
  .sp-col.drop { outline:3px dashed #fde047; outline-offset:-2px; background:rgba(253,224,71,.12); }
  .sp-card { position:absolute; left:0; width:56px; height:76px; border-radius:5px; cursor:pointer; line-height:1.1; box-shadow:0 1px 3px rgba(0,0,0,.5); }
  .sp-card.up { background:linear-gradient(160deg,#fff,#e8eef5); border:1px solid #334; color:#111; padding:3px 5px; font-size:14px; font-weight:bold; }
  .sp-card.down { background:repeating-linear-gradient(45deg,#1d4ed8 0 6px,#1e3a8a 6px 12px); border:1px solid #0f2a6b; }
  .sp-card.sel { outline:3px solid #fde047; box-shadow:0 0 14px #fde047; }
  .sp-card.hint { outline:3px solid #4ade80; box-shadow:0 0 14px #4ade80; }
  .sp-card .big { font-size:24px; display:block; text-align:center; margin-top:16px; }

  #pbCanvas { background:#05010f; border:1px solid #404040; display:block; margin:0 auto; }

  /* NAVES v4.2 */
  #navesGame { position:fixed; inset:0; z-index:4600; display:none; background:#000; touch-action:none; }
  #navesGame.show { display:block; }
  #nvCanvas { position:absolute; inset:0; width:100%; height:100%; display:block; image-rendering:auto; will-change:transform; }
  .nv-layer { position:absolute; inset:0; display:none; align-items:center; justify-content:center; flex-direction:column; gap:14px; text-align:center; overflow-y:auto; padding:20px 0; }
  .nv-layer.show { display:flex; }
  #nvMenu { background:rgba(0,0,10,.45); }
  .nv-title { font-family:'VT323',monospace; font-size:64px; color:#fff; text-shadow:0 0 20px #00d4ff, 0 0 40px #ff00ff; letter-spacing:8px; }
  .nv-sub { color:#9fd4ff; font-family:'VT323',monospace; font-size:20px; letter-spacing:3px; margin-top:-8px; }
  .nv-btn { width:360px; max-width:90vw; padding:12px; margin:4px 0; font-family:'VT323',monospace; font-size:24px; letter-spacing:2px;
    background:linear-gradient(180deg,rgba(0,212,255,.15),rgba(0,212,255,.05)); color:#00d4ff; border:2px solid #00d4ff; border-radius:8px; cursor:pointer; transition:all .15s; }
  .nv-btn:hover { background:rgba(0,212,255,.3); color:#fff; box-shadow:0 0 20px rgba(0,212,255,.6); transform:scale(1.04); }
  .nv-btn.red { border-color:#ff2d55; color:#ff2d55; background:linear-gradient(180deg,rgba(255,45,85,.15),rgba(255,45,85,.05)); }
  .nv-btn.red:hover { background:rgba(255,45,85,.3); color:#fff; box-shadow:0 0 20px rgba(255,45,85,.6); }
  #nvHelpBox { max-width:680px; background:rgba(0,10,25,.94); border:2px solid #00d4ff; border-radius:10px; padding:16px 22px; color:#cfe8ff; font-family:'VT323',monospace; font-size:17px; line-height:1.45; text-align:left; }
  #nvPause { background:rgba(0,0,10,.7); }
  #nvOver { background:rgba(20,0,0,.7); }
  #nvOver .go { font-family:'VT323',monospace; font-size:70px; color:#ff2d55; text-shadow:0 0 30px #ff2d55; letter-spacing:6px; }

  #nvBriefing { background:rgba(0,0,0,.85); }
  .brief-wrap { max-width:720px; width:92vw; background:linear-gradient(180deg,rgba(0,20,40,.95),rgba(0,10,25,.95)); border:2px solid #00d4ff; border-radius:14px; padding:20px 24px; box-shadow:0 0 60px rgba(0,212,255,.4); }
  .brief-title { font-family:'VT323',monospace; font-size:44px; color:#0ff; text-shadow:0 0 14px #0ff; letter-spacing:4px; margin-bottom:6px; }
  .brief-sub { color:#9fd4ff; font-family:'VT323',monospace; font-size:18px; margin-bottom:14px; letter-spacing:2px; }
  .brief-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
  .brief-key { background:rgba(0,0,0,.5); border:1px solid #00d4ff; border-radius:8px; padding:8px; text-align:center; }
  .brief-key .k { font-family:'VT323',monospace; font-size:22px; color:#fff; background:#003399; padding:2px 8px; border-radius:4px; display:inline-block; margin-bottom:4px; }
  .brief-key .d { font-family:'VT323',monospace; font-size:14px; color:#9fd4ff; }
  .brief-countdown { font-family:'VT323',monospace; font-size:120px; color:#ff2d55; text-shadow:0 0 30px #ff2d55; animation:cdPulse 1s ease-in-out infinite; }
  @keyframes cdPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.3); } }
  .brief-go { font-family:'VT323',monospace; font-size:120px; color:#7cbb00; text-shadow:0 0 30px #7cbb00; animation:cdPulse .5s ease-in-out infinite; }
  .brief-skip { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px; color:#9fd4ff; font-family:'VT323',monospace; font-size:14px; cursor:pointer; }
  .brief-skip input { cursor:pointer; }

  #nvLeaderboard { background:rgba(0,0,10,.9); }
  .lb-wrap { max-width:720px; width:94vw; background:linear-gradient(180deg,rgba(0,20,40,.95),rgba(0,10,25,.95)); border:2px solid #fbbf24; border-radius:14px; padding:20px 24px; box-shadow:0 0 60px rgba(251,191,36,.4); }
  .lb-title { font-family:'VT323',monospace; font-size:44px; color:#fbbf24; text-shadow:0 0 14px #fbbf24; letter-spacing:4px; margin-bottom:8px; }
  .lb-tabs { display:flex; gap:10px; justify-content:center; margin-bottom:12px; }
  .lb-tab { padding:8px 18px; font-family:'VT323',monospace; font-size:22px; background:rgba(0,0,0,.6); color:#9fd4ff; border:2px solid #00d4ff; border-radius:8px; cursor:pointer; transition:all .15s; letter-spacing:2px; }
  .lb-tab:hover { background:rgba(0,212,255,.2); color:#fff; }
  .lb-tab.active { background:linear-gradient(180deg,#003399,#002266); color:#fbbf24; border-color:#fbbf24; box-shadow:0 0 14px rgba(251,191,36,.5); transform:scale(1.03); }
  .lb-notice { font-family:'VT323',monospace; font-size:18px; color:#fbbf24; background:rgba(0,0,0,.6); border:1px dashed #fbbf24; border-radius:8px; padding:6px 14px; margin-bottom:12px; text-align:center; letter-spacing:1px; }
  .lb-notice b { color:#fff; font-size:20px; }
  .new-record-banner { font-family:'VT323',monospace; font-size:40px; color:#fbbf24; text-shadow:0 0 16px #fbbf24, 0 0 35px #ff9500; letter-spacing:4px; animation:recPulse .7s infinite alternate; margin-bottom:6px; }
  @keyframes recPulse { 0% { transform:scale(1); filter:brightness(1); } 100% { transform:scale(1.08); filter:brightness(1.5); } }
  .lb-table { width:100%; border-collapse:collapse; font-family:'VT323',monospace; font-size:18px; }
  .lb-table th { color:#00d4ff; text-align:left; padding:6px 10px; border-bottom:2px solid #00d4ff; letter-spacing:2px; }
  .lb-table td { padding:6px 10px; color:#cfe8ff; border-bottom:1px solid rgba(0,212,255,.15); }
  .lb-table tr.new { background:rgba(251,191,36,.2); animation:lbFlash 1s ease-in-out infinite; }
  @keyframes lbFlash { 50% { background:rgba(251,191,36,.4); } }
  .lb-input { background:rgba(0,0,0,.5); border:2px solid #fbbf24; border-radius:8px; padding:10px 14px; color:#fff; font-family:'VT323',monospace; font-size:22px; width:280px; max-width:80%; text-align:center; letter-spacing:2px; outline:none; }
  .lb-input:focus { box-shadow:0 0 20px rgba(251,191,36,.5); }
  .lb-save-msg { color:#7cbb00; font-family:'VT323',monospace; font-size:18px; margin-top:8px; min-height:22px; }

  #nvHUD { position:absolute; inset:0; display:none; pointer-events:none; z-index:6; font-family:'VT323',monospace; padding:12px 16px; }
  #nvHUD.show { display:block; }
  .hud-top { display:flex; justify-content:space-between; align-items:flex-start; }
  .hud-score { font-size:48px; line-height:.9; color:#0ff; text-shadow:0 0 10px #0ff, 0 0 30px #0ff, 2px 2px 0 #036; }
  .hud-score.pulse { animation:scorePulse .35s steps(2); }
  @keyframes scorePulse { 0% { transform:scale(1.3); color:#fff; text-shadow:0 0 24px #fff,0 0 60px #0ff; } 100% { transform:scale(1); } }
  .hud-combo { font-size:22px; color:#fbbf24; text-shadow:0 0 10px #fbbf24; height:24px; }
  .hud-diff { font-size:16px; color:#ff9500; text-shadow:0 0 8px #ff9500; margin-top:4px; }
  .hud-center { position:absolute; top:12px; left:50%; transform:translateX(-50%); text-align:center; width:min(560px,70vw); }
  .hud-round { font-size:24px; color:#fff; text-shadow:0 0 12px #00d4ff; letter-spacing:3px; }
  .hud-bossbar { margin-top:4px; display:none; }
  .hud-bossbar.show { display:block; }
  .hud-bossname { font-size:18px; color:#ff2d55; text-shadow:0 0 10px #ff2d55; letter-spacing:2px; }
  .hud-bb { height:10px; border:2px solid #ff2d55; border-radius:6px; background:rgba(0,0,0,.6); overflow:hidden; box-shadow:0 0 14px rgba(255,45,85,.5); }
  .hud-bb i { display:block; height:100%; background:linear-gradient(90deg,#ff2d55,#ff9500); transition:width .15s; }
  .hud-right { text-align:right; }
  .hud-hearts { display:flex; gap:4px; justify-content:flex-end; }
  .hud-hearts span { font-size:42px; filter:drop-shadow(0 0 12px #f00); display:inline-block; }
  .hud-hearts span.break { animation:heartBreak .8s forwards; }
  @keyframes heartBreak { 0% { transform:scale(1.7); filter:drop-shadow(0 0 20px #f00) brightness(3); } 25% { transform:scale(.7); opacity:.3; } 50% { transform:scale(1.5); opacity:1; } 75% { transform:scale(.9); opacity:.6; } 100% { transform:scale(1); opacity:.95; } }
  .hud-modules { display:flex; gap:10px; justify-content:flex-end; margin-top:6px; }
  .hud-mod { position:relative; width:54px; height:54px; filter:drop-shadow(0 2px 8px rgba(0,0,0,.6)); }
  .hud-mod svg { width:100%; height:100%; transform:rotate(-90deg); }
  .hud-mod .bg { fill:rgba(0,0,0,.65); stroke:rgba(255,255,255,.25); stroke-width:3.5; }
  .hud-mod .fg { fill:none; stroke-width:3.5; stroke-linecap:round; transition:stroke-dashoffset .1s linear; }
  .hud-mod .ic { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:26px; }
  .hud-mod.ready .fg { animation:modReady 1s ease-in-out infinite; }
  @keyframes modReady { 50% { filter:drop-shadow(0 0 8px currentColor); } }
  .hud-bomb-count { position:absolute; bottom:-4px; right:-4px; font-size:12px; color:#7cbb00; font-weight:900; background:rgba(0,0,0,.85); border:1px solid rgba(124,187,0,.6); padding:1px 5px; border-radius:4px; box-shadow:0 0 6px rgba(124,187,0,.5); }
  .hud-status { position:absolute; top:80px; left:50%; transform:translateX(-50%); font-family:'VT323',monospace; font-size:22px; color:#7cbb00; text-shadow:0 0 12px #7cbb00; pointer-events:none; opacity:0; transition:opacity .3s; }
  .hud-status.show { opacity:1; }
  .hud-lifebonus { position:absolute; top:140px; left:50%; transform:translateX(-50%); font-family:'VT323',monospace; font-size:38px; color:#ff2d55; text-shadow:0 0 18px #ff2d55; pointer-events:none; opacity:0; }
  .hud-lifebonus.show { animation:lifeBonus 1.5s ease-out; }
  @keyframes lifeBonus { 0% { opacity:0; transform:translateX(-50%) scale(.5); } 30% { opacity:1; transform:translateX(-50%) scale(1.2); } 100% { opacity:0; transform:translateX(-50%) translateY(-40px) scale(1); } }

  .touch-zone { position:absolute; z-index:7; display:none; pointer-events:auto; }
  #touchJoy { left:14px; bottom:14px; width:150px; height:150px; }
  #touchJoy.show, #touchBtns.show { display:block; }
  .joy-base { position:absolute; left:15px; bottom:15px; width:120px; height:120px; border-radius:50%; background:rgba(0,212,255,.12); border:2.5px solid rgba(0,212,255,.5); box-shadow:0 0 15px rgba(0,212,255,.25); }
  .joy-stick { position:absolute; width:52px; height:52px; border-radius:50%; background:rgba(0,212,255,.55); border:2.5px solid #00d4ff; left:60px; bottom:60px; transform:translate(-50%,-50%); box-shadow:0 0 12px #00d4ff; }
  #touchBtns { right:14px; bottom:14px; width:170px; height:170px; }
  .tbtn { position:absolute; width:70px; height:70px; border-radius:50%; background:rgba(8,12,28,.75); border:2.5px solid #00d4ff; color:#fff; font-size:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 0 14px rgba(0,0,0,.75); transition:transform .1s, background .15s; user-select:none; -webkit-user-select:none; }
  .tbtn:active { background:rgba(0,212,255,.45); transform:scale(.92); }
  .tbtn.dash { right:6px; bottom:6px; border-color:#7cbb00; box-shadow:0 0 12px rgba(124,187,0,.45); }
  .tbtn.mis { right:86px; bottom:6px; border-color:#ff9500; box-shadow:0 0 12px rgba(255,149,0,.45); }
  .tbtn.las { right:6px; bottom:86px; border-color:#00d4ff; box-shadow:0 0 12px rgba(0,212,255,.45); }
  .tbtn.bmb { right:86px; bottom:86px; border-color:#ff2d55; box-shadow:0 0 12px rgba(255,45,85,.45); }

  @media (max-width: 640px) {
    .hud-score { font-size:38px; }
    .hud-round { font-size:18px; letter-spacing:1px; }
    .hud-hearts span { font-size:34px; }
    .hud-mod { width:46px; height:46px; }
    .hud-mod .ic { font-size:22px; }
    .hud-modules { gap:6px; }
    #touchJoy { left:8px; bottom:8px; width:130px; height:130px; }
    .joy-base { left:10px; bottom:10px; width:110px; height:110px; }
    #touchBtns { right:8px; bottom:8px; width:155px; height:155px; }
    .tbtn { width:62px; height:62px; font-size:25px; }
    .tbtn.dash { right:4px; bottom:4px; }
    .tbtn.mis { right:76px; bottom:4px; }
    .tbtn.las { right:4px; bottom:76px; }
    .tbtn.bmb { right:76px; bottom:76px; }
  }

  /* ARC BROWSER estilo Edge */
  #win-browser { background:#1e1e2e; }
  #win-browser .title-bar { background:linear-gradient(180deg,#2d2d3d 0%,#1e1e2e 100%); color:#e2e8f0; text-shadow:none; }
  #win-browser .title-bar .tb-btns button { background:linear-gradient(180deg,#4a4a5a,#2d2d3d); }
  #win-browser .title-bar .tb-btns button.close { background:linear-gradient(180deg,#e46e6e,#d95036); }
  .browser-wrap { width:100%; height:100%; display:flex; flex-direction:column; background:#1e1e2e; overflow:hidden; }
  .browser-tabbar { background:#2d2d3d; display:flex; align-items:flex-end; padding:6px 6px 0; gap:2px; min-height:38px; border-bottom:1px solid #3d3d4d; }
  .browser-tab { background:#1e1e2e; color:#94a3b8; padding:8px 14px 10px; border-radius:8px 8px 0 0; cursor:pointer; font-size:12px; display:flex; align-items:center; gap:6px; max-width:180px; min-width:80px; transition:all .15s; position:relative; }
  .browser-tab:hover { background:#3d3d4d; color:#e2e8f0; }
  .browser-tab.active { background:#1e1e2e; color:#fff; }
  .browser-tab.active::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#00d4ff,#a855f7); }
  .browser-tab .tab-fav { font-size:14px; }
  .browser-tab .tab-title { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .browser-tab .tab-close { width:18px; height:18px; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#94a3b8; }
  .browser-tab .tab-close:hover { background:rgba(255,255,255,.1); color:#fff; }
  .browser-tab-new { background:transparent; color:#94a3b8; padding:8px 12px 10px; cursor:pointer; font-size:18px; border-radius:8px 8px 0 0; }
  .browser-tab-new:hover { background:rgba(255,255,255,.1); color:#fff; }

  .browser-toolbar { background:#1e1e2e; padding:8px 12px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #3d3d4d; }
  .browser-nav-btn { width:32px; height:32px; border-radius:50%; background:transparent; border:none; color:#94a3b8; cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center; transition:all .15s; }
  .browser-nav-btn:hover { background:rgba(255,255,255,.1); color:#fff; }
  .browser-nav-btn:disabled { opacity:.3; cursor:not-allowed; }
  .browser-url-bar { flex:1; background:#2d2d3d; border-radius:20px; padding:8px 16px; display:flex; align-items:center; gap:8px; border:1px solid transparent; transition:all .15s; }
  .browser-url-bar:focus-within { border-color:#00d4ff; box-shadow:0 0 0 2px rgba(0,212,255,.2); }
  .browser-url-bar .lock-icon { color:#10b981; font-size:14px; }
  .browser-url-bar input { background:transparent; border:none; outline:none; color:#e2e8f0; flex:1; font-size:13px; font-family:Inter, sans-serif; }
  .browser-action-btn { width:32px; height:32px; border-radius:50%; background:transparent; border:none; color:#94a3b8; cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center; }
  .browser-action-btn:hover { background:rgba(255,255,255,.1); color:#fff; }

  .browser-body { flex:1; display:flex; overflow:hidden; background:#1e1e2e; }
  .browser-content { flex:1; overflow-y:auto; position:relative; }
  .browser-content::-webkit-scrollbar { width:8px; }
  .browser-content::-webkit-scrollbar-track { background:#14141f; }
  .browser-content::-webkit-scrollbar-thumb { background:#0e7490; border-radius:4px; }
  .browser-content::-webkit-scrollbar-thumb:hover { background:var(--arc-cyan); }
  .browser-content::-webkit-scrollbar { width:10px; }
  .browser-content::-webkit-scrollbar-track { background:#1e1e2e; }
  .browser-content::-webkit-scrollbar-thumb { background:#3d3d4d; border-radius:5px; }

  .browser-sidebar { width:280px; background:#252535; border-left:1px solid #3d3d4d; padding:16px; overflow-y:auto; transition:width .3s; }
  .browser-sidebar.collapsed { width:0; padding:0; overflow:hidden; }
  .sidebar-toggle { position:absolute; right:280px; top:50%; transform:translateY(-50%); width:20px; height:40px; background:#252535; border:1px solid #3d3d4d; border-right:none; border-radius:6px 0 0 6px; cursor:pointer; color:#94a3b8; display:flex; align-items:center; justify-content:center; font-size:12px; z-index:10; transition:right .3s; }
  .sidebar-toggle.collapsed { right:0; }

  /* Home page estilo Google */
  .home-page { display:flex; flex-direction:column; align-items:center; padding:60px 20px 40px; min-height:100%; }
  .home-logo { font-family:'Orbitron','Inter',sans-serif; font-size:96px; font-weight:900; letter-spacing:-4px; margin-bottom:30px; background:linear-gradient(135deg,#00d4ff 0%,#a855f7 50%,#ec4899 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-shadow:none; filter:drop-shadow(0 4px 20px rgba(0,212,255,.3)); }
  .home-logo span:nth-child(1) { background:linear-gradient(135deg,#00d4ff,#0099ff); -webkit-background-clip:text; background-clip:text; }
  .home-logo span:nth-child(2) { background:linear-gradient(135deg,#a855f7,#7c3aed); -webkit-background-clip:text; background-clip:text; }
  .home-logo span:nth-child(3) { background:linear-gradient(135deg,#ec4899,#db2777); -webkit-background-clip:text; background-clip:text; }
  .home-search { width:100%; max-width:580px; background:#2d2d3d; border-radius:28px; padding:14px 24px; display:flex; align-items:center; gap:12px; border:1px solid #3d3d4d; transition:all .2s; box-shadow:0 4px 20px rgba(0,0,0,.3); }
  .home-search:focus-within { border-color:#00d4ff; box-shadow:0 4px 30px rgba(0,212,255,.3); }
  .home-search input { background:transparent; border:none; outline:none; color:#e2e8f0; flex:1; font-size:16px; font-family:Inter, sans-serif; }
  .home-search .search-icon { color:#94a3b8; font-size:18px; }
  .home-search .mic-icon { color:#94a3b8; font-size:18px; cursor:pointer; }
  .home-search .mic-icon:hover { color:#00d4ff; }

  .home-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:580px; width:100%; margin-top:40px; }
  .home-tile { background:#2d2d3d; border-radius:12px; padding:16px 8px; text-align:center; cursor:pointer; transition:all .2s; border:1px solid transparent; }
  .home-tile:hover { background:#3d3d4d; border-color:#00d4ff; transform:translateY(-2px); }
  .home-tile .tile-icon { font-size:28px; margin-bottom:6px; }
  .home-tile .tile-name { font-size:11px; color:#e2e8f0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

  /* Sidebar widgets */
  .sidebar-widget { background:#1e1e2e; border-radius:12px; padding:14px; margin-bottom:12px; border:1px solid #3d3d4d; }
  .sidebar-widget-title { font-size:11px; color:#94a3b8; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; font-weight:600; }
  .weather-widget { display:flex; align-items:center; gap:12px; }
  .weather-icon { font-size:36px; }
  .weather-temp { font-size:24px; font-weight:bold; color:#e2e8f0; }
  .weather-loc { font-size:11px; color:#94a3b8; }
  .token-widget { text-align:center; }
  .token-amount { font-family:'Orbitron',sans-serif; font-size:20px; font-weight:700; color:#fbbf24; margin:8px 0; }
  .news-item { padding:8px 0; border-bottom:1px solid #3d3d4d; }
  .news-item:last-child { border-bottom:none; }
  .news-title { font-size:12px; color:#e2e8f0; margin-bottom:4px; }
  .news-time { font-size:10px; color:#64748b; }

  /* Search results page */
  .results-page { padding:24px; max-width:800px; margin:0 auto; }
  .results-header { font-size:14px; color:#94a3b8; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #3d3d4d; }
  .result-item { padding:16px 0; border-bottom:1px solid #2d2d3d; }
  .result-url { font-size:12px; color:#10b981; margin-bottom:4px; }
  .result-title { font-size:18px; color:#00d4ff; margin-bottom:6px; cursor:pointer; }
  .result-title:hover { text-decoration:underline; }
  .result-desc { font-size:13px; color:#94a3b8; line-height:1.5; }

  /* Fake page */
  .fake-page { padding:40px; max-width:900px; margin:0 auto; color:#e2e8f0; }
  .fake-page h1 { font-size:32px; margin-bottom:16px; color:#00d4ff; }
  .fake-page p { font-size:14px; line-height:1.7; margin-bottom:12px; color:#cbd5e1; }
  .fake-page .hero-img { width:100%; height:200px; background:linear-gradient(135deg,#00d4ff,#a855f7); border-radius:12px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; font-size:48px; }

  /* Loading */
  .browser-loading { position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#00d4ff,#a855f7,#ec4899); animation:loadSlide 1s ease-in-out infinite; z-index:100; }
  @keyframes loadSlide { 0% { transform:translateX(-100%); } 100% { transform:translateX(100%); } }

  /* Loading spinner */
  .loading-spinner { width:40px; height:40px; border:3px solid #3d3d4d; border-top-color:#00d4ff; border-radius:50%; animation:spin 1s linear infinite; margin:40px auto; }
  @keyframes spin { to { transform:rotate(360deg); } }

  /* Bookmarks bar */
  .browser-bookmarks { display:flex; align-items:center; gap:6px; padding:5px 10px; background:rgba(8,14,28,.92); border-bottom:1px solid rgba(0,212,255,.25); flex-wrap:wrap; }
  .bm-btn { background:transparent; border:1px solid transparent; color:#9fd4ff; font-family:'VT323',monospace; font-size:15px; padding:2px 10px; border-radius:8px; cursor:pointer; letter-spacing:1px; transition:all .12s ease; }
  .bm-btn:hover { border-color:rgba(0,212,255,.5); color:#00d4ff; background:rgba(0,212,255,.08); }
  .bm-hint { margin-left:auto; font-size:10px; color:#3d5a70; font-family:'Inter',sans-serif; }

  /* ARC BROWSER 3.0: Spaces, DEX, and Command Palette */
  .browser-spaces { background:#252535; display:flex; align-items:center; gap:6px; padding:6px 12px; border-bottom:1px solid #3d3d4d; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .space-btn { background:rgba(255,255,255,0.06); border:1px solid transparent; color:#94a3b8; padding:5px 12px; border-radius:14px; font-size:11px; cursor:pointer; font-weight:600; white-space:nowrap; transition:all .15s; }
  .space-btn:hover { background:rgba(255,255,255,0.12); color:#fff; }
  .space-btn.active { background:linear-gradient(90deg,rgba(0,212,255,0.2),rgba(168,85,247,0.2)); border-color:#00d4ff; color:#00d4ff; }
  .space-cmd-btn { margin-left:auto; background:rgba(0,212,255,0.15); border:1px solid #00d4ff; color:#00d4ff; padding:4px 10px; border-radius:12px; font-size:11px; font-weight:bold; cursor:pointer; white-space:nowrap; }
  .space-cmd-btn:hover { background:#00d4ff; color:#000; }

  /* ARC Synth Lab — Cyber Chiptune Synthesizer */
  .synth-wrap { padding:24px 16px; max-width:680px; margin:0 auto; font-family:'Inter',sans-serif; }
  .synth-card { background:#1e1e2e; border:1px solid #3d3d4d; border-radius:20px; padding:22px; box-shadow:0 14px 40px rgba(0,0,0,0.5); }
  .synth-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; border-bottom:1px solid #2d2d3d; padding-bottom:14px; }
  .synth-scope { width:100%; height:90px; background:#0b0d17; border-radius:12px; border:1px solid #00d4ff44; margin-bottom:16px; display:block; }
  .synth-controls { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); gap:12px; margin-bottom:18px; }
  .synth-knob-box { background:#252535; border:1px solid #3d3d4d; border-radius:12px; padding:10px 12px; }
  .synth-knob-box label { display:block; font-size:11px; color:#94a3b8; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:6px; font-weight:600; }
  .synth-knob-box select, .synth-knob-box input[type="range"] { width:100%; background:#1a1a28; color:#00d4ff; border:1px solid #4a4a5a; border-radius:8px; padding:4px 6px; outline:none; font-size:12px; cursor:pointer; }
  .synth-keys-wrap { position:relative; display:flex; justify-content:center; padding:12px 0 6px; user-select:none; -webkit-user-select:none; }
  .synth-key-white { width:42px; height:130px; background:#f8fafc; border:1px solid #334155; border-radius:0 0 6px 6px; margin:0 1px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; padding-bottom:8px; font-size:11px; font-weight:700; color:#475569; cursor:pointer; box-shadow:0 4px 6px rgba(0,0,0,0.3); transition:background .08s, transform .08s; }
  .synth-key-white:active, .synth-key-white.active { background:#00d4ff; color:#000; transform:translateY(2px); box-shadow:0 1px 2px rgba(0,0,0,0.5); }
  .synth-key-black { position:absolute; width:26px; height:80px; background:#0f172a; border:1px solid #000; border-radius:0 0 4px 4px; z-index:2; display:flex; align-items:flex-end; justify-content:center; padding-bottom:6px; font-size:9px; font-weight:700; color:#94a3b8; cursor:pointer; box-shadow:0 3px 5px rgba(0,0,0,0.6); transition:background .08s; }
  .synth-key-black:active, .synth-key-black.active { background:#a855f7; color:#fff; }
  .synth-presets { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; align-items:center; }
  .synth-preset-btn { background:#252535; border:1px solid #3d3d4d; color:#cbd5e1; border-radius:10px; padding:6px 12px; font-size:11px; font-weight:600; cursor:pointer; transition:all .15s; }
  .synth-preset-btn:hover { border-color:#00d4ff; color:#00d4ff; }
  .synth-preset-btn.active { background:linear-gradient(90deg,#00d4ff,#a855f7); color:#000; font-weight:bold; border:none; }

  /* Interactive Meme Store */
  .shop-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:14px; margin-top:16px; }
  .shop-card { background:#252535; border:1px solid #3d3d4d; border-radius:16px; padding:16px; text-align:center; transition:transform .2s, border-color .2s; }
  .shop-card:hover { transform:translateY(-3px); border-color:#00d4ff; }
  .shop-icon { font-size:48px; margin-bottom:8px; }
  .shop-title { font-weight:800; font-size:15px; color:#fff; margin-bottom:4px; }
  .shop-desc { font-size:11px; color:#94a3b8; min-height:28px; line-height:1.4; margin-bottom:8px; }
  .shop-price { color:#fbbf24; font-family:'VT323',monospace; font-size:19px; margin-bottom:10px; }
  .shop-buy-btn { width:100%; padding:9px; border-radius:10px; background:linear-gradient(90deg,#10b981,#059669); border:none; color:#fff; font-weight:700; cursor:pointer; font-size:12px; transition:all .15s; }
  .shop-buy-btn:active { transform:scale(.96); }
  .shop-buy-btn.owned { background:#3d3d4d; color:#94a3b8; cursor:default; }

  /* Arc Command Palette */
  .arc-cmd-modal { position:fixed; inset:0; z-index:9000; background:rgba(0,0,0,0.7); backdrop-filter:blur(8px); display:none; align-items:flex-start; justify-content:center; padding-top:12vh; font-family:'Inter',sans-serif; }
  .arc-cmd-modal.show { display:flex; }
  .arc-cmd-box { width:min(580px,94vw); background:#1e1e2e; border:1px solid #00d4ff; border-radius:16px; box-shadow:0 20px 60px rgba(0,212,255,0.25); overflow:hidden; }
  .arc-cmd-input { width:100%; background:transparent; border:none; outline:none; color:#fff; font-size:18px; padding:16px 20px; border-bottom:1px solid #3d3d4d; font-family:'Inter',sans-serif; }
  .arc-cmd-list { max-height:300px; overflow-y:auto; padding:8px; }
  .arc-cmd-item { display:flex; align-items:center; gap:12px; padding:10px 14px; border-radius:10px; color:#cbd5e1; cursor:pointer; font-size:14px; transition:background .15s; }
  .arc-cmd-item:hover, .arc-cmd-item.sel { background:rgba(0,212,255,0.15); color:#00d4ff; }
  .arc-cmd-item .cmd-ic { font-size:18px; }
  .arc-cmd-item .cmd-badge { margin-left:auto; font-size:11px; color:#64748b; background:#2d2d3d; padding:2px 8px; border-radius:6px; }

  /* ========================================================
     RESPONSIVE MOBILE ENGINE v2 — NATIVE SHEET DESIGN
     ======================================================== */
  @keyframes sheetSlideUp { from { transform:translateY(40px); opacity:.4; } to { transform:translateY(0); opacity:1; } }

  @media (max-width:768px) {
    /* ---- DESKTOP GRID ---- */
    .desktop {
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
      padding-bottom:58px;
    }
    .dicons {
      position:relative;
      inset:auto;
      top:0; left:0;
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(84px,1fr));
      gap:18px 10px;
      padding:18px 10px 10px;
      width:100%;
      pointer-events:auto;
    }
    .dicon {
      position:relative !important;
      left:auto !important;
      top:auto !important;
      width:auto;
      padding:12px 4px 8px;
      border-radius:14px;
      background:rgba(0,0,0,0.28);
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
      touch-action:manipulation;
      border:1px solid rgba(255,255,255,0.08);
    }
    .dicon:active {
      background:rgba(0,212,255,0.38);
      border-color:rgba(0,212,255,0.5);
      transform:scale(.93);
    }
    .dicon .ico { font-size:40px; }
    .dicon .lbl { font-size:11px; text-shadow:0 1px 4px rgba(0,0,0,0.9); line-height:1.3; }

    /* ---- NATIVE BOTTOM SHEET WINDOWS ---- */
    .window {
      position:fixed !important;
      left:0 !important;
      right:0 !important;
      bottom:42px !important;
      top:auto !important;
      width:100vw !important;
      max-width:100vw !important;
      height:calc(100vh - 42px) !important;
      max-height:calc(100vh - 42px) !important;
      border-radius:18px 18px 0 0 !important;
      transform:none !important;
      border:none !important;
      border-top:2px solid rgba(8,49,217,0.6) !important;
      box-shadow:0 -8px 40px rgba(0,0,0,0.7), 0 -1px 0 rgba(255,255,255,0.1) !important;
      animation:sheetSlideUp .22s ease-out !important;
      background:#ECE9D8 !important;
    }
    /* Sheet handle pill */
    .window::before {
      content:'';
      display:block;
      width:40px;
      height:4px;
      background:rgba(0,0,0,0.22);
      border-radius:99px;
      margin:6px auto 0;
      flex-shrink:0;
    }
    .title-bar {
      height:44px;
      padding:0 10px 0 16px;
      font-size:14px;
      font-weight:bold;
      cursor:default;
      letter-spacing:0.2px;
      border-radius:0 !important;
    }
    .title-bar span {
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      flex:1;
    }
    .tb-btns button {
      width:36px;
      height:36px;
      font-size:16px;
      border-radius:6px;
      flex-shrink:0;
    }
    .window-body {
      padding:14px 14px 20px;
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
      overscroll-behavior:contain;
      max-height:calc(100% - 44px - 50px);
      padding-bottom:env(safe-area-inset-bottom, 16px);
    }
    .status-bar {
      font-size:11px;
      flex-wrap:wrap;
      gap:4px;
      padding:4px 10px;
    }
    .grip { display:none !important; }

    /* ---- TASKBAR ---- */
    .taskbar {
      height:42px;
      gap:4px;
      padding:0 4px;
    }
    .start-btn {
      height:34px;
      padding:0 10px 0 8px;
      font-size:13px;
      flex-shrink:0;
      border-radius:0 8px 8px 0;
    }
    .tb-win-wrap {
      display:flex;
      gap:3px;
      flex:1;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      align-items:center;
    }
    .tb-win-wrap::-webkit-scrollbar { display:none; }
    .tb-win {
      height:28px;
      max-width:110px;
      min-width:60px;
      font-size:10px;
      flex-shrink:0;
      padding:0 6px;
      border-radius:4px;
    }
    .tray {
      padding:0 6px;
      font-size:10px;
      gap:4px;
      flex-shrink:0;
    }

    /* ---- START MENU DRAWER ---- */
    .start-menu {
      width:100vw !important;
      left:0 !important;
      right:0 !important;
      bottom:42px !important;
      max-height:calc(100vh - 54px) !important;
      border-radius:18px 18px 0 0;
      box-shadow:0 -6px 40px rgba(0,0,0,0.75);
      border:none;
      border-top:1px solid rgba(8,49,217,0.5);
    }
    .sm-top {
      padding:14px 16px;
      border-radius:14px 14px 0 0;
    }
    .sm-body {
      flex-direction:column;
      max-height:calc(100vh - 160px);
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
    }
    .sm-left, .sm-right { width:100%; }
    .sm-item {
      padding:11px 16px;
      font-size:13px;
      min-height:46px;
      border-radius:6px;
    }
    .sm-item .ic { font-size:22px; width:28px; }
    .sm-bottom { padding:8px 12px; }

    /* ---- CONTENT GRIDS ---- */
    .meme-grid {
      grid-template-columns:repeat(2,1fr) !important;
      gap:10px !important;
    }
    .meme-tile {
      padding:14px 8px 12px !important;
    }
    .meme-tile .mt-icon { font-size:42px !important; }
    .meme-tile .mt-name { font-size:13px !important; }
    .meme-tile .mt-desc { font-size:10px !important; min-height:28px !important; }

    /* ---- ANTIVIRUS WINDOW ---- */
    .shieldbox { flex-direction:column; align-items:center; text-align:center; }
    .console { height:100px; font-size:14px; }
    .cfg-grid { justify-content:center; }

    /* ---- LEADERBOARD TABLE ---- */
    .lb-wrap { padding:14px 12px; }
    .lb-table { font-size:15px; }
    .lb-table td, .lb-table th { padding:5px 6px; }
    .lb-table th:nth-child(4), .lb-table td:nth-child(4) { display:none; }

    /* ---- ARC BROWSER ---- */
    .browser-sidebar { width:0; padding:0; display:none; }
    .sidebar-toggle { display:none; }
    .browser-spaces { gap:4px; padding:4px 8px; }
    .space-btn { font-size:10px; padding:4px 8px; }
    .home-logo { font-size:44px; margin-bottom:14px; }
    .home-page { padding:30px 14px 30px; }
    .home-tiles { grid-template-columns:repeat(2,1fr); gap:10px; margin-top:16px; }
    .home-tile { padding:14px 8px; border-radius:14px; }
    .home-tile .tile-icon { font-size:26px; }
    .home-tile .tile-name { font-size:10px; }
    .home-search { padding:10px 14px; border-radius:22px; margin-bottom:14px; }
    .home-search input { font-size:14px; }
    .browser-tab { max-width:120px; min-width:55px; font-size:10px; padding:5px 8px 7px; }
    .browser-toolbar { padding:5px 6px; gap:5px; }
    .browser-nav-btn { width:28px; height:28px; font-size:14px; }
    .browser-url-bar { padding:6px 10px; }
    .browser-url-bar input { font-size:13px; }
    .synth-wrap { padding:14px 6px; }
    .synth-key-white { width:28px; height:105px; font-size:9px; }
    .synth-key-black { width:18px; height:65px; font-size:8px; }
    .shop-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
    .shop-icon { font-size:38px; }
    .fake-page { padding:20px 14px; }
    .fake-page h1 { font-size:24px; }
    .fake-page p, .fake-page li { font-size:13px; }
    .arc-news-block { margin-top:16px; width:100%; }

    /* ---- GAME UI ---- */
    .brief-grid { grid-template-columns:repeat(2,1fr); gap:6px; }
    .brief-title { font-size:26px; }
    .brief-wrap { padding:14px 14px; }
    .brief-countdown, .brief-go { font-size:72px; }
    .hud-center { width:94vw; }
    .nv-title { font-size:44px; }
    .nv-btn { font-size:20px; padding:10px; }
  }

  /* Extra small phones */
  @media (max-width:390px) {
    .dicons { grid-template-columns:repeat(auto-fill,minmax(76px,1fr)); gap:12px 8px; }
    .meme-grid { grid-template-columns:1fr !important; }
    .home-tiles { grid-template-columns:repeat(2,1fr); }
    .lb-table { font-size:13px; }
    .lb-table td:nth-child(3), .lb-table th:nth-child(3) { display:none; }
  }

  ::-webkit-scrollbar { width:14px; height:14px; } ::-webkit-scrollbar-track { background:#f1efe2; }
  ::-webkit-scrollbar-thumb { background:#c8c4b4; border:1px solid #8a867a; }