@font-face{font-family:Fredoka;src:url(/g/cartillery/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--ink: #2a1e5c;--cream: #fff7e6;--yellow: #ffc21a;--orange: #ff6b1a;--teal: #22c3a6;--muted: #6b6390;--font: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--cream);color:var(--ink);font-family:var(--font);overflow:hidden}body{-webkit-tap-highlight-color:transparent}.cg-app{height:100vh;height:100dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"bar bar" "stage stage" "status status" "left right";gap:6px 16px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));user-select:none;-webkit-user-select:none}.cg-bar{grid-area:bar;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cg-spacer{flex:1}.cg-stage{grid-area:stage;min-height:0;display:flex;align-items:center;justify-content:center}.cg-status{grid-area:status;margin:0;text-align:center;font-size:14px;font-weight:500;color:var(--muted);min-height:1.4em;line-height:1.4}.cg-left{grid-area:left;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cg-right{grid-area:right;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 14px}.cg-wrap{position:relative}.cg-canvas{display:block;border-radius:12px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#cfe8f6;touch-action:none;cursor:crosshair}.cg-select,.cg-btn{font:500 14px/1 var(--font);color:var(--ink);background:#fff;min-height:36px;border:2px solid var(--ink);border-radius:10px;padding:0 10px;cursor:pointer}.cg-btn{box-shadow:0 2px 0 var(--ink)}.cg-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.cg-btn-primary{background:var(--orange);font-weight:700}.cg-icon{width:38px;padding:0;font-size:17px}.cg-icon.is-off{opacity:.4}.cg-btn:disabled{opacity:.45;cursor:default}.cg-select:focus-visible,.cg-btn:focus-visible,.cg-key:focus-visible,.cg-wbtn:focus-visible,.cg-fire:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.cg-weapons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.cg-wbtn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 5px;min-height:42px;font:700 13px/1 var(--font);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:inset 0 -3px #eadfc8,0 3px 0 var(--ink);cursor:pointer;transition:transform .06s,box-shadow .06s}.cg-wbtn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -2px #eadfc8,0 0 0 var(--ink)}.cg-wbtn.is-on{background:var(--yellow);box-shadow:inset 0 -3px #e0a800,0 3px 0 var(--ink)}.cg-wbtn:disabled{opacity:.45;cursor:default}.cg-wbtn.is-on:disabled{opacity:.7}.cg-wico{width:28px;height:28px;flex:none;background-image:var(--cg-shells);background-size:500% 100%;background-repeat:no-repeat}.cg-wn{min-width:1.4em;padding:2px 5px;border-radius:8px;background:var(--ink);color:var(--cream);font-size:12px;text-align:center}.cg-bonus{min-height:42px;background:var(--teal)}.cg-box{display:flex;align-items:center;gap:6px}.cg-lab{font:500 13px/1 var(--font);color:var(--muted)}.cg-val{min-width:2.8em;text-align:center;font:700 18px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums}.cg-key{width:44px;height:42px;font:700 20px/1 var(--font);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:inset 0 -4px #eadfc8,0 3px 0 var(--ink);cursor:pointer;touch-action:none;transition:transform .06s,box-shadow .06s}.cg-key.is-down,.cg-key:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -2px #eadfc8,0 0 0 var(--ink);background:var(--yellow)}.cg-key:disabled{opacity:.45;cursor:default}.cg-stam{width:64px;height:10px;border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}.cg-stam-fill{display:block;height:100%;width:100%;background:var(--teal);transition:width .1s}.cg-fire{min-width:112px;min-height:52px;padding:0 20px;font:700 21px/1 var(--font);letter-spacing:.04em;color:#fff;background:#e8483b;border:2px solid var(--ink);border-radius:14px;box-shadow:inset 0 -5px #b3302a,0 3px 0 var(--ink);cursor:pointer;touch-action:none;transition:transform .06s,box-shadow .06s}.cg-app[data-seat="1"] .cg-fire{background:#3b8fe8;box-shadow:inset 0 -5px #2767ad,0 3px 0 var(--ink)}.cg-fire.is-down{transform:translateY(3px);box-shadow:inset 0 -3px #b3302a,0 0 0 var(--ink)}.cg-fire.is-charging{background:var(--orange)}.cg-fire:disabled{opacity:.45;cursor:default}.cg-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2a1e5c59;border-radius:12px;padding:12px}.cg-result[hidden]{display:none}.cg-card{background:var(--cream);border:2px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:16px 20px;max-width:min(440px,100%);max-height:100%;overflow:auto;text-align:center}.cg-result[data-kind=win] .cg-card{background:#fff3c4}.cg-title{margin:0 0 8px;font-size:26px;font-weight:700}.cg-line{margin:4px 0;font-size:15px;line-height:1.4}.cg-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.cg-btns .cg-btn{min-height:42px;padding:0 16px;font-size:16px}.cg-intro{position:absolute;left:50%;top:44px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);background:#fff7e6f5;border:2px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);padding:10px 14px;text-align:center}.cg-intro-t{margin:0;font-size:16px;font-weight:500}.cg-intro .cg-btns{margin-top:8px}@media(prefers-reduced-motion:reduce){.cg-wbtn,.cg-key,.cg-fire,.cg-stam-fill{transition:none}}@media(max-width:720px)and (orientation:portrait){.cg-app{grid-template-columns:1fr;grid-template-areas:"bar" "stage" "status" "left" "right";gap:6px}.cg-left,.cg-right{align-items:center;justify-content:center}.cg-weapons{justify-content:center}.cg-wbtn{padding:3px 6px 3px 3px;gap:3px;font-size:12px;min-height:40px}.cg-wico{width:24px;height:24px}.cg-fire{flex-basis:100%;max-width:220px}.cg-val{min-width:2.4em;font-size:16px}.cg-key{width:40px;height:40px}.cg-select,.cg-btn{min-height:34px;font-size:13px;padding:0 8px}.cg-bar{flex-wrap:nowrap;gap:5px}.cg-select{min-width:0;padding:0 4px}.cg-bar>.cg-btn-primary{flex:none;padding:0 8px}.cg-icon{width:32px;flex:none}.cg-intro{top:40px;padding:6px 10px}.cg-intro-t{font-size:14px}.cg-intro .cg-btns{margin-top:6px;gap:6px}.cg-intro .cg-btn{min-height:34px;font-size:14px;padding:0 10px}}@media(max-width:380px){.cg-wname{display:none}}@media(orientation:landscape)and (max-height:520px){.cg-app{grid-template-columns:140px minmax(0,1fr) 140px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar bar bar" "left stage right" "left status right";gap:4px 8px;padding-top:4px}.cg-left,.cg-right{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px}.cg-weapons{justify-content:center;gap:4px}.cg-wbtn{width:64px;padding:3px;justify-content:center;min-height:38px;gap:2px}.cg-wname{display:none}.cg-wico{width:22px;height:22px}.cg-bonus{width:132px;min-height:34px;font-size:12px;padding:0 4px}.cg-box{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:3px 8px}.cg-lab{grid-column:1 / -1;order:-2;text-align:center}.cg-val,.cg-stam{grid-column:1 / -1;order:-1;justify-self:center}.cg-key{width:40px;height:36px;font-size:17px}.cg-val{font-size:15px}.cg-fire{min-width:120px;min-height:52px}.cg-select,.cg-btn{min-height:30px;font-size:13px}.cg-status{font-size:12px}}