*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-content{min-height:calc(100vh - 160px);padding:clamp(20px,4vw,40px) 12px 48px;background:#fff}[data-theme=dark] .main-content{background:linear-gradient(180deg,#090f16f5,#050a10eb)}.mod-container{max-width:800px;margin:0 auto}.mod-card{background:#fff;border-radius:36px;padding:clamp(18px,3vw,36px);box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden;text-align:center}[data-theme=dark] .mod-card{background:linear-gradient(155deg,#0a1f2ff7,#051019fa 58%,#081b28f7),#0b1d2b;box-shadow:0 20px 48px #00000052;border-color:#5ebcf53d}.mod-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,194,92,.12),transparent 24%),radial-gradient(circle at top left,rgba(74,219,255,.12),transparent 24%)}.mod-title{font-weight:800;font-size:clamp(1.4rem,4vw,2.5rem);background:linear-gradient(145deg,#0f5fd0,#00a7d8 48%,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px;line-height:1.1}[data-theme=dark] .mod-title{background:linear-gradient(145deg,#f8fdff,#7bd7ff 48%,#ffd27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mod-sub{color:#87bfdb;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px}.stage{background:linear-gradient(180deg,#071824e6,#071824b3);border:1px solid rgba(95,179,228,.22);border-radius:28px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:16px}#ballCanvas{cursor:grab;touch-action:none;display:block}#ballCanvas:active{cursor:grabbing}.stats-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-chip{background:linear-gradient(180deg,#0e2a3cf5,#081c2af5);padding:9px 20px;border-radius:100px;border:1px solid rgba(98,177,223,.38);color:#ceecff;font-size:.85rem;font-weight:500}.stat-chip span{font-weight:800;font-size:1.1rem;color:#fff7b5;margin-left:6px;text-shadow:0 0 12px #ffbf00}.msg-line{color:#4adbff;font-size:1rem;font-weight:700;min-height:1.5em;letter-spacing:.05em;text-shadow:0 0 14px #4adbff}.color-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ball-color-btn{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:.1s;box-shadow:0 3px 10px #0006}.ball-color-btn:hover,.ball-color-btn.active{transform:scale(1.2);border-color:#ffffffb3}.hint{color:#4a8ca8;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}