/* Who Got Work Arcade - shared styles. Brand: orange accent, dark navy, white, light blue. */
.wa{--o:#f26b1d;--o2:#ff8a3d;--n:#0b1f3a;--n2:#132d52;--b:#2f80ed;--lb:#e6f2fb;--g:#16a34a;--r:#dc2626;--y:#f5b301;--t:#1a2333;--m:#5b6b80;
  font-family:inherit;color:var(--t);-webkit-tap-highlight-color:transparent}
.wa *{box-sizing:border-box}
.wa a{color:inherit}
.wa .wa-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 48px}
.wa .wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:0;background:var(--o);color:#fff;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none;line-height:1.1;touch-action:manipulation}
.wa .wa-btn:hover{background:#e05a0c;color:#fff}
.wa .wa-btn.alt{background:var(--n);color:#fff}
.wa .wa-btn.alt:hover{background:var(--n2)}
.wa .wa-btn.ghost{background:transparent;color:var(--n);border:2px solid var(--n)}
.wa .wa-btn.ghost:hover{background:var(--lb)}
.wa .wa-btn.sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:10px}
.wa .wa-btn[disabled]{opacity:.5;cursor:not-allowed}
.wa :focus-visible{outline:3px solid var(--b);outline-offset:2px}
.wa .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- Arcade home */
.wa-hero{background:linear-gradient(135deg,var(--n) 0%,#173a6b 100%);color:#fff;border-radius:20px;padding:28px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}
.wa-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(242,107,29,.35),transparent 70%)}
.wa-hero img.wa-logo{width:96px;height:96px;border-radius:50%;background:#fff;padding:4px;flex:none}
.wa-hero h1{color:#fff;font-weight:900;font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:-.5px}
.wa-hero p{color:#c9d7ea;margin:6px 0 0;font-size:17px}
.wa-hero .wa-hero-text{flex:1;min-width:240px;position:relative;z-index:1}
.wa-hero .wa-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.wa-section{margin-top:32px}
.wa-section h2{font-size:22px;font-weight:900;color:var(--n);margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wa-section h2 a{font-size:14px;color:var(--o);text-decoration:none;font-weight:800}
.wa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.wa-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(11,31,58,.09);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;position:relative}
.wa-card:hover,.wa-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px rgba(11,31,58,.16)}
.wa-card .wa-thumb{aspect-ratio:1200/630;background:var(--n);position:relative}
.wa-card .wa-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wa-card .wa-badge{position:absolute;top:10px;left:10px;background:rgba(11,31,58,.85);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}
.wa-card .wa-badge.hot{background:var(--o)}
.wa-card .wa-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.wa-card .wa-cat{font-size:12px;font-weight:800;color:var(--b);text-transform:uppercase;letter-spacing:.5px}
.wa-card strong{font-size:18px;color:var(--n);line-height:1.2}
.wa-card .wa-tag{color:var(--m);font-size:14px;flex:1}
.wa-card .wa-play{align-self:flex-start;margin-top:6px;background:var(--o);color:#fff;font-weight:800;border-radius:10px;padding:8px 14px;font-size:14px}
.wa-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
@media (max-width:820px){.wa-feature{grid-template-columns:1fr}}
.wa-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(11,31,58,.09);padding:18px}
.wa-panel h3{margin:0 0 10px;font-size:18px;font-weight:900;color:var(--n)}
.wa-daily{background:linear-gradient(135deg,var(--o),#ff9a4d);color:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.wa-daily h3{color:#fff;margin:0;font-size:20px}
.wa-daily .wa-btn{background:#fff;color:var(--o);align-self:flex-start}
.wa-board{width:100%;border-collapse:collapse;font-size:15px}
.wa-board td,.wa-board th{padding:8px 6px;border-bottom:1px solid #edf1f6;text-align:left}
.wa-board th{font-size:12px;text-transform:uppercase;color:var(--m);letter-spacing:.4px}
.wa-board td.num{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.wa-board .rk{width:34px;font-weight:900;color:var(--o)}
.wa-board tr:first-child .rk{color:var(--y)}
.wa-empty{color:var(--m);font-size:14px;padding:10px 0}
.wa-ach{display:flex;flex-wrap:wrap;gap:8px}
.wa-ach span{background:var(--lb);color:var(--n);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}
.wa-ach span.on{background:var(--n);color:#fff}
.wa-note{font-size:13px;color:var(--m)}
.wa-ad{margin:18px 0;text-align:center;min-height:0}
.wa-ad:empty{display:none}

/* ---- Game page */
.wa-gamepage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.wa-gamepage.no-side{grid-template-columns:minmax(0,1fr)}
@media (max-width:1000px){.wa-gamepage{grid-template-columns:minmax(0,1fr)}.wa-side-ad{display:none}}
.wa-shell{background:var(--n);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(11,31,58,.25);position:relative}
.wa-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#081730;color:#fff}
.wa-bar img{width:36px;height:36px;border-radius:50%;background:#fff;padding:2px;flex:none}
.wa-bar .wa-title{font-weight:900;font-size:17px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-bar button{background:rgba(255,255,255,.1);border:0;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.wa-bar button:hover{background:rgba(255,255,255,.2)}
.wa-bar button[aria-pressed=true]{background:var(--o)}
.wa-hud{display:flex;gap:6px;flex-wrap:wrap;padding:6px 10px;background:#0e2443;color:#fff;min-height:40px;align-items:center}
.wa-hud:empty{display:none}
.wa-hud span{background:rgba(255,255,255,.08);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.wa-hud span b{color:var(--o2);margin-right:4px;font-weight:800}
.wa-stage{position:relative;background:#0f2a4d;min-height:420px;height:clamp(440px,calc(100vh - 220px),760px);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.wa-shell:fullscreen{border-radius:0;display:flex;flex-direction:column}
.wa-shell:fullscreen .wa-stage{flex:1;height:auto}
@media (max-width:640px){.wa-stage{height:calc(100svh - 190px);min-height:440px}.wa-bar .wa-title{font-size:15px}}
.wa-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;z-index:20;background:radial-gradient(circle at 50% 0%,#1d4479 0%,#0b1f3a 70%)}
.wa-screen[hidden]{display:none}
.wa-menu{width:min(560px,100%);color:#fff;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;margin:auto}
.wa-menu img.wa-big-logo{width:110px;height:110px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 0 0 6px rgba(242,107,29,.35)}
.wa-menu h2{color:#fff;font-size:clamp(24px,4vw,34px);font-weight:900;margin:0}
.wa-menu p{margin:0;color:#c9d7ea}
.wa-menu ul{text-align:left;margin:0;padding:12px 16px 12px 34px;background:rgba(255,255,255,.07);border-radius:12px;color:#dbe6f5;font-size:15px;width:100%}
.wa-menu ul li{margin:4px 0}
.wa-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}
.wa-opts label{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:12px;font-weight:800;color:#9fb6d3;text-transform:uppercase;letter-spacing:.4px}
.wa-opts select{min-height:46px;border-radius:10px;border:2px solid #2b4c78;background:#132d52;color:#fff;font-size:16px;padding:0 10px;font-weight:700}
.wa-challenge-banner{background:var(--o);color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;width:100%}
.wa-challenge-banner small{display:block;font-weight:600;opacity:.9}
.wa-daily-pill{background:#fff;color:var(--o);border-radius:999px;padding:4px 12px;font-weight:900;font-size:13px}
.wa-disclaimer{font-size:13px;color:#9fb6d3;max-width:480px}
.wa-loading{display:flex;flex-direction:column;gap:14px;align-items:center;color:#fff}
.wa-loading img{width:90px;height:90px;border-radius:50%;background:#fff;padding:4px;animation:wa-pulse 1.2s ease-in-out infinite}
@keyframes wa-pulse{50%{transform:scale(1.08)}}
.wa-results{width:min(620px,100%);background:#fff;color:var(--t);border-radius:18px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:12px;margin:auto}
.wa-results img.wa-r-logo{width:70px;height:70px;border-radius:50%;margin:0 auto}
.wa-results h2{margin:0;color:var(--n);font-size:22px;font-weight:900}
.wa-results .wa-score{font-size:clamp(44px,8vw,64px);font-weight:900;color:var(--o);line-height:1;font-variant-numeric:tabular-nums}
.wa-results .wa-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wa-results .wa-stats span{background:var(--lb);border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700;color:var(--n)}
.wa-results .wa-msg{font-weight:800;border-radius:12px;padding:10px 14px}
.wa-results .wa-msg.win{background:#dcfce7;color:#14532d}
.wa-results .wa-msg.lose{background:#fff7ed;color:#7c2d12}
.wa-results .wa-msg.bad{background:#fee2e2;color:#7f1d1d}
.wa-results .wa-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wa-results .wa-nick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:14px}
.wa-results .wa-nick input[type=text]{min-height:42px;border:2px solid #cfd9e6;border-radius:10px;padding:0 12px;font-size:16px;width:200px}
.wa-share{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wa-share a,.wa-share button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;border:2px solid #cfd9e6;background:#fff;color:var(--n);font-weight:800;font-size:14px;cursor:pointer;text-decoration:none}
.wa-share a:hover,.wa-share button:hover{border-color:var(--n)}
.wa-toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:rgba(8,23,48,.92);color:#fff;padding:10px 16px;border-radius:12px;font-weight:800;z-index:40;max-width:90%;text-align:center;pointer-events:none;transition:opacity .3s}
.wa-toast.good{background:rgba(22,163,74,.95)}
.wa-toast.bad{background:rgba(220,38,38,.95)}
.wa-pausebox{color:#fff;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.wa-info{margin-top:20px;display:grid;gap:18px}
.wa-info h2{font-size:20px;color:var(--n);font-weight:900;margin:0 0 8px}
.wa-jobs{display:flex;gap:8px;flex-wrap:wrap}
.wa-jobs a{background:var(--lb);color:var(--n);font-weight:800;border-radius:10px;padding:8px 14px;text-decoration:none}
.wa-jobs a:hover{background:var(--n);color:#fff}
.wa-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.wa-mini a{display:flex;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px rgba(11,31,58,.08);text-decoration:none}
.wa-mini img{width:84px;border-radius:8px;aspect-ratio:1200/630;object-fit:cover}
.wa-mini strong{color:var(--n);font-size:14px}
@media (prefers-reduced-motion:reduce){.wa *{animation:none!important;transition:none!important}}
/* While a game is running, hide the theme's floating "back to top" button so it never covers game buttons. */
body.wa-playing #back-to-top,body.wa-playing .back-to-top,body.wa-playing .scroll-to-top{display:none!important}