#gcg-game-root { width:100%; min-height:760px; }
#gcg-game-root * { box-sizing:border-box; }
#gcg-game-root button { font:inherit; color:inherit; cursor:pointer; }
#gcg-game-root button:focus-visible { outline:2px solid #ffd071; outline-offset:2px; }
.sk-game {
  --sk-bg:#080b12; --sk-panel:#10151e; --sk-panel-2:#151b26; --sk-line:rgba(242,216,157,.13);
  --sk-accent:#ffd071; --sk-accent-2:#72e5cf; --sk-text:#f7f1e3; --sk-muted:#8d98aa;
  --sk-cell:#151b23; --sk-cell-alt:#19212b; --sk-given:#f6ead0; --sk-user:#7fe4f5; --sk-danger:#ff6f82;
  position:relative; isolation:isolate; width:100%; min-height:760px; overflow:hidden; color:var(--sk-text);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,208,113,.08),transparent 36%),
    radial-gradient(circle at 9% 80%,rgba(114,229,207,.06),transparent 29%),
    linear-gradient(140deg,#090c13,#070910 54%,#0b0e16);
  border:1px solid rgba(242,216,157,.12); border-radius:24px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 32px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035);
}
.sk-theme-jade { --sk-bg:#061410; --sk-panel:#0b1f1a; --sk-panel-2:#102923; --sk-accent:#9de28b; --sk-accent-2:#6ee4d2; --sk-cell:#10231e; --sk-cell-alt:#132a24; --sk-user:#8be9d6; background:radial-gradient(circle at 50% 0%,rgba(157,226,139,.09),transparent 37%),linear-gradient(145deg,#06120f,#061713 60%,#05100d); }
.sk-theme-parchment { --sk-bg:#e7d6ae; --sk-panel:#f0dfb8; --sk-panel-2:#e2c995; --sk-line:rgba(74,49,25,.18); --sk-accent:#8d4b2c; --sk-accent-2:#3a7566; --sk-text:#302015; --sk-muted:#75604b; --sk-cell:#f1e4c7; --sk-cell-alt:#ead7b2; --sk-given:#2d2017; --sk-user:#245d6f; --sk-danger:#ad2f3f; background:radial-gradient(circle at 50% 0%,rgba(141,75,44,.12),transparent 38%),linear-gradient(145deg,#e7d6ae,#d5bc89); }
.sk-no-motion *, .sk-no-motion *::before, .sk-no-motion *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.sk-ambient { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.sk-ambient i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--sk-accent); box-shadow:0 0 10px currentColor; opacity:.25; animation:skFloat 12s linear infinite; }
.sk-ambient i:nth-child(1){left:8%;top:88%;animation-delay:-2s}.sk-ambient i:nth-child(2){left:24%;top:73%;animation-delay:-7s}.sk-ambient i:nth-child(3){left:68%;top:91%;animation-delay:-4s}.sk-ambient i:nth-child(4){left:88%;top:69%;animation-delay:-9s}.sk-ambient i:nth-child(5){left:54%;top:82%;animation-delay:-6s}
@keyframes skFloat { to{transform:translateY(-780px) rotate(360deg);opacity:0} }

.sk-topbar { min-height:76px; display:grid; grid-template-columns:minmax(210px,1.15fr) minmax(430px,2.4fr) minmax(260px,1.2fr) auto; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid var(--sk-line); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); backdrop-filter:blur(18px); }
.sk-brand { display:flex; align-items:center; gap:11px; min-width:0; }
.sk-brand small,.sk-modal-card>small { display:block; color:var(--sk-accent); font-size:8px; font-weight:900; letter-spacing:.22em; }
.sk-brand h2 { margin:2px 0 0; color:var(--sk-text); font-family:Georgia,"Times New Roman",serif; font-size:20px; line-height:1; white-space:nowrap; }
.sk-logo { position:relative; width:46px; height:46px; display:grid; place-items:center; flex:0 0 46px; border:1px solid color-mix(in srgb,var(--sk-accent) 45%,transparent); border-radius:13px; background:linear-gradient(145deg,color-mix(in srgb,var(--sk-accent) 14%,transparent),rgba(255,255,255,.02)); box-shadow:inset 0 0 22px color-mix(in srgb,var(--sk-accent) 7%,transparent),0 0 24px color-mix(in srgb,var(--sk-accent) 8%,transparent); }
.sk-logo::before,.sk-logo::after,.sk-logo i::before,.sk-logo i::after { content:""; position:absolute; width:10px; height:10px; border:1px solid var(--sk-accent); opacity:.6; }
.sk-logo::before{top:4px;left:4px}.sk-logo::after{top:4px;right:4px}.sk-logo i::before{bottom:4px;left:4px}.sk-logo i::after{bottom:4px;right:4px}.sk-logo span{position:relative;z-index:2;color:var(--sk-accent);font-family:serif;font-size:19px;font-weight:900;text-shadow:0 0 14px currentColor}
.sk-actions { display:flex; justify-content:center; gap:7px; min-width:0; }
.sk-btn,.sk-icon { min-height:38px; border:1px solid var(--sk-line); border-radius:11px; background:rgba(255,255,255,.025); color:var(--sk-text); font-size:10px; font-weight:800; transition:.18s ease; }
.sk-btn { padding:0 12px; white-space:nowrap; }
.sk-btn:hover,.sk-icon:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--sk-accent) 40%,transparent); background:color-mix(in srgb,var(--sk-accent) 7%,transparent); }
.sk-btn--primary { color:#22190c; border-color:color-mix(in srgb,var(--sk-accent) 80%,#fff 20%); background:linear-gradient(180deg,color-mix(in srgb,var(--sk-accent) 94%,#fff 6%),color-mix(in srgb,var(--sk-accent) 80%,#8a5a22 20%)); box-shadow:0 7px 19px color-mix(in srgb,var(--sk-accent) 16%,transparent); }
.sk-theme-parchment .sk-btn--primary { color:#fff4dd; }
.sk-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.sk-metrics div { min-width:0; padding:7px 9px; border:1px solid var(--sk-line); border-radius:10px; background:rgba(255,255,255,.02); text-align:center; }
.sk-metrics span { display:block; color:var(--sk-muted); font-size:7px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.sk-metrics strong { display:block; margin-top:2px; color:var(--sk-accent); font-size:12px; font-variant-numeric:tabular-nums; }
.sk-utility { display:flex; gap:6px; }.sk-icon{width:38px;padding:0;font-size:14px}

.sk-subbar { min-height:43px; display:grid; grid-template-columns:1fr 2fr 1fr; align-items:center; gap:12px; padding:7px 18px; border-bottom:1px solid var(--sk-line); background:rgba(0,0,0,.12); }
.sk-subbar>div { display:flex; align-items:center; gap:8px; min-width:0; }.sk-subbar>div:last-child{justify-content:flex-end}
.sk-mode-chip,.sk-level-chip { padding:5px 8px; border:1px solid var(--sk-line); border-radius:999px; color:var(--sk-accent); background:color-mix(in srgb,var(--sk-accent) 6%,transparent); font-size:8px; font-weight:900; text-transform:uppercase; }
.sk-subbar b { font-size:9px; }.sk-objective{justify-content:center;color:var(--sk-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-objective i{color:var(--sk-accent);font-style:normal}.sk-progress-text{color:var(--sk-muted);font-size:9px}

.sk-layout { display:grid; grid-template-columns:220px minmax(620px,1fr) 220px; gap:12px; padding:12px; }
.sk-panel { min-width:0; padding:12px; border:1px solid var(--sk-line); border-radius:18px; background:linear-gradient(180deg,color-mix(in srgb,var(--sk-panel) 93%,transparent),color-mix(in srgb,var(--sk-bg) 92%,transparent)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 17px 45px rgba(0,0,0,.16); }
.sk-panel-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:var(--sk-muted); font-size:8px; font-weight:900; letter-spacing:.12em; }.sk-panel-title b{color:var(--sk-accent);font-size:8px}
.sk-world-card { position:relative; min-height:136px; padding:15px 12px 12px 72px; overflow:hidden; border:1px solid var(--sk-line); border-radius:15px; background:linear-gradient(145deg,color-mix(in srgb,var(--sk-accent) 8%,transparent),rgba(255,255,255,.015)); }
.sk-world-card::after { content:""; position:absolute; width:120px; height:120px; right:-60px; top:-55px; border:1px solid color-mix(in srgb,var(--sk-accent) 13%,transparent); border-radius:50%; box-shadow:0 0 0 18px color-mix(in srgb,var(--sk-accent) 3%,transparent); }
.sk-world-seal { position:absolute; left:12px; top:16px; width:48px; height:48px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--world-accent,var(--sk-accent)) 38%,transparent); border-radius:14px; color:var(--world-accent,var(--sk-accent)); background:color-mix(in srgb,var(--world-accent,var(--sk-accent)) 8%,transparent); font-family:serif; font-size:21px; text-shadow:0 0 12px currentColor; }
.sk-world-card small { color:var(--sk-muted); font-size:8px; text-transform:uppercase; }.sk-world-card h3{margin:3px 0 7px;font-family:Georgia,serif;font-size:15px}.sk-world-card p{margin:0;color:var(--sk-muted);font-size:8.5px;line-height:1.45}
.sk-kingdom-map { position:relative; height:174px; margin:10px 0; border:1px solid var(--sk-line); border-radius:15px; background:radial-gradient(circle at center,color-mix(in srgb,var(--sk-accent) 8%,transparent),transparent 50%),rgba(255,255,255,.015); }
.sk-map-node { position:absolute; width:74px; min-height:52px; padding:5px; border:1px solid color-mix(in srgb,var(--kingdom) 38%,transparent); border-radius:12px; background:color-mix(in srgb,var(--kingdom) 6%,var(--sk-panel)); transition:.18s ease; }
.sk-map-node span{display:block;color:var(--kingdom);font-family:serif;font-weight:900;text-shadow:0 0 10px currentColor}.sk-map-node small{display:block;margin-top:2px;color:var(--sk-muted);font-size:6.8px;line-height:1.1}.sk-map-node:hover,.sk-map-node.active{transform:scale(1.05);box-shadow:0 0 20px color-mix(in srgb,var(--kingdom) 16%,transparent)}
.sk-map-node--nw{left:10px;top:10px}.sk-map-node--ne{right:10px;top:10px}.sk-map-node--c{left:50%;top:59px;transform:translateX(-50%)}.sk-map-node--c:hover,.sk-map-node--c.active{transform:translateX(-50%) scale(1.05)}.sk-map-node--sw{left:10px;bottom:10px}.sk-map-node--se{right:10px;bottom:10px}.sk-map-all{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);border:0;background:none;color:var(--sk-accent);font-size:7px;font-weight:900;text-transform:uppercase}.sk-map-all.active{text-decoration:underline}
.sk-journey-strip { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.sk-journey-strip div{padding:8px;border:1px solid var(--sk-line);border-radius:11px;background:rgba(255,255,255,.018)}.sk-journey-strip span{display:block;color:var(--sk-muted);font-size:7px;text-transform:uppercase}.sk-journey-strip strong{display:block;margin-top:2px;color:var(--sk-accent-2);font-size:11px}
.sk-level-preview { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; margin:9px 0; }.sk-level-preview button{min-width:0;padding:7px 2px;border:1px solid var(--sk-line);border-radius:9px;background:rgba(255,255,255,.02)}.sk-level-preview button.current{border-color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent)}.sk-level-preview button:disabled{opacity:.3;cursor:not-allowed}.sk-level-preview b{display:block;font-size:9px}.sk-level-preview span{display:block;margin-top:2px;color:var(--sk-accent);font-size:6px;white-space:nowrap}
.sk-wide { width:100%; min-height:35px; border:1px solid color-mix(in srgb,var(--sk-accent) 30%,transparent); border-radius:10px; background:color-mix(in srgb,var(--sk-accent) 7%,transparent); color:var(--sk-accent); font-size:8px; font-weight:900; text-transform:uppercase; }
.sk-streak-card { display:flex; align-items:center; gap:9px; margin-top:9px; padding:9px; border:1px solid var(--sk-line); border-radius:12px; background:rgba(255,255,255,.018); }.sk-flame{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#ff9b72;background:rgba(255,155,114,.08);font-family:serif}.sk-streak-card span,.sk-streak-card small{display:block;color:var(--sk-muted);font-size:7px}.sk-streak-card strong{display:block;font-size:10px}

.sk-center { min-width:0; }.sk-stage { min-width:0; padding:10px; border:1px solid var(--sk-line); border-radius:20px; background:linear-gradient(180deg,rgba(15,20,29,.94),rgba(8,11,17,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 25px 60px rgba(0,0,0,.28),0 0 48px color-mix(in srgb,var(--sk-accent) 5%,transparent); }.sk-theme-jade .sk-stage{background:linear-gradient(180deg,rgba(8,31,26,.95),rgba(4,17,14,.96))}.sk-theme-parchment .sk-stage{background:linear-gradient(180deg,rgba(244,231,199,.96),rgba(222,199,153,.97))}
.sk-stage-head { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:0 3px 8px; }.sk-stage-head>div{display:flex;align-items:center;gap:7px}.sk-stage-head b{font-size:9px}.sk-status-dot{width:8px;height:8px;border-radius:50%;background:var(--sk-accent-2);box-shadow:0 0 12px currentColor;animation:skPulse 2s ease infinite}@keyframes skPulse{50%{opacity:.35;transform:scale(.75)}}
.sk-stage-tools{display:flex;gap:5px}.sk-stage-tools button{min-width:36px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--sk-line);border-radius:9px;background:rgba(255,255,255,.025);font-weight:900}.sk-stage-tools button:hover:not(:disabled),.sk-stage-tools button.active{border-color:color-mix(in srgb,var(--sk-accent) 40%,transparent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent)}.sk-stage-tools button:disabled{opacity:.25;cursor:not-allowed}.sk-stage-tools i{color:var(--sk-accent);font-size:7px;font-style:normal}
.sk-board-scroll { width:100%; max-height:685px; overflow:auto; padding:5px; border:1px solid var(--sk-line); border-radius:17px; background:radial-gradient(circle at center,color-mix(in srgb,var(--sk-accent) 7%,transparent),transparent 55%),rgba(0,0,0,.14); scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--sk-accent) 45%,transparent) transparent; }
.sk-board-shell { position:relative; width:min(100%,680px); min-width:620px; aspect-ratio:1; margin:0 auto; padding:8px; }.sk-board-scroll.sk-fit .sk-board-shell{min-width:0;width:100%}.sk-board-aura{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sk-accent) 13%,transparent),transparent 67%);filter:blur(30px);pointer-events:none}
.sk-board { position:relative; z-index:2; display:grid; grid-template-columns:repeat(21,1fr); grid-template-rows:repeat(21,1fr); gap:1px; width:100%; height:100%; padding:3px; border:1px solid color-mix(in srgb,var(--sk-accent) 34%,transparent); border-radius:14px; background:rgba(0,0,0,.28); box-shadow:0 14px 40px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.03); }
.sk-void { min-width:0; min-height:0; background:transparent; pointer-events:none; }
.sk-cell { position:relative; display:grid; place-items:center; min-width:0; min-height:0; padding:0; border:0; background:var(--sk-cell); color:var(--sk-user); font-size:clamp(9px,1.55vw,18px); font-weight:800; line-height:1; transition:background .13s ease,color .13s ease,transform .13s ease,box-shadow .13s ease; }
.sk-cell::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.035);pointer-events:none}.sk-cell:hover{z-index:5;background:color-mix(in srgb,var(--sk-accent) 10%,var(--sk-cell))}.sk-cell.sk-given{color:var(--sk-given);font-weight:950}.sk-cell.sk-overlap{background:color-mix(in srgb,var(--sk-accent) 8%,var(--sk-cell));box-shadow:inset 0 0 8px color-mix(in srgb,var(--sk-accent) 8%,transparent)}.sk-cell.sk-related{background:color-mix(in srgb,var(--sk-accent) 7%,var(--sk-cell))}.sk-cell.sk-same{background:color-mix(in srgb,var(--sk-accent-2) 14%,var(--sk-cell));color:var(--sk-accent-2)}.sk-cell.sk-selected{z-index:8;background:color-mix(in srgb,var(--sk-accent) 25%,var(--sk-cell));color:#fff6df;box-shadow:inset 0 0 0 2px var(--sk-accent),0 0 15px color-mix(in srgb,var(--sk-accent) 30%,transparent)}.sk-theme-parchment .sk-cell.sk-selected{color:#332015}.sk-cell.sk-wrong{color:var(--sk-danger);background:color-mix(in srgb,var(--sk-danger) 12%,var(--sk-cell))}
.sk-edge-top{border-top:2px solid color-mix(in srgb,var(--sk-accent) 70%,#604221 30%)}.sk-edge-right{border-right:2px solid color-mix(in srgb,var(--sk-accent) 70%,#604221 30%)}.sk-edge-bottom{border-bottom:2px solid color-mix(in srgb,var(--sk-accent) 70%,#604221 30%)}.sk-edge-left{border-left:2px solid color-mix(in srgb,var(--sk-accent) 70%,#604221 30%)}
.sk-value{pointer-events:none}.sk-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:1px}.sk-notes i{display:grid;place-items:center;color:color-mix(in srgb,var(--sk-user) 72%,var(--sk-muted));font-size:clamp(3.8px,.48vw,6.5px);font-style:normal;font-weight:800}
.sk-pulse-correct{animation:skCorrect .65s ease}.sk-pulse-wrong{animation:skWrong .48s ease}.sk-pulse-hint{animation:skHint .8s ease}.sk-pulse-power{animation:skPower .72s ease}@keyframes skCorrect{30%{transform:scale(1.15);background:rgba(91,231,184,.34);box-shadow:inset 0 0 0 2px #70e5c2,0 0 22px rgba(91,231,184,.5)}}@keyframes skWrong{20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}@keyframes skHint{30%,70%{background:rgba(255,208,113,.36);box-shadow:inset 0 0 0 2px var(--sk-accent),0 0 24px var(--sk-accent)}}@keyframes skPower{40%{transform:scale(1.18) rotate(2deg);background:rgba(168,133,255,.34);box-shadow:0 0 28px rgba(168,133,255,.55)}}
.sk-board-loading { position:absolute; inset:8px; z-index:20; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border-radius:13px; background:rgba(7,10,15,.94); backdrop-filter:blur(10px); }.sk-board-loading.hidden{display:none}.sk-loader{width:54px;height:54px;border:2px solid color-mix(in srgb,var(--sk-accent) 18%,transparent);border-top-color:var(--sk-accent);border-radius:50%;animation:skSpin .8s linear infinite;box-shadow:0 0 25px color-mix(in srgb,var(--sk-accent) 20%,transparent)}@keyframes skSpin{to{transform:rotate(360deg)}}.sk-board-loading strong{color:var(--sk-accent);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.sk-number-pad { display:grid; grid-template-columns:repeat(9,1fr); gap:6px; width:min(100%,680px); margin:9px auto 0; }.sk-number-pad button{min-width:0;min-height:46px;padding:4px 2px;border:1px solid var(--sk-line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:.15s ease}.sk-number-pad button:hover:not(.complete){transform:translateY(-2px);border-color:color-mix(in srgb,var(--sk-accent) 45%,transparent);background:color-mix(in srgb,var(--sk-accent) 9%,transparent)}.sk-number-pad button.complete{opacity:.23;cursor:default}.sk-number-pad b{display:block;color:var(--sk-accent);font-size:16px}.sk-number-pad small{display:block;margin-top:2px;color:var(--sk-muted);font-size:6px}
.sk-mobile-tools{display:none}.sk-insight{display:flex;align-items:center;gap:11px;min-height:67px;margin-top:9px;padding:10px 13px;border:1px solid var(--sk-line);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--sk-accent) 6%,transparent),rgba(255,255,255,.015));transition:.2s ease}.sk-insight-flash{transform:translateY(-2px);box-shadow:0 0 22px color-mix(in srgb,var(--sk-accent) 10%,transparent)}.sk-insight-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid color-mix(in srgb,var(--sk-accent) 30%,transparent);border-radius:11px;color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 7%,transparent);font-family:serif}.sk-insight-icon--warning{color:var(--sk-danger);border-color:color-mix(in srgb,var(--sk-danger) 35%,transparent);background:color-mix(in srgb,var(--sk-danger) 7%,transparent)}.sk-insight strong{display:block;margin-bottom:2px;font-size:9px}.sk-insight p{margin:0;color:var(--sk-muted);font-size:8px;line-height:1.45}

.sk-power { width:100%; display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:8px; min-height:61px; margin-bottom:8px; padding:8px; border:1px solid var(--sk-line); border-radius:13px; background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); text-align:left; transition:.18s ease; }.sk-power:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--sk-accent) 36%,transparent);background:color-mix(in srgb,var(--sk-accent) 6%,transparent)}.sk-power:disabled{opacity:.33;cursor:not-allowed}.sk-power-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-family:serif;font-style:normal;font-size:17px}.sk-power-icon--gold{color:#f5ca76;background:rgba(245,202,118,.08)}.sk-power-icon--blue{color:#70d8ee;background:rgba(112,216,238,.08)}.sk-power-icon--rose{color:#ff879c;background:rgba(255,135,156,.08)}.sk-power b{display:block;font-size:9px}.sk-power small{display:block;margin-top:3px;color:var(--sk-muted);font-size:7px;line-height:1.25}.sk-power>i{width:25px;height:25px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.05);color:var(--sk-accent);font-size:9px;font-style:normal;font-weight:900}.sk-divider{height:1px;margin:10px 0;background:var(--sk-line)}
.sk-readout{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sk-readout div{padding:9px;border:1px solid var(--sk-line);border-radius:11px;background:rgba(255,255,255,.018)}.sk-readout span{display:block;color:var(--sk-muted);font-size:7px;text-transform:uppercase}.sk-readout strong{display:block;margin-top:2px;color:var(--sk-accent-2);font-size:12px}.sk-honor-meter{margin:9px 0;padding:10px;border:1px solid var(--sk-line);border-radius:12px;background:rgba(255,255,255,.016)}.sk-honor-meter>div:first-child{display:flex;justify-content:space-between}.sk-honor-meter span,.sk-honor-meter small{color:var(--sk-muted);font-size:7px}.sk-honor-meter b{color:var(--sk-accent);font-size:8px}.sk-meter{height:6px;margin:7px 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}.sk-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sk-accent-2),var(--sk-accent));box-shadow:0 0 12px var(--sk-accent);transition:.3s ease}.sk-keyboard{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px;border:1px solid var(--sk-line);border-radius:12px}.sk-keyboard b{grid-column:1/-1;font-size:8px}.sk-keyboard span{color:var(--sk-muted);font-size:6.5px}

