#gcg-game-root {
  min-height: 900px;
  overflow: hidden;
  color: #fff5e8;
  background: #09070b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#gcg-game-root *, #gcg-game-root *::before, #gcg-game-root *::after { box-sizing: border-box; }
#gcg-game-root button, #gcg-game-root input, #gcg-game-root select { font: inherit; }
#gcg-game-root button { -webkit-tap-highlight-color: transparent; }
#gcg-game-root button:focus-visible { outline: 2px solid var(--st-accent); outline-offset: 2px; }

.st-game {
  --st-accent: #f2c66d;
  --st-accent-2: #65d7cf;
  --st-accent-3: #d064ff;
  --st-danger: #ff596f;
  --st-panel: rgba(15, 17, 25, .86);
  --st-panel-2: rgba(22, 24, 34, .9);
  --st-line: rgba(233, 206, 145, .15);
  --st-muted: rgba(238, 233, 218, .62);
  --st-cell: rgba(255, 255, 255, .036);
  --st-cell-alt: rgba(233, 191, 107, .055);
  --st-given: #f7e5bd;
  --st-user: #65d7cf;
  position: relative;
  min-height: 900px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% -14%, rgba(255, 187, 73, .24), transparent 31%),
    radial-gradient(circle at 8% 48%, rgba(160, 31, 64, .18), transparent 30%),
    radial-gradient(circle at 92% 62%, rgba(106, 49, 173, .16), transparent 31%),
    linear-gradient(145deg, #08070b 0%, #191019 50%, #08070b 100%);
}
.st-game::before {
  content: "";
  position: absolute; inset: 0; z-index: -3; opacity: .52;
  background-image:
    linear-gradient(rgba(233, 191, 107, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(233, 191, 107, .025) 1px, transparent 1px),
    radial-gradient(circle at 12% 15%, rgba(255,255,255,.85) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 24%, rgba(255,255,255,.65) 0 1px, transparent 1.5px),
    radial-gradient(circle at 92% 75%, rgba(255,255,255,.55) 0 1px, transparent 1.5px);
  background-size: 48px 48px, 48px 48px, 151px 137px, 173px 163px, 211px 191px;
}
.st-game::after {
  content: "";
  position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.54), transparent 18% 82%, rgba(0,0,0,.54)),
    radial-gradient(ellipse at center, transparent 48%, rgba(0,0,0,.52) 100%);
  box-shadow: inset 0 0 220px rgba(0,0,0,.52);
}
.st-theme-jade {
  --st-accent: #8fe3b3; --st-accent-2: #5bd5c7; --st-accent-3: #89b8ff;
  --st-panel: rgba(6, 31, 29, .85); --st-panel-2: rgba(8, 42, 38, .88);
  --st-line: rgba(141, 230, 185, .17); --st-cell: rgba(124, 225, 187, .045); --st-cell-alt: rgba(111, 223, 191, .08);
  --st-given: #ddffe9; --st-user: #7df1dc;
  background: radial-gradient(circle at 50% -14%, rgba(75, 209, 159, .22), transparent 32%), radial-gradient(circle at 8% 54%, rgba(31, 139, 128, .16), transparent 30%), linear-gradient(145deg,#041310,#0a3029 52%,#03110f);
}
.st-theme-parchment {
  --st-accent: #b86f33; --st-accent-2: #2f867c; --st-accent-3: #8f5db7; --st-danger:#bc3d46;
  --st-panel: rgba(247, 235, 204, .88); --st-panel-2: rgba(239, 221, 179, .9);
  --st-line: rgba(96, 61, 27, .17); --st-muted: rgba(66, 45, 28, .63); --st-cell: rgba(90, 54, 18, .03); --st-cell-alt: rgba(183, 111, 51, .07);
  --st-given: #3c2819; --st-user: #146d65;
  color: #382718;
  background: radial-gradient(circle at 50% -14%, rgba(255, 221, 145, .36), transparent 32%), radial-gradient(circle at 8% 54%, rgba(125, 91, 49, .13), transparent 30%), linear-gradient(145deg,#d9c08c,#f2e4be 53%,#c9a86e);
}
.st-theme-parchment::after { background: linear-gradient(90deg, rgba(57,37,17,.18), transparent 18% 82%, rgba(57,37,17,.18)), radial-gradient(ellipse at center, transparent 55%, rgba(63,38,16,.20)); box-shadow:inset 0 0 170px rgba(91,56,17,.18); }
.st-theme-parchment .st-topbar, .st-theme-parchment .st-subbar { color:#392718; }
.st-theme-parchment .st-topbar { background:linear-gradient(180deg,rgba(244,229,193,.96),rgba(225,203,159,.91)); }
.st-theme-parchment .st-subbar { background:rgba(229,209,169,.75); }
.st-theme-parchment .st-btn, .st-theme-parchment .st-icon, .st-theme-parchment .st-stage-tools button, .st-theme-parchment .st-mobile-tools button { color:#392718; }
.st-theme-parchment .st-panel-title span, .st-theme-parchment .st-world-card h3, .st-theme-parchment .st-stage-head b, .st-theme-parchment .st-insight strong { color:#392718; }
.st-theme-parchment .st-footer { color:rgba(57,39,24,.65); }
.st-theme-parchment .st-board { background:#6e4528; }
.st-theme-parchment .st-cell { background:rgba(255,250,233,.95); }
.st-theme-parchment .st-cell.st-related { background:#f2dfb1; }
.st-theme-parchment .st-cell.st-same { background:#cce7d8; }
.st-theme-parchment .st-modal { background:rgba(57,40,24,.55); }
.st-theme-parchment .st-modal-card { color:#392718; }
.st-no-motion *, .st-no-motion *::before, .st-no-motion *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }

.st-ambient { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.st-ambient i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--st-accent); box-shadow:0 0 18px var(--st-accent); opacity:.55; animation:stFloat 14s linear infinite; }
.st-ambient i:nth-child(1){ left:8%; top:73%; animation-delay:-1s; }.st-ambient i:nth-child(2){ left:24%; top:88%; animation-delay:-8s; }.st-ambient i:nth-child(3){ left:67%; top:83%; animation-delay:-4s; }.st-ambient i:nth-child(4){ left:88%; top:64%; animation-delay:-10s; }.st-ambient i:nth-child(5){ left:53%; top:93%; animation-delay:-6s; }
@keyframes stFloat { 0%{transform:translateY(30px) scale(.7);opacity:0} 15%{opacity:.6} 85%{opacity:.25} 100%{transform:translateY(-680px) translateX(45px) scale(1.5);opacity:0} }

.st-topbar {
  position:relative; z-index:70;
  display:grid; grid-template-columns:minmax(225px,1fr) auto auto auto; align-items:center; gap:16px;
  min-height:90px; padding:13px 18px;
  border-bottom:1px solid rgba(233,206,145,.10);
  background:linear-gradient(180deg,rgba(8,10,16,.98),rgba(12,14,22,.91));
  box-shadow:0 16px 46px rgba(0,0,0,.34); backdrop-filter:blur(20px);
}
.st-brand { display:flex; align-items:center; gap:13px; min-width:0; }
.st-brand > div:last-child { min-width:0; }
.st-brand small { display:block; margin-bottom:4px; color:var(--st-accent); font-size:10px; font-weight:900; letter-spacing:.24em; white-space:nowrap; }
.st-brand h2 { margin:0; font-size:clamp(24px,2vw,32px); line-height:.9; letter-spacing:-.05em; }
.st-logo {
  flex:0 0 62px; width:62px; height:62px; display:grid; grid-template-columns:repeat(2,1fr); gap:4px; padding:7px;
  border:1px solid color-mix(in srgb,var(--st-accent) 36%,transparent); border-radius:19px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 17%,transparent),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.28),0 0 30px color-mix(in srgb,var(--st-accent) 12%,transparent);
}
.st-logo span { display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:6px; color:var(--st-accent); background:rgba(255,255,255,.035); font-size:12px; font-weight:950; text-shadow:0 0 10px color-mix(in srgb,var(--st-accent) 60%,transparent); }
.st-actions { display:flex; align-items:center; gap:7px; }
.st-btn, .st-icon, .st-wide, .st-power, .st-stage-tools button, .st-number-pad button, .st-mobile-tools button, .st-level-preview button, .st-mode-grid button, .st-difficulty-list button, .st-world-tabs button, .st-campaign-grid button, .st-theme-picker button, .st-setting-row, .st-cta, .st-danger { border:0; color:#f8f4ea; cursor:pointer; }
.st-btn {
  min-height:42px; padding:0 13px; border:1px solid rgba(233,206,145,.14); border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05); font-size:12px; font-weight:800; white-space:nowrap;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.st-btn:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 42%,transparent); background:linear-gradient(180deg,color-mix(in srgb,var(--st-accent) 11%,transparent),rgba(255,255,255,.025)); }
.st-btn--primary { border-color:color-mix(in srgb,var(--st-accent) 52%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--st-accent) 82%,#fff 5%),color-mix(in srgb,var(--st-accent-2) 60%,#7152ce 40%)); color:#18130d; box-shadow:0 10px 24px color-mix(in srgb,var(--st-accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.34); }
.st-metrics { display:flex; gap:7px; }
.st-metrics > div { min-width:78px; padding:8px 10px; border:1px solid rgba(233,206,145,.1); border-radius:12px; background:rgba(255,255,255,.033); text-align:center; }
.st-metrics span { display:block; margin-bottom:1px; color:var(--st-muted); font-size:9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.st-metrics strong { font-size:15px; font-weight:900; font-variant-numeric:tabular-nums; }
.st-utility { display:flex; gap:7px; }
.st-icon { width:42px; height:42px; border:1px solid rgba(233,206,145,.13); border-radius:12px; background:rgba(255,255,255,.035); font-size:17px; transition:.18s ease; }
.st-icon:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 45%,transparent); background:color-mix(in srgb,var(--st-accent) 9%,transparent); }

.st-subbar { position:relative; z-index:55; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; min-height:45px; padding:7px 20px; border-bottom:1px solid rgba(233,206,145,.08); background:rgba(9,11,17,.70); backdrop-filter:blur(12px); }
.st-subbar > div { display:flex; align-items:center; gap:10px; min-width:0; }
.st-subbar > div:last-child { justify-content:flex-end; }
.st-subbar b { color:inherit; font-size:11px; letter-spacing:.04em; }
.st-mode-chip { padding:5px 9px; border:1px solid color-mix(in srgb,var(--st-accent) 32%,transparent); border-radius:999px; color:var(--st-accent); background:color-mix(in srgb,var(--st-accent) 8%,transparent); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.st-objective { justify-content:center; color:var(--st-muted); font-size:11px; font-weight:750; text-align:center; }
.st-objective i { color:var(--st-accent); text-shadow:0 0 12px var(--st-accent); }
.st-level-chip, .st-progress-text { padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.045); color:var(--st-muted); font-size:10px; font-weight:800; }
.st-level-chip b { color:var(--st-accent); }

.st-layout { position:relative; z-index:10; display:grid; grid-template-columns:230px minmax(530px,680px) 230px; justify-content:center; gap:15px; width:min(1520px,100%); margin:0 auto; padding:15px 16px 11px; }
.st-panel { min-width:0; padding:13px; border:1px solid var(--st-line); border-radius:20px; background:linear-gradient(180deg,var(--st-panel-2),var(--st-panel)); box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 60px rgba(0,0,0,.27); backdrop-filter:blur(18px); }
.st-panel-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:11px; padding-bottom:9px; border-bottom:1px solid rgba(233,206,145,.08); }
.st-panel-title--spaced { margin-top:15px; }
.st-panel-title span { color:#f7f1e3; font-size:10px; font-weight:900; letter-spacing:.16em; }
.st-panel-title b { color:var(--st-accent); font-size:10px; }

.st-world-card { position:relative; overflow:hidden; min-height:205px; padding:18px 14px; border:1px solid rgba(233,206,145,.10); border-radius:18px; text-align:center; background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--st-accent) 16%,transparent),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.st-world-card::before { content:""; position:absolute; inset:0; opacity:.25; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px); background-size:29px 27px; }
.st-world-seal { position:relative; width:76px; height:76px; display:grid; place-items:center; margin:0 auto 12px; border:1px solid color-mix(in srgb,var(--world-accent,var(--st-accent)) 44%,transparent); border-radius:50%; color:var(--world-accent,var(--st-accent)); background:radial-gradient(circle,color-mix(in srgb,var(--world-accent,var(--st-accent)) 19%,transparent),rgba(255,255,255,.02)); box-shadow:0 0 32px color-mix(in srgb,var(--world-accent,var(--st-accent)) 18%,transparent),inset 0 0 20px rgba(255,255,255,.03); font-size:31px; text-shadow:0 0 18px currentColor; }
.st-world-card small { position:relative; display:block; color:var(--st-muted); font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.st-world-card h3 { position:relative; margin:5px 0 7px; color:#fff9e9; font-size:17px; line-height:1.1; }
.st-world-card p { position:relative; margin:0; color:var(--st-muted); font-size:11px; line-height:1.55; }
.st-journey-strip { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.st-journey-strip div { padding:10px; border:1px solid rgba(233,206,145,.09); border-radius:13px; background:rgba(255,255,255,.028); }
.st-journey-strip span { display:block; color:var(--st-muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.st-journey-strip strong { display:block; margin-top:2px; color:var(--st-accent); font-size:14px; }
.st-level-preview { display:flex; gap:5px; margin:10px 0; }
.st-level-preview button { flex:1; min-width:0; padding:8px 2px 7px; border:1px solid rgba(233,206,145,.09); border-radius:11px; background:rgba(255,255,255,.026); transition:.18s ease; }
.st-level-preview button:hover:not(:disabled) { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 40%,transparent); }
.st-level-preview button.current { border-color:color-mix(in srgb,var(--st-accent) 50%,transparent); background:color-mix(in srgb,var(--st-accent) 10%,transparent); box-shadow:0 0 18px color-mix(in srgb,var(--st-accent) 11%,transparent); }
.st-level-preview button.locked { opacity:.38; }
.st-level-preview span { display:block; font-size:11px; font-weight:900; }
.st-level-preview small { display:block; margin-top:3px; color:var(--st-accent); font-size:7px; white-space:nowrap; }
.st-wide { width:100%; min-height:42px; padding:0 12px; border:1px solid color-mix(in srgb,var(--st-accent) 27%,transparent); border-radius:12px; background:linear-gradient(135deg,color-mix(in srgb,var(--st-accent) 12%,transparent),rgba(255,255,255,.025)); font-size:11px; font-weight:850; transition:.18s ease; }
.st-wide:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 50%,transparent); }
.st-wide--ghost { border-color:rgba(233,206,145,.12); background:rgba(255,255,255,.025); }
.st-streak-card { display:flex; align-items:center; gap:11px; margin-top:10px; padding:12px; border:1px solid rgba(255,150,96,.14); border-radius:14px; background:linear-gradient(135deg,rgba(255,139,74,.075),rgba(255,255,255,.018)); }
.st-flame { width:38px; height:38px; display:grid; place-items:center; flex:0 0 38px; border-radius:12px; color:#ff9c60; background:rgba(255,139,74,.1); box-shadow:inset 0 0 18px rgba(255,139,74,.07); }
.st-streak-card span,.st-streak-card small { display:block; color:var(--st-muted); font-size:9px; }
.st-streak-card strong { display:block; margin:2px 0; color:#ffb278; font-size:13px; }

.st-center { min-width:0; }
.st-stage { position:relative; padding:12px; border:1px solid color-mix(in srgb,var(--st-accent) 17%,transparent); border-radius:24px; background:linear-gradient(180deg,rgba(16,18,27,.93),rgba(8,10,16,.95)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 75px rgba(0,0,0,.35),0 0 55px color-mix(in srgb,var(--st-accent) 7%,transparent); }
.st-theme-jade .st-stage { background:linear-gradient(180deg,rgba(7,33,30,.94),rgba(3,18,17,.95)); }
.st-theme-parchment .st-stage { background:linear-gradient(180deg,rgba(244,230,198,.95),rgba(224,202,158,.96)); }
.st-stage-head { display:flex; justify-content:space-between; align-items:center; min-height:42px; padding:0 4px 10px; }
.st-stage-head > div { display:flex; align-items:center; gap:8px; }
.st-status-dot { width:8px; height:8px; border-radius:50%; background:var(--st-accent-2); box-shadow:0 0 12px var(--st-accent-2); animation:stPulseDot 2.2s ease infinite; }
@keyframes stPulseDot { 50%{opacity:.35;transform:scale(.75)} }
.st-stage-head b { color:#f8f3e7; font-size:11px; letter-spacing:.03em; }
.st-stage-tools { display:flex; gap:5px; }
.st-stage-tools button { min-width:38px; height:36px; display:flex; align-items:center; justify-content:center; gap:4px; border:1px solid rgba(233,206,145,.12); border-radius:10px; background:rgba(255,255,255,.035); font-weight:850; transition:.16s ease; }
.st-stage-tools button:hover:not(:disabled), .st-stage-tools button.active { border-color:color-mix(in srgb,var(--st-accent) 42%,transparent); background:color-mix(in srgb,var(--st-accent) 9%,transparent); transform:translateY(-1px); }
.st-stage-tools button:disabled { opacity:.25; cursor:not-allowed; }
.st-stage-tools button i { color:var(--st-accent); font-size:8px; font-style:normal; }
.st-board-wrap { position:relative; width:min(100%,600px); aspect-ratio:1; margin:0 auto; padding:9px; border:1px solid color-mix(in srgb,var(--st-accent) 24%,transparent); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 10%,transparent),rgba(255,255,255,.018)); box-shadow:inset 0 0 30px rgba(0,0,0,.22); }
.st-board-glow { position:absolute; inset:7%; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 14%,transparent),transparent 66%); filter:blur(24px); pointer-events:none; }
.st-board { position:relative; z-index:2; display:grid; grid-template-columns:repeat(9,1fr); grid-template-rows:repeat(9,1fr); gap:1px; width:100%; height:100%; overflow:hidden; border:3px solid color-mix(in srgb,var(--st-accent) 62%,#5f4930 38%); border-radius:13px; background:color-mix(in srgb,var(--st-accent) 47%,#3b2e20 53%); box-shadow:0 10px 30px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08); }
.st-cell { position:relative; display:grid; place-items:center; min-width:0; min-height:0; padding:0; border-radius:0; background:var(--st-cell); color:var(--st-user); font-size:clamp(19px,3.1vw,34px); font-weight:770; font-variant-numeric:tabular-nums; transition:background .13s ease,color .13s ease,transform .13s ease,box-shadow .13s ease; }
.st-cell:nth-child(9n+4), .st-cell:nth-child(9n+7) { box-shadow:-2px 0 0 color-mix(in srgb,var(--st-accent) 63%,#4b3826 37%); }
.st-cell:nth-child(n+28):nth-child(-n+36), .st-cell:nth-child(n+55):nth-child(-n+63) { box-shadow:0 -2px 0 color-mix(in srgb,var(--st-accent) 63%,#4b3826 37%); }
.st-cell:nth-child(n+28):nth-child(-n+36):nth-child(9n+4), .st-cell:nth-child(n+28):nth-child(-n+36):nth-child(9n+7), .st-cell:nth-child(n+55):nth-child(-n+63):nth-child(9n+4), .st-cell:nth-child(n+55):nth-child(-n+63):nth-child(9n+7) { box-shadow:-2px 0 0 color-mix(in srgb,var(--st-accent) 63%,#4b3826 37%),0 -2px 0 color-mix(in srgb,var(--st-accent) 63%,#4b3826 37%); }
.st-cell:nth-child(odd) { background:color-mix(in srgb,var(--st-cell) 95%,var(--st-cell-alt) 5%); }
.st-cell:hover { background:color-mix(in srgb,var(--st-accent) 11%,var(--st-cell)); }
.st-cell.st-given { color:var(--st-given); font-weight:920; text-shadow:0 1px 0 rgba(0,0,0,.22); }
.st-cell.st-related { background:color-mix(in srgb,var(--st-accent) 9%,var(--st-cell)); }
.st-cell.st-same { background:color-mix(in srgb,var(--st-accent-2) 15%,var(--st-cell)); color:color-mix(in srgb,var(--st-accent-2) 84%,#fff 16%); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--st-accent-2) 25%,transparent); }
.st-cell.st-selected { z-index:4; background:color-mix(in srgb,var(--st-accent) 24%,var(--st-cell)); color:#fff9e9; box-shadow:inset 0 0 0 3px var(--st-accent),0 0 18px color-mix(in srgb,var(--st-accent) 28%,transparent); }
.st-theme-parchment .st-cell.st-selected { color:#392718; }
.st-cell.st-wrong { color:var(--st-danger); background:color-mix(in srgb,var(--st-danger) 11%,var(--st-cell)); }
.st-cell.st-veiled .st-value { color:var(--st-muted); font-size:20px; }
.st-value { line-height:1; }
.st-notes { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); width:100%; height:100%; padding:3px; }
.st-notes i { display:grid; place-items:center; color:color-mix(in srgb,var(--st-user) 73%,var(--st-muted)); font-size:clamp(6px,.78vw,10px); font-style:normal; font-weight:750; line-height:1; }
.st-pulse-correct { animation:stCorrect .65s ease; }.st-pulse-wrong { animation:stWrong .5s ease; }.st-pulse-hint { animation:stHint .8s ease; }.st-pulse-power { animation:stPower .7s ease; }
@keyframes stCorrect { 25%{transform:scale(1.08);background:rgba(88,232,177,.32);box-shadow:inset 0 0 0 2px #72efc0,0 0 24px rgba(88,232,177,.45)} }
@keyframes stWrong { 20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)} }
@keyframes stHint { 25%,70%{background:rgba(233,191,107,.34);box-shadow:inset 0 0 0 3px var(--st-accent),0 0 28px var(--st-accent)} }
@keyframes stPower { 40%{transform:scale(1.13) rotate(2deg);background:rgba(157,128,255,.35);box-shadow:0 0 35px rgba(157,128,255,.55)} }
.st-board-loading { position:absolute; inset:9px; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; border-radius:14px; background:rgba(7,9,14,.92); backdrop-filter:blur(12px); }
.st-board-loading.hidden { display:none; }
.st-loader { width:54px; height:54px; border:2px solid color-mix(in srgb,var(--st-accent) 18%,transparent); border-top-color:var(--st-accent); border-radius:50%; animation:stSpin .8s linear infinite; box-shadow:0 0 25px color-mix(in srgb,var(--st-accent) 20%,transparent); }
@keyframes stSpin { to{transform:rotate(360deg)} }
.st-board-loading strong { color:var(--st-accent); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.st-number-pad { display:grid; grid-template-columns:repeat(9,1fr); gap:7px; width:min(100%,600px); margin:11px auto 0; }
.st-number-pad button { min-width:0; min-height:54px; padding:5px 2px; border:1px solid rgba(233,206,145,.12); border-radius:12px; background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); transition:.15s ease; }
.st-number-pad button:hover:not(.complete) { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 48%,transparent); background:color-mix(in srgb,var(--st-accent) 10%,transparent); }
.st-number-pad button.complete { opacity:.24; cursor:default; }
.st-number-pad b { display:block; color:var(--st-accent); font-size:20px; line-height:1; }
.st-number-pad small { display:block; margin-top:4px; color:var(--st-muted); font-size:8px; }
.st-mobile-tools { display:none; }
.st-insight { display:flex; align-items:center; gap:12px; min-height:70px; margin-top:10px; padding:11px 14px; border:1px solid rgba(233,206,145,.10); border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,var(--st-accent) 7%,transparent),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.st-insight-icon { width:40px; height:40px; display:grid; place-items:center; flex:0 0 40px; border:1px solid color-mix(in srgb,var(--st-accent) 31%,transparent); border-radius:12px; color:var(--st-accent); background:color-mix(in srgb,var(--st-accent) 8%,transparent); text-shadow:0 0 12px currentColor; }
.st-insight-icon--warning { color:var(--st-danger); border-color:color-mix(in srgb,var(--st-danger) 35%,transparent); background:color-mix(in srgb,var(--st-danger) 8%,transparent); }
.st-insight strong { display:block; margin-bottom:3px; color:#f7f1e4; font-size:11px; }
.st-insight p { margin:0; color:var(--st-muted); font-size:10px; line-height:1.45; }

.st-power { width:100%; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:9px; min-height:63px; margin-bottom:8px; padding:8px 9px; border:1px solid rgba(233,206,145,.095); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.043),rgba(255,255,255,.014)); text-align:left; transition:.18s ease; }
.st-power:hover:not(:disabled) { transform:translateY(-2px); border-color:color-mix(in srgb,var(--st-accent) 38%,transparent); background:color-mix(in srgb,var(--st-accent) 7%,transparent); }
.st-power:disabled { opacity:.35; cursor:not-allowed; }
.st-power-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; font-size:18px; font-style:normal; }
.st-power-icon--gold { color:#f2c978; background:rgba(242,201,120,.09); box-shadow:inset 0 0 18px rgba(242,201,120,.05); }
.st-power-icon--blue { color:#6fd8ef; background:rgba(111,216,239,.09); box-shadow:inset 0 0 18px rgba(111,216,239,.05); }
.st-power-icon--rose { color:#ff8799; background:rgba(255,135,153,.09); box-shadow:inset 0 0 18px rgba(255,135,153,.05); }
.st-power b { display:block; font-size:11px; }.st-power small { display:block; margin-top:3px; color:var(--st-muted); font-size:8.5px; line-height:1.3; }
.st-power > i { width:26px; height:26px; display:grid; place-items:center; border-radius:999px; color:var(--st-accent); background:rgba(255,255,255,.055); font-size:10px; font-style:normal; font-weight:900; }
.st-readout { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.st-readout div { padding:10px; border:1px solid rgba(233,206,145,.085); border-radius:12px; background:rgba(255,255,255,.025); }
.st-readout span { display:block; color:var(--st-muted); font-size:8.5px; text-transform:uppercase; }
.st-readout strong { display:block; margin-top:2px; color:var(--st-accent-2); font-size:14px; }
.st-focus-meter { margin:10px 0; padding:11px; border:1px solid rgba(233,206,145,.085); border-radius:14px; background:rgba(255,255,255,.022); }
.st-focus-meter > div:first-child { display:flex; justify-content:space-between; align-items:center; }
.st-focus-meter span { color:var(--st-muted); font-size:9px; }.st-focus-meter b { color:var(--st-accent); font-size:9px; }
.st-meter { height:7px; margin:8px 0 7px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.st-meter i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--st-accent-2),var(--st-accent),var(--st-accent-3)); box-shadow:0 0 13px color-mix(in srgb,var(--st-accent) 45%,transparent); transition:width .35s ease; }
.st-focus-meter small { color:var(--st-muted); font-size:8.5px; line-height:1.35; }

.st-footer { position:relative; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:10px; max-width:1480px; margin:0 auto; padding:8px 19px 14px; color:rgba(238,233,218,.42); font-size:8.5px; letter-spacing:.04em; }
.st-toast { position:fixed; left:50%; bottom:24px; z-index:300; max-width:min(88vw,520px); padding:11px 16px; border:1px solid color-mix(in srgb,var(--st-accent) 34%,transparent); border-radius:999px; color:#fff9e9; background:rgba(11,13,19,.94); box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 24px color-mix(in srgb,var(--st-accent) 12%,transparent); backdrop-filter:blur(14px); font-size:11px; font-weight:800; opacity:0; pointer-events:none; transform:translate(-50%,20px); transition:.25s ease; }
.st-toast.show { opacity:1; transform:translate(-50%,0); }
.st-particles { position:fixed; inset:0; z-index:290; pointer-events:none; overflow:hidden; }
.st-particles i { position:absolute; left:var(--x); top:-14px; width:8px; height:12px; border-radius:3px; background:var(--st-accent); box-shadow:0 0 12px var(--st-accent); animation:stConfetti 3.8s var(--delay) cubic-bezier(.2,.7,.2,1) forwards; }
.st-particles i:nth-child(3n){background:var(--st-accent-2)}.st-particles i:nth-child(3n+1){background:var(--st-accent-3)}
@keyframes stConfetti { to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:.1} }

.hidden { display:none !important; }
.st-modal { position:fixed; inset:0; z-index:220; display:grid; place-items:center; padding:18px; background:rgba(4,5,9,.78); backdrop-filter:blur(12px); animation:stFade .18s ease; }
@keyframes stFade { from{opacity:0} }
.st-modal-card { position:relative; width:min(520px,96vw); max-height:min(88vh,850px); overflow:auto; padding:27px; border:1px solid color-mix(in srgb,var(--st-accent) 24%,transparent); border-radius:25px; background:linear-gradient(180deg,var(--st-panel-2),var(--st-panel)); box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.055); animation:stModalIn .22s ease; }
@keyframes stModalIn { from{transform:translateY(14px) scale(.98);opacity:0} }
.st-modal-card--wide { width:min(920px,96vw); }.st-modal-card--campaign { width:min(990px,96vw); }.st-modal-card--pause { width:min(430px,94vw); text-align:center; }.st-modal-card--win { width:min(560px,94vw); text-align:center; overflow:hidden; }
.st-modal-close { position:absolute; top:13px; right:13px; width:36px; height:36px; border:1px solid rgba(233,206,145,.12); border-radius:11px; color:var(--st-muted); background:rgba(255,255,255,.035); cursor:pointer; font-size:20px; }
.st-modal-kicker { margin-bottom:6px; color:var(--st-accent); font-size:9px; font-weight:900; letter-spacing:.2em; }
.st-modal h3 { margin:0 0 8px; font-size:clamp(25px,4vw,38px); letter-spacing:-.045em; }
.st-modal-copy,.st-modal-card > p { margin:0 0 18px; color:var(--st-muted); font-size:11px; line-height:1.55; }
.st-mode-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:17px; }
.st-mode-grid button { min-height:144px; padding:17px; border:1px solid rgba(233,206,145,.11); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); text-align:left; transition:.18s ease; }
.st-mode-grid button:first-child { grid-row:span 2; min-height:298px; background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--st-accent) 15%,transparent),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); }
.st-mode-grid button:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--st-accent) 45%,transparent); box-shadow:0 16px 38px rgba(0,0,0,.22); }
.st-mode-grid i { display:grid; place-items:center; width:43px; height:43px; margin-bottom:12px; border-radius:13px; color:var(--st-accent); background:color-mix(in srgb,var(--st-accent) 9%,transparent); font-size:18px; font-style:normal; }
.st-mode-grid b,.st-mode-grid span,.st-mode-grid em { display:block; }.st-mode-grid b { margin-bottom:5px; font-size:15px; }.st-mode-grid span { color:var(--st-muted); font-size:10px; line-height:1.45; }.st-mode-grid em { margin-top:9px; color:var(--st-accent-2); font-size:9px; font-style:normal; font-weight:800; }
.st-difficulty-list { display:grid; gap:8px; margin-top:17px; }
.st-difficulty-list button { display:grid; grid-template-columns:1fr auto; gap:3px 12px; align-items:center; padding:13px 14px; border:1px solid rgba(233,206,145,.10); border-radius:15px; background:rgba(255,255,255,.03); text-align:left; transition:.17s ease; }
.st-difficulty-list button:hover { transform:translateX(4px); border-color:var(--difficulty); background:color-mix(in srgb,var(--difficulty) 7%,transparent); }
.st-difficulty-list button > span:first-child { display:flex; align-items:center; gap:10px; }.st-difficulty-list i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--difficulty); background:color-mix(in srgb,var(--difficulty) 9%,transparent); font-style:normal; }.st-difficulty-list b { font-size:13px; }.st-difficulty-list button > span:nth-child(2) { color:var(--st-muted); font-size:9px; }.st-difficulty-list em { grid-column:1/-1; margin-left:44px; color:var(--st-muted); font-size:9px; font-style:normal; }
.st-world-tabs { display:grid; grid-template-columns:repeat(10,1fr); gap:5px; margin:17px 0 12px; }
.st-world-tabs button { min-width:0; padding:8px 3px; border:1px solid rgba(233,206,145,.09); border-radius:11px; background:rgba(255,255,255,.025); }
.st-world-tabs button.active { border-color:color-mix(in srgb,var(--st-accent) 47%,transparent); background:color-mix(in srgb,var(--st-accent) 10%,transparent); }.st-world-tabs i,.st-world-tabs span { display:block; }.st-world-tabs i { color:var(--st-accent); font-style:normal; }.st-world-tabs span { margin-top:2px; color:var(--st-muted); font-size:8px; }
.st-campaign-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; max-height:57vh; overflow:auto; padding:3px; }
.st-campaign-grid button { min-height:83px; padding:9px 6px; border:1px solid rgba(233,206,145,.09); border-radius:13px; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); }
.st-campaign-grid button:hover:not(:disabled),.st-campaign-grid button.current { border-color:var(--level-accent); background:color-mix(in srgb,var(--level-accent) 8%,transparent); transform:translateY(-2px); }.st-campaign-grid button.locked { opacity:.3; cursor:not-allowed; }.st-campaign-grid b,.st-campaign-grid span,.st-campaign-grid small { display:block; }.st-campaign-grid b { color:var(--level-accent); font-size:16px; }.st-campaign-grid span { margin:3px 0; color:var(--st-muted); font-size:8px; }.st-campaign-grid small { color:var(--st-accent); font-size:9px; }
.st-settings { margin-top:17px; }.st-theme-picker { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:13px; }.st-theme-picker button { padding:8px; border:1px solid rgba(233,206,145,.11); border-radius:13px; background:rgba(255,255,255,.025); }.st-theme-picker button.active { border-color:var(--st-accent); box-shadow:0 0 18px color-mix(in srgb,var(--st-accent) 10%,transparent); }.st-theme-picker i { display:block; height:45px; margin-bottom:6px; border-radius:9px; }.st-theme-picker button:nth-child(1) i { background:linear-gradient(135deg,#080a10,#2f2732); }.st-theme-picker button:nth-child(2) i { background:linear-gradient(135deg,#03241e,#176d5e); }.st-theme-picker button:nth-child(3) i { background:linear-gradient(135deg,#d2b779,#f1e0b0); }.st-theme-picker b { font-size:9px; }
.st-setting-row { width:100%; display:flex; justify-content:space-between; align-items:center; min-height:58px; padding:10px 3px; border-bottom:1px solid rgba(233,206,145,.08); background:transparent; text-align:left; }.st-setting-row b,.st-setting-row small { display:block; }.st-setting-row b { font-size:11px; }.st-setting-row small { margin-top:3px; color:var(--st-muted); font-size:8.5px; }.st-setting-row > i { width:40px; height:22px; position:relative; border-radius:999px; background:rgba(255,255,255,.09); transition:.18s ease; }.st-setting-row > i::before { content:""; position:absolute; left:3px; top:3px; width:16px; height:16px; border-radius:50%; background:#aaa; transition:.18s ease; }.st-setting-row > i.on { background:color-mix(in srgb,var(--st-accent-2) 45%,transparent); }.st-setting-row > i.on::before { left:21px; background:var(--st-accent-2); box-shadow:0 0 12px var(--st-accent-2); }
.st-danger { width:100%; min-height:42px; margin-top:16px; border:1px solid rgba(255,110,121,.25); border-radius:12px; color:#ff8a94; background:rgba(255,110,121,.06); font-size:10px; font-weight:850; }
.st-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:16px 0; }.st-stats-grid div { padding:14px; border:1px solid rgba(233,206,145,.09); border-radius:14px; background:rgba(255,255,255,.025); }.st-stats-grid span,.st-stats-grid strong { display:block; }.st-stats-grid span { color:var(--st-muted); font-size:8.5px; text-transform:uppercase; }.st-stats-grid strong { margin-top:4px; color:var(--st-accent); font-size:18px; }
.st-achievements { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.st-achievements article { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; padding:11px; border:1px solid rgba(233,206,145,.08); border-radius:13px; background:rgba(255,255,255,.02); opacity:.43; }.st-achievements article.unlocked { opacity:1; border-color:color-mix(in srgb,var(--st-accent) 22%,transparent); background:color-mix(in srgb,var(--st-accent) 4%,transparent); }.st-achievements i { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:var(--st-accent); background:color-mix(in srgb,var(--st-accent) 8%,transparent); font-style:normal; }.st-achievements b,.st-achievements span { display:block; }.st-achievements b { font-size:10px; }.st-achievements span { margin-top:3px; color:var(--st-muted); font-size:8px; }.st-achievements em { color:var(--st-accent-2); font-size:8px; font-style:normal; }
.st-help-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }.st-help-grid article { min-height:155px; padding:16px; border:1px solid rgba(233,206,145,.09); border-radius:16px; background:rgba(255,255,255,.025); }.st-help-grid i { width:38px; height:38px; display:grid; place-items:center; margin-bottom:11px; border-radius:11px; color:var(--st-accent); background:color-mix(in srgb,var(--st-accent) 8%,transparent); font-style:normal; font-weight:900; }.st-help-grid b { font-size:11px; }.st-help-grid p { margin:6px 0 0; color:var(--st-muted); font-size:9px; line-height:1.5; }
.st-pause-seal { width:78px; height:78px; display:grid; place-items:center; margin:0 auto 18px; border:1px solid color-mix(in srgb,var(--st-accent) 38%,transparent); border-radius:50%; color:var(--st-accent); background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 15%,transparent),transparent); box-shadow:0 0 35px color-mix(in srgb,var(--st-accent) 15%,transparent); font-size:28px; }
.st-cta { min-height:46px; padding:0 20px; border-radius:13px; color:#17120b; background:linear-gradient(135deg,var(--st-accent),color-mix(in srgb,var(--st-accent-2) 55%,var(--st-accent))); box-shadow:0 12px 28px color-mix(in srgb,var(--st-accent) 19%,transparent); font-size:11px; font-weight:900; }
.st-win-aura { position:absolute; left:50%; top:-100px; width:430px; height:280px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 26%,transparent),transparent 68%); filter:blur(6px); pointer-events:none; }.st-rank { position:relative; width:94px; height:94px; display:grid; place-items:center; margin:0 auto 15px; border:2px solid var(--st-accent); border-radius:50%; color:var(--st-accent); background:radial-gradient(circle,color-mix(in srgb,var(--st-accent) 18%,transparent),rgba(255,255,255,.02)); box-shadow:0 0 42px color-mix(in srgb,var(--st-accent) 25%,transparent),inset 0 0 25px color-mix(in srgb,var(--st-accent) 11%,transparent); font-size:49px; font-weight:950; text-shadow:0 0 18px currentColor; }.st-win-stars { margin:10px 0 17px; color:var(--st-accent); font-size:30px; letter-spacing:.18em; text-shadow:0 0 18px color-mix(in srgb,var(--st-accent) 55%,transparent); }.st-win-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:0 0 18px; }.st-win-stats div { padding:11px 6px; border:1px solid rgba(233,206,145,.09); border-radius:12px; background:rgba(255,255,255,.025); }.st-win-stats span,.st-win-stats strong { display:block; }.st-win-stats span { color:var(--st-muted); font-size:8px; text-transform:uppercase; }.st-win-stats strong { margin-top:3px; color:var(--st-accent-2); font-size:14px; }.st-win-actions { display:flex; justify-content:center; gap:8px; }.st-win-actions .st-wide { width:auto; padding:0 20px; }

