/* Original Word Bricks artwork and interface. */
.game-card:nth-child(7) .card-top { background:radial-gradient(ellipse at 25% 20%,#fff5ff99,transparent 50%),linear-gradient(135deg,#b9a5ee,#8172cb); }
.wb-card-art { position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:245px;height:155px;padding-bottom:6px;color:#35225c; }
.wb-art-row { display:flex;gap:7px;transform:rotate(-7deg); }
.wb-art-row b,.wb-art-falling { display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#f7ffe6,#b6e87e);box-shadow:inset 2px 2px 0 #ffffffbc,0 6px 0 #718f56,0 13px 19px #38226140;font-size:26px;font-weight:900; }
.wb-art-row b:nth-child(even) { background:linear-gradient(135deg,#faf1ff,#dfb9ef);box-shadow:inset 2px 2px 0 #fff9,0 6px 0 #9570ac,0 13px 19px #38226140; }
.wb-art-falling { position:absolute;top:2px;left:93px;background:linear-gradient(135deg,#ffeda8,#ffc15b);box-shadow:inset 2px 2px 0 #fff9,0 6px 0 #b7833e,0 13px 19px #38226140;transform:rotate(12deg);animation:wb-brick-float 2.5s ease-in-out infinite alternate; }
.wb-art-star { position:absolute;left:36px;top:12px;color:#fff8ca;font-size:36px; }
.wb-card-art small { margin-top:23px;font-size:10px;letter-spacing:2px;font-weight:800; }
.wb-card-art img { width:100%;height:100%;object-fit:contain;border-radius:9px; }
.wb-tier-track { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px; }
.wb-tier-track>span { display:grid;grid-template-columns:30px 1fr;gap:0 7px;align-items:center;background:#eaece7;border:1px solid transparent;border-radius:10px;padding:6px 8px;opacity:.65; }
.wb-tier-track>span.active { opacity:1;border-color:#ae97cd;background:#f0e9f8; }
.wb-tier-track img { width:30px;height:30px;object-fit:contain;grid-row:span 2;border-radius:50%; }
.wb-tier-track b { font-size:11px; }.wb-tier-track small { font-size:9px;color:#7b7580; }
@keyframes wb-brick-float { to { transform:translateY(15px) rotate(-4deg); } }
.wb-game { --wb-ink:#243832;--wb-purple:#65509b;color:var(--wb-ink); }
.wb-heading { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px; }
.wb-eyebrow { font-size:10px;font-weight:800;letter-spacing:1.4px;color:#6c6280; }
.wb-metrics { display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px; }
.wb-metrics b { padding:7px 10px;border-radius:30px;background:#e7e0f4;color:#594288; }
.wb-progress { display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:20px; }
.wb-progress i { height:5px;border-radius:4px;background:#e0e2dc; }
.wb-progress .done { background:#7cab56; }.wb-progress .current { background:#9d81d0; }
.wb-layout { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start; }
.wb-board-title { display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:11px;font-weight:700; }
.wb-board-title small { color:#7d6c9a;font-size:9px;white-space:nowrap; }
.wb-board { position:relative;border:6px solid #304442;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#304c50,#142d2b 80%);box-shadow:0 12px 26px #1739321c;outline-offset:4px; }
.wb-board:focus-visible { outline:3px solid #9780c8; }
.wb-grid { display:grid;grid-template-columns:repeat(var(--wb-cols),minmax(0,1fr));grid-template-rows:repeat(10,38px);gap:3px;padding:8px; }
.wb-cell { display:grid;place-items:center;min-width:0;border:1px solid #ffffff09;border-radius:5px;font-size:20px;font-weight:900;color:#f6f8e5;font-family:ui-rounded,system-ui,sans-serif; }
.wb-cell.target { background:#c8ed7d15;border-bottom:2px solid #bce48180; }
.wb-cell.filled { color:#2a443b;background:linear-gradient(145deg,#ecfbc0,#9ed371);border:1px solid #e5ffba;box-shadow:inset 0 -4px 0 #436d3733; }
.wb-cell.falling { color:#342650;background:linear-gradient(145deg,#f6e7ff,#baa0ed);border:1px solid #e1c4ff;box-shadow:0 0 20px #d2aeff60,inset 0 -4px 0 #6e489533; }
.wb-cell.ghost { border:2px dashed #d3bee885;color:#e6d4ff7a;background:#cfb5ef0d; }
.wb-cell { position:relative;overflow:hidden; }
.wb-cell img { width:100%;height:100%;max-height:36px;object-fit:contain;position:absolute;inset:0; }
.wb-cell:not(.ghost)>b { position:absolute;right:2px;bottom:1px;min-width:16px;text-align:center;font-size:12px;line-height:16px;border-radius:4px;background:#122921cf;color:#fff;text-shadow:0 1px 2px #000;z-index:1; }
.wb-next b { position:relative;overflow:hidden; }.wb-next img { width:100%;height:100%;object-fit:contain; }.wb-next b small { position:absolute;right:1px;bottom:0;color:#fff;font-size:9px;text-shadow:0 1px 3px #000; }
.wb-cell.cleared { background:linear-gradient(135deg,#ffeda7,#c3ec86);animation:wb-line-glow .6s ease-in-out 2 alternate; }
@keyframes wb-line-glow { to { box-shadow:0 0 15px #c7ff89;filter:brightness(1.2); } }
.wb-column-controls { position:absolute;inset:8px;display:grid;grid-template-columns:repeat(var(--wb-cols),1fr); }
.wb-column-controls button { appearance:none;background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation; }
.wb-column-controls button:disabled { cursor:default; }
.wb-board-overlay { position:absolute;inset:0;z-index:2;background:#102521eb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#f7fbe9;padding:20px;gap:12px; }
.wb-board-overlay>span { font-size:38px; }.wb-board-overlay b { font-size:17px; }.wb-board-overlay p { font-size:12px;line-height:1.7;margin:0;color:#c4d6c7; }
.wb-game button { font:inherit;touch-action:manipulation; }
.wb-game button:focus-visible { outline:3px solid #8666b5;outline-offset:3px; }
.wb-game button:disabled { opacity:.42;cursor:not-allowed; }
.wb-game .wb-primary { background:#d7ef96;color:#223a2b;border:0;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:800;cursor:pointer;min-height:44px; }
.wb-controls { display:grid;grid-template-columns:1fr 1fr 1fr 2.4fr;gap:7px;margin-top:12px; }
.wb-controls button { background:#e8eae3;border:1px solid #d7ddd1;border-bottom:3px solid #c9d0c1;border-radius:11px;min-height:46px;font-weight:800;font-size:21px;color:#2b4238; }
.wb-controls .wb-drop { background:#ddcff2;border-color:#cab6e6;color:#514071;font-size:12px; }
.wb-key-guide { font-size:10px;color:#718076;line-height:1.7;margin:10px 0 0; }
.wb-quiz { background:linear-gradient(145deg,#eeebf5,#f9f7f0);border:1px solid #e3dfea;border-radius:18px;padding:19px;min-width:0; }
.wb-quiz-label { display:block;text-align:center;font-size:11px;font-weight:800;letter-spacing:.8px;color:#7b6798; }
.wb-emoji { font-size:45px;text-align:center;margin:12px 0 6px; }
.wb-quiz h3 { font-size:25px;margin:0;text-align:center;color:#303d34; }.wb-quiz>p:not(.wb-live) { text-align:center;font-size:11px;color:#788277;line-height:1.6;margin:8px 0 15px; }
.wb-answer-slots { display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:18px; }
.wb-answer-slots span { min-width:20px;min-height:29px;display:grid;place-items:center;border-bottom:2px solid #bba6d7;font-weight:800;font-size:17px;color:#685083; }
.wb-next { border-top:1px solid #ded9e5;padding-top:12px; }.wb-next small { color:#7c7388;font-size:10px; }.wb-next>div { display:flex;gap:7px;margin-top:7px;min-height:31px; }.wb-next b { display:grid;place-items:center;background:#e6e1ed;border-radius:7px;width:30px;height:30px;color:#78638f;font-size:15px; }.wb-next b.now { background:#b79ed7;color:#fff; }
.wb-live { background:#ffffff90;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.65;min-height:38px;margin:12px 0; }
.wb-game[data-status=blocked] .wb-live { background:#fff1dd;color:#80511f; }
.wb-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.wb-actions button { border:1px solid #dad6df;background:#fff9;border-radius:9px;padding:9px 5px;font-size:10px;font-weight:700;color:#635376;min-height:42px;cursor:pointer; }
.wb-help { display:block;font-size:10px;line-height:1.8;color:#7e8180;margin-top:13px; }
.wb-success { display:flex;flex-direction:column;gap:12px;text-align:center; }.wb-success b { font-size:13px;color:#52833d; }
.wb-word-collection { display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0; }.wb-word-collection span { border-radius:9px;padding:7px 10px;background:#ece6f6;font-size:12px;color:#614782; }
@media(max-width:680px) {
  .wb-heading { gap:7px;margin-bottom:8px; }.wb-eyebrow { font-size:8px;letter-spacing:.4px; }.wb-metrics { font-size:10px;gap:6px; }.wb-metrics b { padding:5px 7px; }.wb-layout { grid-template-columns:minmax(0,1fr);gap:12px; }
  .wb-quiz { grid-row:1;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px; }.wb-quiz-label { display:none; }.wb-emoji { grid-row:1 / span 2;grid-column:1;font-size:28px;margin:2px 0; }.wb-quiz h3 { grid-row:1;grid-column:2;font-size:19px;text-align:left; }
  .wb-quiz>p:not(.wb-live) { display:none; }.wb-answer-slots { grid-row:2;grid-column:2;justify-content:flex-start;margin:3px 0 6px; }.wb-answer-slots span { font-size:13px;min-height:20px;min-width:16px; }
  .wb-next { grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-top:6px; }.wb-next>div { margin-top:0; }
  .wb-live { grid-column:1 / -1;margin:6px 0;padding:5px 7px;min-height:0;font-size:10px; }.wb-help { display:none; }.wb-actions { grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px; }.wb-actions button { min-height:44px;font-size:9px;padding:4px 2px;line-height:1.5; }.wb-success { grid-column:1 / -1;gap:6px; }.wb-success>b { display:none; }
  .wb-grid { grid-template-rows:repeat(10,27px);gap:2px;padding:6px; }.wb-cell { font-size:16px; }.wb-column-controls { inset:6px; }.wb-cell img { max-height:25px; }
  .wb-tier-track>span { grid-template-columns:22px 1fr;padding:5px;gap:0 4px; }.wb-tier-track img { width:22px;height:22px; }.wb-tier-track b { font-size:10px; }.wb-tier-track small { font-size:8px; }
  .wb-board-overlay { padding:12px;gap:8px; }.wb-board-overlay>span { font-size:28px; }.wb-board-overlay b { font-size:15px; }
  .wb-tier-track { margin-bottom:8px; }.wb-progress { margin-bottom:10px; }.wb-board-title { font-size:10px; }.wb-controls { position:sticky;bottom:0;z-index:3;background:#f8f8f2;padding:5px 0;margin-top:5px; }.wb-key-guide { font-size:9px;margin-top:4px; }
}
@media(prefers-reduced-motion:reduce) { .wb-art-falling,.wb-cell.cleared { animation:none; } }