.sk-toast { position:fixed; left:50%; bottom:25px; z-index:100; max-width:min(90vw,420px); padding:10px 16px; border:1px solid color-mix(in srgb,var(--sk-accent) 35%,transparent); border-radius:999px; background:rgba(9,12,18,.94); color:#fff4da; font-size:9px; font-weight:800; opacity:0; transform:translate(-50%,20px); pointer-events:none; transition:.25s ease; box-shadow:0 15px 45px rgba(0,0,0,.35); }.sk-toast.show{opacity:1;transform:translate(-50%,0)}
.sk-modal { position:absolute; inset:0; z-index:60; display:grid; place-items:center; padding:20px; background:rgba(4,6,10,.78); backdrop-filter:blur(8px); }.sk-modal.hidden{display:none}.sk-modal-card{position:relative;width:min(100%,480px);max-height:90vh;overflow:auto;padding:25px;border:1px solid color-mix(in srgb,var(--sk-accent) 28%,transparent);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--sk-panel-2) 98%,#000 2%),var(--sk-panel));box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.045)}.sk-modal-card--wide{width:min(100%,780px)}.sk-modal-card--campaign{width:min(100%,900px)}.sk-modal-card--pause,.sk-modal-card--win{text-align:center;width:min(100%,530px)}.sk-modal-card h2{margin:5px 0 8px;font-family:Georgia,serif;font-size:25px}.sk-modal-card p{color:var(--sk-muted);font-size:10px;line-height:1.5}.sk-close{position:absolute;right:13px;top:12px;width:32px;height:32px;border:1px solid var(--sk-line);border-radius:9px;background:rgba(255,255,255,.025);font-size:18px}.sk-mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.sk-mode-grid button{min-height:145px;padding:14px 8px;border:1px solid var(--sk-line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:.18s ease}.sk-mode-grid button:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sk-accent) 43%,transparent);background:color-mix(in srgb,var(--sk-accent) 7%,transparent)}.sk-mode-grid i{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 10px;border-radius:13px;color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent);font-family:serif;font-size:18px;font-style:normal}.sk-mode-grid b,.sk-mode-grid span{display:block}.sk-mode-grid b{font-size:10px}.sk-mode-grid span{margin-top:5px;color:var(--sk-muted);font-size:7px;line-height:1.35}
.sk-difficulty-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.sk-difficulty-grid button{min-height:138px;padding:12px 8px;border:1px solid color-mix(in srgb,var(--difficulty) 27%,transparent);border-radius:14px;background:color-mix(in srgb,var(--difficulty) 5%,transparent)}.sk-difficulty-grid button:hover{transform:translateY(-3px);box-shadow:0 0 25px color-mix(in srgb,var(--difficulty) 12%,transparent)}.sk-difficulty-grid i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:12px;color:var(--difficulty);background:color-mix(in srgb,var(--difficulty) 8%,transparent);font-family:serif;font-style:normal}.sk-difficulty-grid b,.sk-difficulty-grid span,.sk-difficulty-grid small{display:block}.sk-difficulty-grid b{font-size:10px}.sk-difficulty-grid span,.sk-difficulty-grid small{margin-top:4px;color:var(--sk-muted);font-size:7px}
.sk-world-tabs{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:14px 0}.sk-world-tabs button{min-height:42px;border:1px solid var(--sk-line);border-radius:9px;background:rgba(255,255,255,.018)}.sk-world-tabs button.active{border-color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent)}.sk-world-tabs i,.sk-world-tabs span{display:block}.sk-world-tabs i{color:var(--sk-accent);font-family:serif;font-style:normal}.sk-world-tabs span{color:var(--sk-muted);font-size:6px}.sk-campaign-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.sk-campaign-grid button{min-height:71px;padding:6px 3px;border:1px solid color-mix(in srgb,var(--mission) 24%,transparent);border-radius:10px;background:color-mix(in srgb,var(--mission) 4%,transparent)}.sk-campaign-grid button:disabled{opacity:.28;cursor:not-allowed}.sk-campaign-grid span,.sk-campaign-grid b,.sk-campaign-grid small{display:block}.sk-campaign-grid span{color:var(--mission);font-size:12px;font-weight:900}.sk-campaign-grid b{margin-top:3px;font-size:6.5px}.sk-campaign-grid small{margin-top:3px;color:var(--sk-muted);font-size:5.8px}
.sk-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.sk-theme-row button{min-height:44px;border:1px solid var(--sk-line);border-radius:10px;background:rgba(255,255,255,.02);font-size:8px;font-weight:900}.sk-theme-row button.active{border-color:var(--sk-accent);color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent)}.sk-settings-list{display:grid;gap:6px}.sk-settings-list button{display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:0 12px;border:1px solid var(--sk-line);border-radius:10px;background:rgba(255,255,255,.018);font-size:9px}.sk-settings-list i{padding:4px 7px;border-radius:99px;color:var(--sk-muted);background:rgba(255,255,255,.04);font-size:7px;font-style:normal}.sk-settings-list i.on{color:var(--sk-accent-2);background:color-mix(in srgb,var(--sk-accent-2) 10%,transparent)}.sk-danger-link{width:100%;margin-top:14px;padding:10px;border:1px solid rgba(255,101,124,.2);border-radius:10px;background:rgba(255,101,124,.04);color:#ff7d90;font-size:8px}
.sk-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.sk-stats-grid div{padding:13px;border:1px solid var(--sk-line);border-radius:12px;background:rgba(255,255,255,.018)}.sk-stats-grid span{display:block;color:var(--sk-muted);font-size:7px;text-transform:uppercase}.sk-stats-grid b{display:block;margin-top:4px;color:var(--sk-accent);font-size:17px}.sk-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.sk-achievements>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--sk-line);border-radius:11px;opacity:.48}.sk-achievements>div.unlocked{opacity:1;border-color:color-mix(in srgb,var(--sk-accent) 28%,transparent);background:color-mix(in srgb,var(--sk-accent) 4%,transparent)}.sk-achievements i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 7%,transparent);font-style:normal}.sk-achievements b,.sk-achievements small{display:block}.sk-achievements b{font-size:8px}.sk-achievements small{margin-top:2px;color:var(--sk-muted);font-size:6.5px}
.sk-pause-mark,.sk-win-emblem{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 13px;border:1px solid color-mix(in srgb,var(--sk-accent) 40%,transparent);border-radius:22px;color:var(--sk-accent);background:color-mix(in srgb,var(--sk-accent) 8%,transparent);font-family:serif;font-size:28px;text-shadow:0 0 18px currentColor}.sk-primary-large{min-height:45px;padding:0 22px;border:1px solid var(--sk-accent);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--sk-accent) 94%,#fff 6%),color-mix(in srgb,var(--sk-accent) 80%,#86551e 20%));color:#231709;font-size:9px;font-weight:950;text-transform:uppercase}.sk-theme-parchment .sk-primary-large{color:#fff}.sk-rank{width:64px;height:64px;display:grid;place-items:center;margin:10px auto;border:2px solid var(--sk-accent);border-radius:50%;color:var(--sk-accent);font-family:Georgia,serif;font-size:30px;box-shadow:0 0 25px color-mix(in srgb,var(--sk-accent) 20%,transparent)}.sk-win-stars{color:var(--sk-accent);font-size:20px;letter-spacing:.15em}.sk-win-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.sk-win-grid div{padding:10px;border:1px solid var(--sk-line);border-radius:10px;background:rgba(255,255,255,.018)}.sk-win-grid span,.sk-win-grid b{display:block}.sk-win-grid span{color:var(--sk-muted);font-size:7px}.sk-win-grid b{margin-top:3px;color:var(--sk-accent-2);font-size:11px}.sk-win-actions{display:flex;justify-content:center;gap:7px}.sk-win-actions>button:not(.sk-primary-large){min-height:45px;padding:0 18px;border:1px solid var(--sk-line);border-radius:11px;background:rgba(255,255,255,.02);font-size:9px;font-weight:900}
.sk-confetti{position:fixed;z-index:110;left:var(--x);top:-20px;width:7px;height:12px;animation:skFall 3s ease-in var(--delay) forwards;pointer-events:none}@keyframes skFall{to{transform:translateY(110vh) rotate(var(--spin));opacity:.1}}

