.tankone-tanky { width:var(--tanky-width,280px); max-width:100%; position:relative; isolation:isolate; font-family:Arial,sans-serif; line-height:1.4; box-sizing:border-box; }
.tankone-tanky *, .tankone-tanky *::before, .tankone-tanky *::after { box-sizing:border-box; }
.tankone-tanky [hidden] { display:none !important; }
.tankone-tanky--floating { position:fixed; right:20px; bottom:calc(var(--tanky-bottom,24px) + env(safe-area-inset-bottom,0px)); z-index:90; max-width:calc(100vw - 40px); }
.tankone-tanky .tanky-card { position:relative; background:transparent; border-radius:18px; padding:8px 8px 12px; overflow:hidden; text-align:center; }
.tankone-tanky--floating .tanky-card { box-shadow:none; border:0; }
.tankone-tanky button { appearance:none; font:inherit; letter-spacing:normal; text-transform:none; min-height:0; margin:0; cursor:pointer; }
.tankone-tanky .tanky-character { display:block; padding:0; width:100%; background:transparent; border:0; border-radius:10px; box-shadow:none; transform-origin:50% 85%; line-height:0; }
.tankone-tanky .tanky-character img { display:block; width:100%; height:auto; max-width:100%; border:0; margin:0; padding:0; border-radius:0; box-shadow:none; }
.tankone-tanky .tanky-character:hover { background:transparent; }
.tankone-tanky button:focus-visible { outline:3px solid #ed6b06; outline-offset:-3px; }
.tankone-tanky .tanky-close { position:absolute; z-index:2; top:6px; right:6px; border:0; border-radius:50%; background:transparent; color:#333; width:32px; height:32px; padding:0; font-size:0; line-height:1; box-shadow:none; }
.tankone-tanky .tanky-idle { transform-origin:50% 85%; }
.tankone-tanky.tanky-running .tanky-idle { animation:tanky-bob 6s ease-in-out infinite; }
.tankone-tanky.tanky-entering .tanky-entry { animation:tanky-arrive 1s ease-out both; }
.tankone-tanky.tanky-suspended .tanky-idle { animation-play-state:paused; }
@keyframes tanky-bob { 0%,60%,100% {transform:translateY(0) rotate(0deg)} 72% {transform:translateY(-3px) rotate(-1deg)} 84% {transform:translateY(-1px) rotate(1deg)} }
@keyframes tanky-arrive { from {opacity:0;transform:translateX(30px)} to {opacity:1;transform:translateX(0)} }
@media(max-width:600px) { .tankone-tanky { width:var(--tanky-mobile-width,130px); } }
@media(prefers-reduced-motion:reduce) { .tankone-tanky .tanky-idle, .tankone-tanky .tanky-entry { animation:none !important; transform:none !important; } }


.tankone-tanky .tanky-layers { display:block; position:relative; width:100%; aspect-ratio:1; }
.tankone-tanky .tanky-character:disabled { opacity:1; cursor:default; }
.tankone-tanky .tanky-eye { transition:transform .12s ease-out; }
.tankone-tanky.tanky-suspended .tanky-eye { transition:none; }

.tankone-tanky--floating.tankone-tanky--bottom-right {right:calc(var(--tanky-margin,24px) + env(safe-area-inset-right,0px));left:auto;top:auto;bottom:calc(var(--tanky-bottom,24px) + env(safe-area-inset-bottom,0px));}
.tankone-tanky--floating.tankone-tanky--bottom-left {left:calc(var(--tanky-margin,24px) + env(safe-area-inset-left,0px));right:auto;top:auto;bottom:calc(var(--tanky-bottom,24px) + env(safe-area-inset-bottom,0px));}
.tankone-tanky--floating.tankone-tanky--top-right {right:calc(var(--tanky-margin,24px) + env(safe-area-inset-right,0px));left:auto;bottom:auto;top:calc(var(--tanky-margin,24px) + env(safe-area-inset-top,0px));}
.tankone-tanky--floating.tankone-tanky--top-left {left:calc(var(--tanky-margin,24px) + env(safe-area-inset-left,0px));right:auto;bottom:auto;top:calc(var(--tanky-margin,24px) + env(safe-area-inset-top,0px));}
.tankone-tanky--floating {max-width:max(100px,calc(100vw - 2 * var(--tanky-margin,24px)));}
.admin-bar .tankone-tanky--top-left,.admin-bar .tankone-tanky--top-right {top:calc(var(--tanky-margin,24px) + 32px + env(safe-area-inset-top,0px));}
@media(max-width:782px) {.admin-bar .tankone-tanky--top-left,.admin-bar .tankone-tanky--top-right {top:calc(var(--tanky-margin,24px) + 46px + env(safe-area-inset-top,0px));}}

.tankone-tanky .tanky-close::after { content:'×'; display:grid; place-items:center; width:16px; height:16px; margin:auto; border:1px solid #ddd; border-radius:50%; background:#fff; font:12px/1 Arial,sans-serif; }
.tankone-tanky .tanky-layers { transform:perspective(600px) rotateX(var(--tanky-rx,0deg)) rotateY(var(--tanky-ry,0deg)); transform-origin:50% 65%; transition:transform .2s ease-out; filter:drop-shadow(2px 4px 3px rgba(0,0,0,.22)); }
.tankone-tanky .tanky-eye-left { transform-origin:49.7608% 40.7496%; transform:scale(.72); }
.tankone-tanky .tanky-eye-right { transform-origin:63.8756% 41.0686%; transform:scale(.72); }
@media(prefers-reduced-motion:reduce) { .tankone-tanky .tanky-layers {transform:none !important;transition:none !important;} .tankone-tanky .tanky-eye {transform:scale(.72) !important;} }

.tankone-tanky .tanky-character[aria-busy="true"] { cursor:default; }
.tankone-tanky-glitter { position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; max-width:none !important; pointer-events:none !important; z-index:2147483647 !important; background:transparent !important; border:0 !important; margin:0 !important; padding:0 !important; }

.tankone-tanky .tanky-rig {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.tankone-tanky .tanky-layers .tanky-eye {position:absolute;inset:0;pointer-events:none;}

.tankone-tanky.tanky-moved-right {position:fixed !important;left:auto !important;right:calc(var(--tanky-margin,24px) + env(safe-area-inset-right,0px)) !important;top:50% !important;bottom:auto !important;transform:translateY(-50%);z-index:90;}

.tankone-tanky.tanky-moved-bottom {position:fixed !important;left:auto !important;right:calc(var(--tanky-margin,24px) + env(safe-area-inset-right,0px)) !important;top:auto !important;bottom:calc(var(--tanky-bottom,24px) + env(safe-area-inset-bottom,0px)) !important;transform:none;z-index:90;}

.tankone-tanky .tanky-card{overflow:visible;padding:0;}
.tankone-tanky .tanky-character{touch-action:pan-y;aspect-ratio:1;position:relative;overflow:visible;}
.tankone-tanky .tanky-canvas,.tankone-tanky .tanky-fallback{display:block;width:100%;height:100%;aspect-ratio:1;background:transparent;border:0;padding:0;margin:0;pointer-events:none;}
.tankone-tanky .tanky-close{top:0;right:0;}
