/* Opt-in components. No global button, canvas or game-engine overrides. */
.gc-phone{max-width:430px;margin-inline:auto;min-height:680px;padding:24px 20px;border:1px solid var(--gc-line);border-radius:36px;background:radial-gradient(ellipse at 50% 0,#ffffff0c,transparent 55%),var(--gc-canvas);color:var(--gc-ink);position:relative;overflow:hidden}
.gc-stack{display:flex;flex-direction:column;gap:12px}.gc-row{display:flex;gap:12px;align-items:center}.gc-row--between{justify-content:space-between}.gc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gc-title{font-size:32px;line-height:1.3;margin:12px 0;font-weight:900}.gc-caption{font-size:12px;color:var(--gc-muted)}.gc-heading{font-size:18px;margin:0 0 12px}.gc-hero{text-align:center;padding:24px 12px}.gc-hero img{width:180px;height:200px;object-fit:contain;filter:drop-shadow(0 16px 16px #0003)}
.gc-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:var(--gc-surface);border:1px solid var(--gc-line);border-radius:20px}.gc-stat{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums}.gc-stat strong{font-size:20px}.gc-stat span{font-size:11px;color:var(--gc-muted)}
.gc-item{position:relative;padding:16px;border:1px solid var(--gc-line);border-radius:20px;background:var(--gc-surface);color:var(--gc-ink);text-align:center;min-width:0}.gc-item img{height:84px;width:100%;object-fit:contain}.gc-item h3{font-size:15px;margin:10px 0 4px}.gc-item p{font-size:12px;color:var(--gc-muted);margin:4px 0 12px}.gc-item .gc-button{width:100%;font-size:13px;padding-inline:10px}.gc-item[data-rarity="rare"]{border-color:#8caceb}.gc-item[data-rarity="epic"]{border-color:#c29bea}.gc-item[data-selected="true"]{outline:2px solid var(--gc-accent);outline-offset:3px}.gc-item:disabled{opacity:.5}.gc-badge{position:absolute;inset-block-start:8px;inset-inline-end:8px;padding:2px 7px;border-radius:8px;background:var(--gc-gold);color:#332406;font-size:10px}
.gc-progress{display:flex;gap:8px;align-items:center}.gc-progress progress{appearance:none;width:100%;height:9px;border:0;border-radius:99px;overflow:hidden;background:var(--gc-line)}.gc-progress progress::-webkit-progress-bar{background:var(--gc-line)}.gc-progress progress::-webkit-progress-value{background:var(--gc-accent);border-radius:99px}.gc-progress progress::-moz-progress-bar{background:var(--gc-accent)}.gc-progress output{font-size:12px;font-variant-numeric:tabular-nums;min-width:32px}
.gc-arena{position:relative;isolation:isolate;min-height:320px;border-radius:24px;border:1px solid var(--gc-line);overflow:hidden;background:var(--gc-surface)}.gc-arena__layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.gc-arena__characters{position:absolute;inset:0;z-index:1}.gc-actor{position:absolute;bottom:18%;left:40%;width:24%;height:48%;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 8px 5px #0004)}.gc-arena__foreground{z-index:2}.gc-arena__hud{position:absolute;inset:12px 12px auto;z-index:3}.gc-arena__controls{position:absolute;inset:auto 14px 12px;display:flex;justify-content:space-between;align-items:end;z-index:4}
.gc-joystick{width:96px;height:96px;border:1px solid #ffffff60;border-radius:50%;background:#071e2366;position:relative;touch-action:none;user-select:none;outline-offset:4px}.gc-joystick__thumb{position:absolute;left:26px;top:26px;width:44px;height:44px;border:2px solid #fff9;border-radius:50%;background:var(--gc-accent);pointer-events:none;transform:translate(var(--gc-stick-x,0px),var(--gc-stick-y,0px))}
.gc-dialog{width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--gc-line);border-radius:28px;background:var(--gc-surface);color:var(--gc-ink);padding:24px;box-shadow:var(--gc-shadow);font:inherit}.gc-dialog::backdrop{background:#041418b8;backdrop-filter:blur(6px)}.gc-dialog h2{margin-top:0}.gc-dialog .gc-stack{margin-top:20px}
.gc-toast-region{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(380px,calc(100% - 32px));z-index:10000;pointer-events:none}.gc-toast{padding:12px 18px;border:1px solid var(--gc-accent);border-radius:16px;background:var(--gc-surface);color:var(--gc-ink);box-shadow:var(--gc-shadow);margin-top:8px;text-align:center}.gc-empty{padding:32px 20px;border:1px dashed var(--gc-line);border-radius:20px;text-align:center;color:var(--gc-muted)}.gc-skeleton{min-height:16px;border-radius:8px;background:linear-gradient(90deg,var(--gc-line),var(--gc-surface),var(--gc-line));background-size:200% 100%;animation:gc-load 1.5s linear infinite}@keyframes gc-load{to{background-position:-200% 0}}.gc-status{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--gc-muted)}.gc-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gc-accent)}.gc-status[data-state="offline"]::before{background:var(--gc-gold)}.gc-status[data-state="error"]::before{background:var(--gc-danger)}
[data-gc-theme="desert"]{--gc-canvas:#271c1b;--gc-surface:#3a2b26;--gc-line:#675044;--gc-accent:#edbc77;--gc-on-accent:#352312;--gc-muted:#cfbfa9;--gc-gold:#ffd591}
[data-gc-theme="arcade"]{--gc-canvas:#141a33;--gc-surface:#222b4c;--gc-line:#414e76;--gc-accent:#94c6ff;--gc-on-accent:#172b47;--gc-muted:#bcc8e4;--gc-gold:#ffda87}
[data-gc-theme="orchard"]{--gc-canvas:#091e23;--gc-surface:#142e31;--gc-line:#355154;--gc-accent:#91e3ad;--gc-on-accent:#153729;--gc-muted:#b7c8c5;--gc-gold:#ffd784}
@media(prefers-reduced-motion:reduce){.gc-skeleton{animation:none}}