.sk-compact .sk-left-panel,.sk-compact .sk-right-panel{display:none}.sk-compact .sk-layout{grid-template-columns:1fr}.sk-compact .sk-stage{max-width:900px;margin:auto}

@media (max-width:1280px){
  .sk-topbar{grid-template-columns:200px 1fr 250px auto}.sk-btn{padding:0 9px}.sk-layout{grid-template-columns:190px minmax(560px,1fr) 190px;gap:9px;padding:9px}.sk-panel{padding:9px}.sk-world-card{padding-left:62px}.sk-world-seal{width:40px;height:40px}.sk-map-node{width:64px}.sk-board-shell{min-width:580px}.sk-power{grid-template-columns:35px 1fr auto}.sk-power-icon{width:35px;height:35px}
}
@media (max-width:1040px){
  .sk-topbar{grid-template-columns:1fr auto auto}.sk-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-bottom:2px}.sk-metrics{grid-column:2}.sk-layout{grid-template-columns:1fr}.sk-left-panel,.sk-right-panel{display:none}.sk-center{max-width:900px;width:100%;margin:auto}.sk-board-shell{width:min(100%,700px);min-width:620px}.sk-subbar{grid-template-columns:1fr 1.6fr 1fr}
}
@media (max-width:720px){
  #gcg-game-root{min-height:700px}.sk-game{min-height:700px;border-radius:17px}.sk-topbar{grid-template-columns:1fr auto;padding:10px;gap:8px}.sk-brand h2{font-size:17px}.sk-logo{width:40px;height:40px;flex-basis:40px}.sk-metrics{grid-column:1/-1;grid-row:3}.sk-utility{grid-column:2;grid-row:1}.sk-actions{grid-row:2;grid-column:1/-1;justify-content:flex-start}.sk-btn{min-height:35px;font-size:8px}.sk-btn[data-action="campaign"],.sk-btn[data-action="pause"]{display:none}.sk-subbar{grid-template-columns:1fr 1fr;padding:6px 10px}.sk-objective{display:none!important}.sk-layout{padding:7px}.sk-stage{padding:7px;border-radius:15px}.sk-stage-head{min-height:36px}.sk-stage-tools button{min-width:31px;height:31px}.sk-board-scroll{max-height:68vh;padding:2px;border-radius:12px}.sk-board-shell{min-width:610px;padding:5px}.sk-board-scroll.sk-fit .sk-board-shell{min-width:510px;width:510px}.sk-cell{font-size:14px}.sk-notes i{font-size:5px}.sk-number-pad{position:sticky;bottom:0;z-index:12;gap:4px;margin-top:6px;padding:5px;border:1px solid var(--sk-line);border-radius:12px;background:color-mix(in srgb,var(--sk-panel) 94%,transparent);backdrop-filter:blur(12px)}.sk-number-pad button{min-height:43px;border-radius:8px}.sk-number-pad b{font-size:15px}.sk-number-pad small{display:none}.sk-mobile-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.sk-mobile-tools button{min-height:36px;border:1px solid var(--sk-line);border-radius:9px;background:rgba(255,255,255,.02);font-size:7px;font-weight:850}.sk-mobile-tools b{color:var(--sk-accent);font-size:6px}.sk-insight{min-height:61px;margin-top:6px;padding:8px}.sk-insight p{font-size:7.5px}.sk-stage-tools [data-action="undo"],.sk-stage-tools [data-action="redo"],.sk-stage-tools [data-action="erase"],.sk-stage-tools [data-action="notes"]{display:none}.sk-modal{padding:10px}.sk-modal-card{padding:20px 14px}.sk-mode-grid,.sk-difficulty-grid{grid-template-columns:1fr 1fr}.sk-mode-grid button,.sk-difficulty-grid button{min-height:116px}.sk-campaign-grid{grid-template-columns:repeat(5,1fr)}.sk-world-tabs{grid-template-columns:repeat(5,1fr)}.sk-stats-grid{grid-template-columns:1fr 1fr}.sk-achievements{grid-template-columns:1fr}.sk-win-grid{grid-template-columns:1fr 1fr}.sk-toast{bottom:15px}
}
@media (max-width:430px){
  .sk-brand small{font-size:6px}.sk-brand h2{font-size:15px}.sk-metrics div{padding:5px}.sk-subbar b,.sk-mode-chip,.sk-level-chip,.sk-progress-text{font-size:7px}.sk-board-shell{min-width:590px}.sk-board-scroll.sk-fit .sk-board-shell{min-width:470px;width:470px}.sk-cell{font-size:13px}.sk-number-pad button{min-height:40px}.sk-mode-grid{grid-template-columns:1fr}.sk-mode-grid button{min-height:90px}.sk-mode-grid i{width:36px;height:36px;margin-bottom:6px}.sk-difficulty-grid{grid-template-columns:1fr 1fr}.sk-campaign-grid{grid-template-columns:repeat(4,1fr)}
}