.ccg-wrapper{position:relative;width:100%;max-width:1200px;margin:2rem auto;color:#17222b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ccg-game-mount{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#26bce8;border:4px solid #071e33;border-radius:14px;box-sizing:border-box;box-shadow:0 18px 45px rgb(7 30 51 / .26)}.ccg-game-mount canvas{display:block!important;width:100%!important;height:100%!important;margin:0 auto}.ccg-touch-controls{position:absolute;left:50%;bottom:clamp(54px, 9.5%, 74px);z-index:35;display:flex;align-items:flex-end;gap:clamp(0.35rem, 1.5vw, 1rem);width:min(92%, 680px);padding:clamp(0.42rem, 1.2vw, 0.8rem) clamp(0.6rem, 2vw, 1.2rem);transform:translateX(-50%);border:2px solid rgb(43 161 219 / .65);border-radius:22px;background:linear-gradient(180deg,rgb(9 43 72 / .95),rgb(4 22 38 / .98));box-shadow:0 12px 25px rgb(2 17 30 / .38),inset 0 1px rgb(255 255 255 / .09);box-sizing:border-box;touch-action:none;user-select:none}.ccg-touch-controls button{display:grid;flex:1 1 0%;grid-template-rows:auto auto;justify-items:center;gap:.2rem;min-width:0;padding:0;border:0;background:#fff0;color:#dff7ff;font:800 clamp(0.58rem, 1.2vw, 0.75rem)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:#fff0}.ccg-touch-controls svg{width:clamp(34px, 5.4vw, 55px);height:clamp(34px, 5.4vw, 55px);padding:22%;border:3px solid #28bde9;border-radius:50%;background:linear-gradient(145deg,#14638f,#092d50);fill:currentColor;filter:drop-shadow(0 5px 5px rgb(0 0 0 / .32));box-sizing:border-box;transition:transform 120ms ease,background 120ms ease,box-shadow 120ms ease}.ccg-touch-controls button:hover svg,.ccg-touch-controls button:focus-visible svg{background:linear-gradient(145deg,#1b7fb4,#0b3b66);box-shadow:0 0 0 3px rgb(40 189 233 / .2);outline:none}.ccg-touch-controls button:active svg,.ccg-touch-controls button.is-pressed svg,.ccg-touch-controls button.is-active svg{transform:translateY(2px) scale(.94);background:#28bde9;color:#071e33}.ccg-touch-controls .ccg-lock-control{color:#071e33}.ccg-touch-controls .ccg-lock-control svg{width:clamp(42px, 6.3vw, 64px);height:clamp(42px, 6.3vw, 64px);border-color:#ffe27a;background:linear-gradient(145deg,#ffd94c,#efa900)}.ccg-touch-controls .ccg-lock-control span{color:#ffd543}.ccg-touch-controls .ccg-lock-control.is-active svg{background:linear-gradient(145deg,#61d780,#299850);border-color:#a8f2b9}.ccg-overlay{position:absolute;inset:4px;z-index:50;display:grid;place-items:center;padding:1rem;background:rgb(5 21 35 / .86);border-radius:11px;box-sizing:border-box}.ccg-overlay[hidden],.ccg-score-form[hidden],.ccg-leaderboard[hidden]{display:none!important}.ccg-panel{width:min(92%, 480px);max-height:94%;overflow-y:auto;padding:clamp(1rem, 4vw, 2rem);background:#fff;border:2px solid #2ba1db;border-radius:16px;box-shadow:0 18px 50px rgb(0 0 0 / .34);text-align:center;box-sizing:border-box}.ccg-panel h2,.ccg-panel h3,.ccg-panel p{margin-top:0}.ccg-final-score{font-size:1.35rem;font-weight:800;color:#176b91}.ccg-score-form label{display:block;margin:0 0 .85rem;text-align:left;font-weight:750}.ccg-score-form input{display:block;width:100%;margin-top:.35rem;padding:.72rem;border:1px solid #9bb1bf;border-radius:7px;font:inherit;box-sizing:border-box}.ccg-score-form input:focus{border-color:#28a8de;outline:3px solid rgb(40 168 222 / .18)}.ccg-panel button{padding:.72rem 1.25rem;border:0;border-radius:7px;background:linear-gradient(135deg,#187eaa,#0c557d);color:#fff;font:750 0.95rem/1.2 inherit;cursor:pointer}.ccg-panel button:hover,.ccg-panel button:focus-visible{background:#0d4d6a}.ccg-panel button:disabled{opacity:.6;cursor:wait}.ccg-form-message{min-height:1.4em;margin:.75rem 0 0!important;color:#a33b2f}.ccg-leaderboard ol{margin:0 0 1rem;padding-left:2rem;text-align:left}.ccg-leaderboard li{padding:.4rem .25rem;border-bottom:1px solid #e5eaed}.ccg-leaderboard li strong{float:right;margin-left:1rem;color:#176b91}.ccg-help{margin:.65rem 0 0;color:#17344a;font-size:.95rem;font-weight:650;line-height:1.4;text-align:center}@media (max-width:620px){.ccg-wrapper{margin:1rem auto}.ccg-game-mount{border-width:2px;border-radius:7px}.ccg-overlay{inset:2px;padding:.4rem}.ccg-panel{padding:.85rem;font-size:.86rem}.ccg-panel h2{font-size:1.25rem}.ccg-help{font-size:.75rem}.ccg-touch-controls{bottom:clamp(38px, 8.5%, 48px);gap:.18rem;width:96%;padding:.32rem .38rem;border-radius:15px}.ccg-touch-controls button{font-size:.48rem}.ccg-touch-controls svg{border-width:2px}}@media (prefers-reduced-motion:reduce){.ccg-touch-controls svg{transition:none}}