@media (max-width:1260px) {
  .st-topbar { grid-template-columns:minmax(200px,1fr) auto auto; }.st-actions .st-btn:nth-child(3),.st-actions .st-btn:nth-child(4){display:none}.st-utility{display:none}
  .st-layout { grid-template-columns:205px minmax(500px,650px) 205px; gap:11px; padding-inline:10px; }.st-panel{padding:11px}.st-world-card{min-height:190px;padding-inline:10px}.st-power{grid-template-columns:37px 1fr auto;padding-inline:7px}.st-power-icon{width:37px;height:37px}.st-readout div{padding:8px}
}
@media (max-width:1020px) {
  #gcg-game-root,.st-game{min-height:880px}.st-topbar{grid-template-columns:1fr auto;min-height:78px}.st-actions{display:none}.st-metrics>div{min-width:70px}.st-layout{grid-template-columns:minmax(0,680px);padding-top:12px}.st-left-panel,.st-right-panel{display:none}.st-center{width:min(100%,680px)}.st-footer span:nth-child(2){display:none}.st-board-wrap{width:min(100%,590px)}
}
@media (max-width:700px) {
  #gcg-game-root,.st-game{min-height:780px}.st-topbar{grid-template-columns:1fr auto;gap:8px;min-height:68px;padding:8px 10px}.st-logo{width:50px;height:50px;flex-basis:50px;border-radius:15px;padding:6px}.st-brand{gap:9px}.st-brand small{font-size:7px;letter-spacing:.16em}.st-brand h2{font-size:22px}.st-metrics{gap:4px}.st-metrics>div{min-width:56px;padding:6px 5px;border-radius:9px}.st-metrics>div:nth-child(3){display:none}.st-metrics span{font-size:7px}.st-metrics strong{font-size:12px}.st-subbar{grid-template-columns:1fr auto;min-height:40px;padding:5px 10px}.st-subbar .st-objective{display:none}.st-subbar>div:last-child{gap:4px}.st-mode-chip,.st-level-chip,.st-progress-text{font-size:7px;padding:4px 7px}.st-layout{padding:8px 7px 5px}.st-stage{padding:8px;border-radius:18px}.st-stage-head{min-height:34px;padding-bottom:7px}.st-stage-head b{font-size:9px}.st-stage-tools{display:none}.st-board-wrap{padding:5px;border-radius:14px}.st-board{border-width:2px;border-radius:9px}.st-cell{font-size:clamp(18px,7vw,29px)}.st-cell:nth-child(9n+4),.st-cell:nth-child(9n+7){box-shadow:-1.5px 0 0 color-mix(in srgb,var(--st-accent) 65%,#4b3826 35%)}.st-cell:nth-child(n+28):nth-child(-n+36),.st-cell:nth-child(n+55):nth-child(-n+63){box-shadow:0 -1.5px 0 color-mix(in srgb,var(--st-accent) 65%,#4b3826 35%)}.st-cell:nth-child(n+28):nth-child(-n+36):nth-child(9n+4),.st-cell:nth-child(n+28):nth-child(-n+36):nth-child(9n+7),.st-cell:nth-child(n+55):nth-child(-n+63):nth-child(9n+4),.st-cell:nth-child(n+55):nth-child(-n+63):nth-child(9n+7){box-shadow:-1.5px 0 0 color-mix(in srgb,var(--st-accent) 65%,#4b3826 35%),0 -1.5px 0 color-mix(in srgb,var(--st-accent) 65%,#4b3826 35%)}.st-notes{padding:1px}.st-notes i{font-size:clamp(5px,1.65vw,8px)}.st-number-pad{gap:3px;margin-top:7px}.st-number-pad button{min-height:43px;border-radius:9px}.st-number-pad b{font-size:17px}.st-number-pad small{font-size:6px;margin-top:2px}.st-mobile-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.st-mobile-tools button{min-width:0;min-height:38px;padding:0 3px;border:1px solid rgba(233,206,145,.1);border-radius:9px;background:rgba(255,255,255,.027);font-size:8px;font-weight:800}.st-mobile-tools button.active{border-color:var(--st-accent);color:var(--st-accent)}.st-mobile-tools b{font-size:7px}.st-insight{min-height:58px;margin-top:7px;padding:8px 10px;border-radius:12px}.st-insight-icon{width:34px;height:34px;flex-basis:34px}.st-insight strong{font-size:9px}.st-insight p{font-size:8px}.st-footer{justify-content:center;padding:5px 8px 10px;font-size:7px}.st-footer span:not(:first-child){display:none}.st-toast{bottom:14px;font-size:9px;padding:9px 13px}.st-modal{padding:9px}.st-modal-card{padding:22px 15px;border-radius:20px}.st-modal h3{font-size:27px}.st-mode-grid{grid-template-columns:1fr}.st-mode-grid button:first-child{grid-row:auto;min-height:145px}.st-campaign-grid{grid-template-columns:repeat(3,1fr)}.st-world-tabs{grid-template-columns:repeat(5,1fr)}.st-stats-grid{grid-template-columns:repeat(2,1fr)}.st-achievements{grid-template-columns:1fr}.st-help-grid{grid-template-columns:1fr}.st-help-grid article{min-height:unset}.st-win-stats{grid-template-columns:repeat(2,1fr)}.st-win-actions{flex-direction:column}.st-win-actions .st-wide,.st-win-actions .st-cta{width:100%}
}
@media (max-width:430px) {
  .st-brand small{display:none}.st-logo{width:44px;height:44px;flex-basis:44px}.st-brand h2{font-size:20px}.st-metrics>div{min-width:53px}.st-stage{padding:6px}.st-board-wrap{padding:4px}.st-cell{font-size:clamp(17px,7vw,27px)}.st-number-pad button{min-height:40px}.st-number-pad b{font-size:16px}.st-mobile-tools button{font-size:7px}.st-insight p{max-width:270px}.st-modal-card{max-height:92vh}
}


