.cc-page{background:#071220;color:#e7f3ff;padding:48px 5% 56px;background-image:linear-gradient(#16304855 1px,transparent 1px),linear-gradient(90deg,#16304855 1px,transparent 1px);background-size:36px 36px}.cc-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.cc-game,.cc-side{border:1px solid #29435a;background:#0a192a;border-radius:16px;box-shadow:0 20px 60px #0003}.cc-game{padding:26px;min-width:0}.cc-kicker{font:700 11px monospace;letter-spacing:2px;color:#6bbfff}.cc-game h1{font-size:clamp(29px,4vw,46px);letter-spacing:-1.5px;margin:12px 0 10px;line-height:1.1}.cc-game h1 span{color:#30bbff}.cc-level-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 10px}.cc-level-head h2{font-size:17px;letter-spacing:0;margin:0}.cc-best{font:12px monospace;color:#6de5b8;white-space:nowrap}.cc-brief{color:#a5bace;font-size:13px;line-height:1.5;min-height:36px}.cc-board{position:relative;width:100%;aspect-ratio:12/10;isolation:isolate;border:1px solid #426982;border-radius:6px;overflow:hidden;background:#0c2033;touch-action:none;user-select:none}.cc-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr)}.cc-cell{border:0;border-right:1px solid #26465d;border-bottom:1px solid #26465d;background:transparent;padding:0;min-width:0;min-height:0;border-radius:0;color:#c5d9e8;font-size:clamp(7px,1.5vw,11px);font-weight:bold;cursor:crosshair}.cc-cell.blocked{background:repeating-linear-gradient(135deg,#34485a 0px,#34485a 8px,#41566a 8px,#41566a 9px);cursor:not-allowed}.cc-cell.start,.cc-cell.goal{box-shadow:inset 0 0 0 3px #0c2033;background:#24aff7;color:#04223b;font-size:clamp(10px,2vw,16px);font-weight:900}.cc-cell.goal{background:#63e0b1}.cc-cell:focus-visible{outline:3px solid #ffb953;outline-offset:-3px;z-index:3}.cc-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.cc-route path{fill:none;stroke:#2dbfff;stroke-width:13;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #1bb1ff66)}.cc-route path.core{stroke:#a7efff;stroke-width:3}.cc-route.won path{stroke:#6de5b8}.cc-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;border:1px solid #29435a;border-radius:8px;padding:12px 0;text-align:center}.cc-stat+.cc-stat{border-left:1px solid #29435a}.cc-stat strong{font-size:24px;color:#42c3ff;display:block}.cc-stat span{font:10px monospace;letter-spacing:1px;color:#a5bace}.cc-message{font-size:14px;line-height:1.5;min-height:44px;color:#d4e5f2;margin:10px 0}.cc-tools,.cc-nav{display:flex;gap:8px}.cc-page button.cc-btn{background:#142e45;border:1px solid #385b76;color:#e7f3ff;border-radius:7px;min-height:44px;padding:10px 14px;font:600 13px Arial;cursor:pointer;flex:1}.cc-page button.cc-btn:hover{background:#204762}.cc-page button.cc-primary{background:#29b8fa;color:#042239;border-color:#66d4ff;display:block;width:100%;font-size:15px;margin:10px 0}.cc-page button.cc-primary:hover{background:#73d7ff}.cc-page button:focus-visible,.cc-page a:focus-visible{outline:3px solid #ffb953;outline-offset:3px}.cc-side{padding:24px}.cc-side h2{font-size:24px;letter-spacing:-.6px;margin:12px 0 20px}.cc-side p,.cc-side li{font-size:14px;line-height:1.7;color:#b3c7d8}.cc-side ol{padding-left:20px}.cc-side li{margin:12px 0}.cc-side details{border-top:1px solid #29435a;margin-top:20px;padding-top:16px}.cc-side summary{cursor:pointer;color:#e7f3ff;font-size:14px}.cc-note{font-size:11px!important;color:#92aabe!important}.cc-back{color:#7dcbff;display:inline-block;margin-top:18px;font-size:13px}.cc-win{border:1px solid #67dfb0;background:#11382e;padding:16px;border-radius:8px;margin:14px 0}.cc-win[hidden]{display:none}.cc-win strong{display:block;font-size:24px;color:#ffcf6e;margin-bottom:6px}.cc-selector{background:#142e45;color:#fff;border:1px solid #385b76;border-radius:5px;padding:8px;width:100%;font-size:14px}.cc-legend{font-size:11px;color:#b3c7d8;margin:12px 0 0;line-height:1.6}.cc-teaser{background:#0c2033;color:white;padding:44px;border:1px solid #34536e;border-radius:8px;display:flex;gap:25px;align-items:center;justify-content:space-between}.cc-teaser h2{margin:10px 0;font-size:32px;letter-spacing:-1px}.cc-teaser p{color:#b3c7d8;max-width:600px;font-size:14px;line-height:1.7}.cc-teaser .btn{white-space:nowrap}.cc-teaser-wrap{padding-top:55px;padding-bottom:55px}@media(max-width:850px){.cc-layout{grid-template-columns:1fr}.cc-side{padding:22px}.cc-page{padding:24px 4%}.cc-game{padding:18px}.cc-teaser{display:block;padding:28px}.cc-teaser .btn{margin-top:14px}}@media(max-width:420px){.cc-game{padding:12px}.cc-best{font-size:10px}.cc-level-head h2{font-size:15px}.cc-cell{font-size:8px}.cc-page button.cc-btn{padding:10px 8px}.cc-stats{margin:12px 0}.cc-stat strong{font-size:21px}}

.cc-stats{grid-template-columns:repeat(4,1fr)}.cc-stat span{font-size:9px;letter-spacing:.3px}.cc-stat strong.cc-over{color:#ff9d87}.cc-section-readout{color:#b5c9dc;font:12px/1.8 monospace;overflow-wrap:anywhere}.cc-page button.cc-box-button{width:100%;margin-top:10px;color:#ffcf85;border-color:#8f7349}.cc-page button.cc-box-button[aria-pressed="true"]{background:#604929;color:#fff4dc;border-color:#ffd08b}