.ct{position:relative;max-width:720px;margin:auto;font:13px/1.4 system-ui,sans-serif;color:#203f52;isolation:isolate}.ct *{box-sizing:border-box}.ct button{font:inherit;min-height:36px;border:1px solid #79949b;border-radius:7px;background:#e4e8dc;color:#254758;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ct button:focus-visible{outline:3px solid #bb833a;outline-offset:2px}.ct-stage{height:516px;display:flex;flex-direction:column;gap:5px;padding:8px;background:#d4e1de;border:1px solid #7d9a9e;border-radius:12px;overflow:hidden}.ct-top,.ct-stats{display:flex;align-items:center;justify-content:space-between;gap:7px}.ct-top{height:30px;flex:none}.ct-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-menu{width:34px;min-height:28px!important;font-size:19px!important;padding:0}.ct-stats{font-size:10px;min-height:20px;color:#3c5e68;direction:ltr;font-variant-numeric:tabular-nums}.ct-map{position:relative;flex:1;min-height:180px;border:1px solid #72989e;border-radius:7px;overflow:hidden;background:#739da9}.ct-canvas{display:block;width:100%;height:100%}.ct-cue{position:absolute;bottom:5px;left:5px;right:5px;text-align:center;background:#eaf0ddec;border:1px solid #759ba555;border-radius:4px;padding:3px;font-size:9px;pointer-events:none;color:#32525e}.ct-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:ltr;flex:none;height:72px;user-select:none}.ct-directions{display:flex;gap:9px}.ct-control{width:65px;height:64px;font-size:24px!important;box-shadow:inset 0 -3px #6c929a22;background:#c4d7d3!important}.ct-control.pressed{background:#92b5b7!important;transform:translateY(2px)}.ct-jump{width:100px;background:#d9bd7b!important;font-size:17px!important;font-weight:700}.ct-foot{font-size:9px;color:#5d7b80;min-height:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ct-overlay{position:absolute;inset:0;z-index:20;padding:13px;display:grid;place-items:center;background:#244a60d9;backdrop-filter:blur(3px);border-radius:12px}.ct-panel{background:#e3e9dc;border:1px solid #a4b6a9;border-radius:10px;box-shadow:0 10px 30px #133b5344;width:100%;max-width:470px;max-height:100%;padding:15px;overflow-y:auto;overscroll-behavior:contain}.ct-panel h2{font-size:20px;color:#274858;margin:0 0 10px}.ct-panel h3{font-size:13px;margin:14px 0 7px}.ct-panel p{font-size:11px;line-height:1.55;margin:6px 0}.ct-panel>button{display:block;width:100%;margin-top:7px}.ct-primary{background:#315f73!important;color:#f8eed3!important;border-color:#315f73!important;font-weight:700}.ct-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.ct-modes button{padding:5px 3px;font-size:10px}.ct-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.ct-levels button{font-size:11px}.ct-levels button:disabled{opacity:.35;cursor:default}.ct-perks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ct-perks button{text-align:start;padding:6px;font-size:11px;line-height:1.4}.ct-perks small{display:block;font-size:9px;color:#627d7d}.ct-perks button[aria-pressed=true]{background:#c9d6b1;border:2px solid #6d8c65}.ct-perks button:disabled{opacity:.45;cursor:default}.ct-record{font-variant-numeric:tabular-nums;color:#88652d}@media(min-width:650px){.ct-stage{height:570px;padding:10px}.ct-title{font-size:14px}.ct-stats{font-size:11px}.ct-cue{font-size:11px}}@media(max-width:340px){.ct-stage{padding:6px;gap:4px}.ct-control{width:60px}.ct-jump{width:94px}.ct-controls{gap:5px}.ct-title{font-size:10px}.ct-stats{font-size:9px}.ct-cue{font-size:8px}}@media(prefers-reduced-motion:reduce){.ct *{transition:none!important;animation:none!important}}