/* Killer Sudoku cage system */
.st-board { position:relative; border-color:rgba(242,198,109,.28); box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 55px rgba(180,55,82,.09),inset 0 0 0 1px rgba(255,255,255,.03); }
.kc-cell { position:relative; overflow:visible; }
.kc-edge { position:absolute; z-index:5; pointer-events:none; background:linear-gradient(90deg,var(--st-accent),color-mix(in srgb,var(--st-accent-3) 45%,var(--st-accent))); opacity:.72; box-shadow:0 0 5px color-mix(in srgb,var(--st-accent) 35%,transparent); }
.kc-top,.kc-bottom { left:3px; right:3px; height:1.5px; }
.kc-left,.kc-right { top:3px; bottom:3px; width:1.5px; }
.kc-top { top:2px; }.kc-bottom { bottom:2px; }.kc-left { left:2px; }.kc-right { right:2px; }
.kc-sum { position:absolute; left:5px; top:4px; z-index:7; min-width:13px; padding:0 2px; border-radius:4px; color:var(--st-accent); background:color-mix(in srgb,var(--st-panel) 82%,transparent); font-size:clamp(7px,.68vw,10px); font-weight:950; line-height:1.18; text-shadow:0 1px 3px #000; }
.kc-cage-selected { background:color-mix(in srgb,var(--st-accent-3) 12%,var(--st-cell)) !important; }
.kc-cage-selected .kc-edge { opacity:1; height:2px; width:2px; filter:brightness(1.3); }
.kc-cage-complete { background:color-mix(in srgb,#4be0ad 9%,var(--st-cell)); }
.kc-cage-complete .kc-edge { background:#63e5b7; opacity:.45; box-shadow:0 0 7px rgba(99,229,183,.3); }
.kc-cage-conflict { background:color-mix(in srgb,var(--st-danger) 13%,var(--st-cell)) !important; }
.kc-cage-conflict .kc-edge { background:var(--st-danger); opacity:1; animation:kcConflict 1s ease-in-out infinite alternate; }
@keyframes kcConflict { to{filter:brightness(1.5);box-shadow:0 0 11px var(--st-danger)} }
.st-cell .st-value { position:relative; z-index:6; }
.st-cell .st-notes { position:relative; z-index:6; }
.st-logo span:nth-child(1)::after { content:'Σ'; }.st-logo span:nth-child(1){font-size:0}.st-logo span:nth-child(1)::after{font-size:15px}
.st-logo span:nth-child(2)::after { content:'13'; }.st-logo span:nth-child(2){font-size:0}.st-logo span:nth-child(2)::after{font-size:12px}
.st-logo span:nth-child(3)::after { content:'≠'; }.st-logo span:nth-child(3){font-size:0}.st-logo span:nth-child(3)::after{font-size:15px}
.st-logo span:nth-child(4)::after { content:'9'; }.st-logo span:nth-child(4){font-size:0}.st-logo span:nth-child(4)::after{font-size:13px}
@media(max-width:650px){.kc-sum{left:3px;top:3px;font-size:7px}.kc-top,.kc-bottom{left:2px;right:2px}.kc-left,.kc-right{top:2px;bottom:2px}}

/* Obsidian cell finish */
.st-cell,.st-cell:nth-child(odd){background:linear-gradient(145deg,rgba(30,25,35,.98),rgba(19,18,25,.98));}
.st-cell:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 13%,#211925),#17141c);}
.st-cell.st-related{background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 10%,#211925),#17141c);}
.st-cell.st-same{background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent-2) 16%,#211925),#151b20);}
.st-cell.st-selected{background:linear-gradient(145deg,color-mix(in srgb,var(--st-accent) 24%,#241a20),#17141c);}
.kc-cage-complete{background:linear-gradient(145deg,color-mix(in srgb,#4be0ad 13%,#211925),#151c1c);}
.kc-cage-conflict{background:linear-gradient(145deg,color-mix(in srgb,var(--st-danger) 18%,#211925),#201319)!important;}